Style Guide
Colors
Primary Navy
#0A0D18
Thingy Purple
#5B4BFF
Accent Pink
#E66FFF
Soft White
#F5F6F9
Slate Grey
#5A5F7D
Signal Green
#0059D
Coral Red
#FF4F64
Typography
Heading H1
Clash Display/ 700
64px
Line Height: 1.2
Letter Spacing: -0.01em
Line Height: 1.2
Letter Spacing: -0.01em
Donec et odio dolor pelle ntesqu.
Heading H2
Clash Display/ 700
40 px
Line Height: 1.25
Letter Spacing: -0.005em
Line Height: 1.25
Letter Spacing: -0.005em
Donec et odio dolor pelle ntesqu.
Heading H3
Clash Display/ 600
24px
Line Height: 1.4
Letter Spacing: 0em
Line Height: 1.4
Letter Spacing: 0em
Donec et odio dolor pelle ntesqu.
Body Large
Satoshi/ 400
16 px
Line Height: 1.6
Letter Spacing: 0em
Line Height: 1.6
Letter Spacing: 0em
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Body Small
Satoshi/ 400
16 px
Line Height: 1.6
Letter Spacing: 0em
Line Height: 1.6
Letter Spacing: 0em
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Button Text
Satoshi/ 600
16 px
Line Height: 1.4
Letter Spacing: 0.05em
Line Height: 1.4
Letter Spacing: 0.05em
Caption
Satoshi/ 400
14 px
Line Height: 1.5
Letter Spacing: 0.05em
Line Height: 1.5
Letter Spacing: 0.05em
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Numerals
Satoshi/ 400
14 px
Line Height: 1.5
Letter Spacing: 0.05em
Line Height: 1.5
Letter Spacing: 0.05em
01
02
03
Cards and Shadows
01
Drop Shadow Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
