system fonts
Hero Main Title (XXREM, 48PX, 4.5 vw - bold, uppercase)
primary title - H1 (XXREM, 40PX - normal, uppercase)
subtitle - H2 (XXREM, 32PX - normal, capitalize)
secondary Title - H3 (XXREM, 24PX - BOLD, uppercase)
Info Title - (XXREM, 24PX - normal, uppercase)
Accent - Accent text (XXREM, 20PX - BOLD, uppercase)
Table of Contents - (XXREM, 20PX - BOLD, uppercase)
Link Style - (XXREM, 20PX - Bold, Capitalize)
Label - (XXREM, 20PX- Bold, Capitalize)
Text Uppercase - (XXREM, 20PX - NORMAL, uppercase)
Text - Body text (XXREM, 20PX - Normal, Default)
system fonts using a Major Third scale
Heading Level 1 ( 3.052rem/61.04px)
Heading Level 2 (2.441rem/48.83px)
Heading Level 3 (1.953rem/39.06px)
Heading Level 4 (1.563rem/31.25px)
Heading Level 5 (1.25rem/25.00px)
Paragraph (1rem, 20px)
Button Label (1rem, 20px)
ACCENT (1rem, 20px)
font example
Lorem ipsum dolor sit amet
Ut pharetra a nisi eu bibendum
Curabitur dolor erat, accumsan vitae rutrum et, egestas ac ex. Duis risus leo, fermentum nec eleifend in, hendrerit vehicula augue. Sed interdum magna non arcu egestas accumsan. Donec ligula ipsum, pharetra eget finibus vitae, commodo quis nisl. Maecenas non sem ipsum. Sed commodo gravida nibh, in egestas diam pretium sit amet. Pellentesque malesuada mattis ornare. Curabitur id risus eleifend, sollicitudin nulla ac, vestibulum enim. Cras nisl est, maximus sit amet bibendum at, dignissim eget dolor. Sed hendrerit posuere nisi, laoreet hendrerit nisl dignissim ut.
Ut pharetra a nisi eu bibendum
Curabitur dolor erat, accumsan vitae rutrum et, egestas ac ex. Duis risus leo, fermentum nec eleifend in, hendrerit vehicula augue. Sed interdum magna non arcu egestas accumsan. Donec ligula ipsum, pharetra eget finibus vitae, commodo quis nisl. Maecenas non sem ipsum. Sed commodo gravida nibh, in egestas diam pretium sit amet. Pellentesque malesuada mattis ornare. Curabitur id risus eleifend, sollicitudin nulla ac, vestibulum enim. Cras nisl est, maximus sit amet bibendum at, dignissim eget dolor. Sed hendrerit posuere nisi, laoreet hendrerit nisl dignissim ut.