UI Style Guide
Typography
Prata
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRS
TUVWXYZ
0123456789 !@#$%^&*()
Arvo bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRS
TUVWXYZ
0123456789 !@#$%^&*()
Lato
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQR
STUVWXYZ
0123456789 !@#$%^&*()
Lato Bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQR
STUVWXYZ
0123456789 !@#$%^&*()
Display
Hero Display
Widget only
| Font | Weight | Size | Line | Spacing | Hex |
| Prata | Regular | 64 | 120% | 0 | #262626 |
H1 XL Header
| Font | Weight | Size | Line | Spacing | Hex |
| Prata | Regular | 64 | 120% | 0 | #262626 |
H2 L Header
| Font | Weight | Size | Line | Spacing | Hex |
| Prata | Regular | 48 | 120% | 0 | #262626 |
H3 M Header
| Font | Weight | Size | Line | Spacing | Hex |
| Prata | Regular | 36 | 120% | 0 | #262626 |
H4 Small Header
| Font | Weight | Size | Line | Spacing | Hex |
| Arvo | Bold | 24 | 120% | 0 | #262626 |
H5 XS Header
| Font | Weight | Size | Line | Spacing | Hex |
| Arvo | Bold | 18 | 120% |
Label
Form only
| Font | Weight | Size | Line | Spacing | Hex |
| Lato | Bold | 14 | 160 | 10% | #262626 |
Sub Header - Missing
| Font | Weight | Size | Line | Spacing | Hex |
| Lato | Regular | 24 | 140% | 0 | 262626 |
Body
| Font | Weight | Size | Line | Spacing | Hex |
| Lato | Regular | 18 | 180% | 0 | 262626 |
Small Body - Missing
| Font | Weight | Size | Line | Spacing | Hex |
| Lato | Regular | 16 | 180% | 0 | 262626 |
XS Body
| Font | Weight | Size | Line | Spacing | Hex |
| Lato | Regular | 14 | 160% | 0 | #262626 |
UI Elements
Buttons & Links
Secondary Ghost Hover
Buttons
Primary | Primary Hover | Secondary Ghost |
Hero Button
|
Style guide
Heading 1 XL
Heading 2 L
Heading 3 M
Heading 4 S
Heading 5 Xs
Heading 6
Sub Header
Paragraph text.