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.