Typography
H1 (Main titles, hero text) - Merriweather 60/72 -1 px
H2 (Section titles) - Merriweather 48/60 . 0.5 px
H3 (Subsection titles) - Merriweather 40/50 . 0.3 px
H4 (Smaller headings)- Merriweather 32/40 . 0.2 px
H5 (Feature labels)- Merriweather 28/36 . 0.1 px
H6 (Subtitles) - Merriweather 24/32 . 0 px
H7 (Subtitles) - Merriweather 20/24 . 0 px
Body Large (Main content body text) - Poppins 18/28 . 0 px
Body Medium (Secondary body text) - Poppins 16/24 . 0 px
Body Small (Less important text) - Poppins 14/20 . 0.2 px
Button Text (Button labels) - Poppins 14/20 . 0.5 px
Caption (Annotations, metadata) - Poppins 14/20 . 0.25 px
Colors
Base Colors
Color Palette
Primary P-60
On Primary N-10
Secondary S-60
On Secondary N-20
Tertiary, T-60
On Tertiary, N-20
Error, E-70
Error, N-100
Primary Container, P-98
On Primary Container, N-20
Secondary Container, S-95
On Secondary Container, S-10
Tertiary Container, T-95
On Tertiary Container, T-10
Error Container, E-99
On Error Container, E-20
Primary Fixed Dim, P-90
Primary Fixed, P-98
On Primary Fixed, N-10
On Primary Fixed Variant, P-10
Secondary Fixed Dim, S-90
Secondary Fixed, S-98
On Secondary Fixed, S-10
On Secondary Fixed Variant, S-20
Tertiary Fixed Dim, T-90
Tertiary Fixed, T-98
On Tertiary Fixed, T-10
On Tertiary Fixed Variant, T-20
Surface Dim, N-95
Surface, N-100
Background, NV-95
Surface Bright, N-98
Surf. Container Lowest, N-100
Surf. Container Low, N-96
Surf. Container, N-95
Surf. Container High, N-92
Surf. Container Highest, N-90
Inverse Surface, NV-10
Inverse On Surface, N-99
Inverse Primary, P-80
On Surface, N-10
On Surface Variant, NV-20
Outline, N-40
Outline Variant, NV-55
On Surface Variant-2, N-60
On Surface Variant-3, N-70
Scrim, N-20
Shardow, N-20
Buttons
Primary buttons
Small
Medium
Large
Secondary buttons
Small
Medium
Large
