Style guide
Our style guide 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. With a style guide in place, it’s easier to ensure that design elements are cohesive and align with the overall branding strategy.
Fonts
01
H1
Neue Haas Grotesk
Heading
H2
Neue Haas Grotesk
Heading
H3
Neue Haas Grotesk
Heading
H4
Neue Haas Grotesk
Heading
H5
Neue Haas Grotesk
Heading
H6
Neue Haas Grotesk
Heading
p
Neue Haas Grotesk
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.
Ordered list
Neue Haas Grotesk
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
Ordered list
Neue Haas Grotesk
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
- Webflow is an innovative tool
Colors
02
Beige También
#FFDAA7
Dark Night
#1A1A1A
Dark 100
#000000
White broken
#F7E7D1
Buttons
03
Cookie
04
Form
05
GRid system
Container
Elements
Row
Elements
Col
Elements
Desktop
Grid
Tablet
Grid
Landscape
Grid
Mobile
Grid
Margin 1/2 col
Grid
Align start
Grid
Align center
Grid
Align end
Grid
Align stretch
Grid
Justify start
Grid
Justify center
Grid
Justify end
Grid
Justify between
Grid
Justify around
Grid
Display
Grid