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
We've worked with the world's best product teams
you're in good hands, for real
“At SlideShare, I worked with them on the new search feature to make it lean and perform better and they did a great job. He also did the first version of SlideShare's new help panel and Zendesk integration.”
15x paid plan upgrades
350% increase in search volume
“Results were immediate and helped propel further growth, client click through and most importantly paid completions and satisfied customers. You won't be let down by Arun's tireless work ethic and added value..”
10x user signups
280% increase in conversions
