AENT Typography Style Guide 


This document defines the typography standards for the AENT website and provides a consistent framework for headings, body text, spacing, and content hierarchy across all templates and modules.

This is an H1 heading for page headlines 

H1
Font: Fredoka One Regular
Desktop: 60px
Mobile: ? px = can't find this setting
Line Height: 1.1
Color: #090241
Default Alignment: Depends on Module but usually Centered

This is an H2 heading

H2
Font: Fredoka One Regular
Desktop: 43px
Mobile: ? px = can't find this setting
Line Height: 1.1
Color: #090241
Default Alignment: Left

This is an H3 heading

H3
Font: Fredoka One Regular
Desktop: 33px
Mobile: ? px = can't find this setting
Line Height: 1.1
Color: #090241
Default Alignment: Left

This is body copy. It should never extend all the way across the page. Lorem ipsum et duis nicto bluribus umen val nonumi. Yoltsip con greeso et duis ola selibrak. Lorem ipsum et duis nicto bluribak. Lorem ipsum et duis nicto bluribus umen val nonumi. Yoltsip con greeso et duis ola selibrak. Lorem ipsum et duval nonumi. Yoltsip con greeso et duis ola selibrak. 

Paragraph breaks are important for readability. Site users do not like to read long blocks of text that do not contain paragraph breaks. Yoltsip con greeso et duis ola selibrak. Lorem ipsum et duis nicto bluribak. Lorem ipsum et duis nicto blur.

BODY COPY
Font: Open Sans Regular
Desktop: 16px
Mobile: ? px = can't find this setting
Line Height: 1.6
Color: #444444
Default Alignment: Left

Here is an H2 heading used with body copy and a CTA button

This is body copy orem ipsum et duis nicto bluribus umen val nonumi. Yoltsip con greeso et duis ola selibrak. Lorem ipsum et duis nicto bluribak. Lorem ipsum et duis nicto bluribus umen val nonumi. Yoltsip con greeso et duis ola selibrak. Lorem ipe.