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.
colors
ocean Blue #429EB3
sky Blue #E0EFF2
Robin egg blue #15B2D3
rust red #A74402
Golden yellow #EFB350
pine Green #116943
desert sand red #F0E0D5
eggshell yellow #FCF2E2
mint green #D7E6E0
Charcoal black #141412
Cream white #FCFBF8
Snow white #FCFCFC
Buttons & Hyperlinks
Lorem Ipsum
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.
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.
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.
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.