Style Guide
Colors
Primary Blue
#4262ff
Sweet Purple
#a259ff
Lemon Green
#a6c03d
Playful Yellow
#ffd02f
Red
#f24e1e
Dark
#050038
White Smoke
#e9e9e9
Gainsboro
#e5e5e5
White
#f7f7f7
Typography Styles
You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.
Heading One
72 px
120%
Bold
Heading Two
58px
125%
Bold
Heading Three
48px
120%
Bold
Heading Four
40px
120%
Bold
Heading Five
32px
125%
Bold
Heading six
24px
130%
Bold
Body 01
22px
145%
Regular
Body 01 Medium
22px
145%
Medium
Body 01 Bold
22px
145%
Bold
Body 02
18px
156%
Regular
Body 02 Medium
18px
156%
Medium
Body 02 Bold
18px
156%
Bold
Body Small
16px
150%
Regular
Buttons
These are all the buttons that are used in this project. Editing them will reflect the changes on all the other buttons of the project too.
Symbols
Brands that made the right call.
Managing personal finance for everyone
“Velocity is crucial in marketing. The more campaigns we can put together, the more pages we can create, the bigger we feel, and the more touch points we have”
10x user signups
280% increase in organic traffic
“We were able to get a published, working version of the entire website live in less than two weeks. And we didn’t have to compromise on our original designs.”
Karen Temkin
280% increase in organic traffic
