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

Facebook

Twitter

Chevron Up

Chevron Right

Chevron Down

Chevron Left

Images (With lazyloading and responsive sizes)

Banner/carousel

Large Banner

Small Banner

Social

Form

D.O.B