Skip to main content

AG Websites: Best practice for styling your site

Set up your page for clarity and style

Updated today

These quick tips for for setting up pages will ensure your site is clear, easy to navigate, and visually appealing.

Consistency is key

When starting, select your styles =for spacing, fonts, and buttons so the site feels unified:

Then, make sure you apply these consistently across the site. Stick to a limited color palette to keep the design clean and modern.


Page Header

Your page header will appear on every page of your site. Try to limit the number of top-level links you include so that viewers can easily scan and find the section they need. Here are the examples from our AG Websites styles:

Remember to:

  • Keep the header height small so it does not take up too much space at the top of the page.

  • Keep spacing and alignment consistent so the header feels balanced and tidy.

  • Make the logo clear and sized appropriately so it is easy to recognize.

See Setting up your Header and Footer for more information and instructions.


Page setup

Use clear headings and short sections so users can scan easily:

Hero text is bold and clear. White space create a clean, modern feel. Navigation is simple and minimal. Visually striking hero image. Overall layout feels balanced, intentional.


Page Footer

The page footer can include links to pages within your site or essential links. Here are some examples for AG Websites:

Remember to:

  • Add contact details or a clear way to reach you.

  • Include only essential links like policies, copyright, and social icons.

  • Maintain consistent spacing and alignment so the footer feels structured.

  • Make sure text stays readable by using enough contrast and avoiding tiny font sizes.

See Setting up your Header and Footer for more information and instructions.

Did this answer your question?