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

Trusted and loved by the world’s best teams

Take your personal financing to the next level

Whereby is the super simple way to connect over video. No apps, downloads, or long meeting links.

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”
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.”
280% increase in organic traffic

Take your personal financing to the next level

Whereby is the super simple way to connect over video. No apps, downloads, or long meeting links.