Grid
12 l-columns max, Full bleed grid, 20px gutter
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
1 l-col
2 l-cols
2 l-cols
2 l-cols
2 l-cols
2 l-cols
2 l-cols
3 l-cols
3 l-cols
3 l-cols
3 l-cols
4 l-cols
4 l-cols
4 l-cols
6 l-cols
6 l-cols
12 l-cols
Pallette
#e3dcc8
primary
#242424
secondary
#ffffff
tertiary
#c69844
quaternary
#39a2ae
quinary
#7d1719
senary
#fad668
septenary
#242424
octonary
#000000
nonary
#eeeeee
denary
#c69844
duodenary
#f0be12
extra-primary
#731517
extra-secondary
#e30d14
extra-tertiary
#2b1536
extra-quaternary
#4f1811
extra-quinary
#293050
extra-senary
#e72551
extra-septenary
#bbd9f1
extra-octary
Typography
Azo sans
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
FTY SKORZHEN NCV
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zilla Slab
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Oswald
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
First character styling (Initial)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Headings
Largest (118px)
Large (82px)
Medium (40px)
Small (20px)
Copy
Regular (16px)
Small (14px)
Icons
Crosshair
Chevron Up
Chevron Right
Chevron Down
Chevron Left
