ansible-community / community-website

Ansible Community website (WIP)
https://ansible-community-website.readthedocs.io
Creative Commons Attribution Share Alike 4.0 International
14 stars 25 forks source link

Standardization across page widths and titles #430

Open tiyiprh opened 6 months ago

tiyiprh commented 6 months ago

It seems like there are varying page widths throughout the website and varying title sizes/font widths on the pages. Is there a standard page size/title size that is being used or is it dependent on the content of the page?

-It would be great if all the titles matched in size/width and had the same spacing from the masthead. -I think for consistency, the titles should all be left-aligned. I think "Our mission" is ok to be centered since that is kind of a different page.

oraNod commented 6 months ago

@tiyiprh Thanks for this, I've had a quick look and it seems like the community training page is the one outlier. I could be missing something, would you mind giving some examples about what you're seeing please? Just to make sure we're on the same page. Cheers.

tiyiprh commented 6 months ago

Yes, sorry for not providing more earlier!

For example, between these two pages, it looks like the content width is different. The "How Ansible works" page seems to be wider than the "Ansible AWX" one.

Screenshot 2024-02-27 at 11 06 25 AM Screenshot 2024-02-27 at 11 06 18 AM

The "Ansible ecosystem" page looks even wider and the header title looks like it's bold compared to the above.

Screenshot 2024-02-27 at 11 09 59 AM

The "Contact us" and "Latest blogs" pages seem to be the same width and header title size/weight but these seem to be a tad bit wider than the FAQ page.

Screenshot 2024-02-27 at 11 13 23 AM

Screenshot 2024-02-27 at 11 13 31 AMScreenshot 2024-02-27 at 11 13 37 AM

Overall, my suggestion would be for the pages that mainly just have text within the content, those should have a standard width and for pages with cards, those should have their own standard width as well. All the pages should have consistent header titles though, with an exception to the mission page as that can be different.