Grid
Full Width
Full Width
Container
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
Color Palette
Brand Colors
FV RED
#C13B2A
MEDIUM RED
#87291D
WHITE
#FFFFFF
LIGHT BLUE
#DDE2E5
DARK BLUE
#9FC2CD
DARKER BLUE
#19647E
YELLOW
#F9DD51
Utility Colors
ERROR
#C35346
SUCCESS
#537A5A
DISABLED LIGHT
#ECEAEA
DISABLED DARK
#776969
Font Families & Type Styles
FONT FAMILY |
FONT WEIGHT NAME |
FONT WEIGHT VALUE |
|---|---|---|
ITC Garamond Std |
Regular |
300 |
BOOK |
400 |
|
Italic |
300 |
|
AAUX NEXT |
BOLD |
700 |
Global Headline Styles |
|
|---|---|
Desktop (1.250 scale) |
Mobile (1.250 scale) |
Display |
Display |
Headline 1 |
Headline 1 |
Headline 2 |
Headline 2 |
Headline 3 |
Headline 3 |
Headline 4 |
Headline 4 |
Headline 5 |
Headline 5 |
Headline 6 |
Headline 6 |
Display Eyebrow |
Display Eyebrow |
Eyebrow |
Eyebrow |
Body Copy Styles |
|
|---|---|
Desktop + Mobile (16px base, 1.250 scale) |
|
Body - Large |
Link - Large |
Body - Base |
Link - Base |
Body - Small |
Link - Small |
Link Interaction |
|||
|---|---|---|---|
| Default Text Link | Text Link on Hover | Default Text Link | Disabled Text Link |
Default |
Hover |
Focus |
Disabled |
Buttons & Form Element Styles |
|
|---|---|
| Desktop | Mobile |
Forms
Input Fields
Email Fields
Dropdowns
Native Select
Custom Select
Checkbox
Radio Buttons
Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam turpis convallis commodo id interdum a vestibulum. Enim felis leo, proin viverra. Metus leo amet, leo velit accumsan sociis nulla. Eu et vestibulum aliquam id volutpat tortor ut tristique neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam turpis convallis commodo id interdum a vestibulum. Enim felis leo, proin viverra. Metus leo amet, leo velit accumsan sociis nulla. Eu et vestibulum aliquam id volutpat tortor ut tristique neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam turpis convallis commodo id interdum a vestibulum. Enim felis leo, proin viverra. Metus leo amet, leo velit accumsan sociis nulla. Eu et vestibulum aliquam id volutpat tortor ut tristique neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam turpis convallis commodo id interdum a vestibulum. Enim felis leo, proin viverra. Metus leo amet, leo velit accumsan sociis nulla. Eu et vestibulum aliquam id volutpat tortor ut tristique neque.