Style Guide
Our style helps simplify the building process for your website. It serves as a centralized reference for design elements such as typography, color palettes, icons, columns system and more.
01
Fonts
H1
Heading
H2
Heading
H3
Heading
H4
Heading
H5
Heading
H6
Heading
p
Jim, you’re 6’11 and you weigh 90 pounds. Gumby has a better body than you. Boom, roasted. Dwight, you’re a kiss ass. Boom, roasted. Pam, you failed art school. Boom, roasted. Meredith, you’ve slept with so many guys, you’re starting to look like one. Boom, roasted. Kevin, I can’t decide between a fat joke and a dumb joke. Boom, roasted. Creed, your teeth called, your breath stinks. Boom, roasted.
p small
Jim, you’re 6’11 and you weigh 90 pounds. Gumby has a better body than you. Boom, roasted. Dwight, you’re a kiss ass. Boom, roasted. Pam, you failed art school. Boom, roasted. Meredith, you’ve slept with so many guys, you’re starting to look like one. Boom, roasted. Kevin, I can’t decide between a fat joke and a dumb joke. Boom, roasted. Creed, your teeth called, your breath stinks. Boom, roasted.
p large
Large text
p grey
Jim, you’re 6’11 and you weigh 90 pounds. Gumby has a better body than you. Boom, roasted. Dwight, you’re a kiss ass. Boom, roasted. Pam, you failed art school. Boom, roasted. Meredith, you’ve slept with so many guys, you’re starting to look like one. Boom, roasted. Kevin, I can’t decide between a fat joke and a dumb joke. Boom, roasted. Creed, your teeth called, your breath stinks. Boom, roasted.
Link
02
Colors
Black 100
#000000
White 100
#FFFFFF
Grey 100
#F5F3F3
04
Cookies
05
Form
Grid system
01
Container
02
Row
03
Column
04
Desktop
05
Tablet
06
Mobile
07
Margin
08
Properties
09
Display