Styleguide

A reference guide for text styles and color palette.

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body Large

Body Default

Feature

Caption

Overline

Button

Link

Colors

Primary
#C2A8FF
Secondary
#CFE882

Colors / Background

Primary
#1A1A1A
Secondary
#262626, Alpha: 60%

Colors / Content

Primary
#F2F9FB
Secondary
#C4C3C6
Tertiary
#FFFFFF, Alpha: 25%
onColor
#191919

Colors / Border

Primary
#FFFFFF, Alpha: 5%

Colors / Misc

Pink-100
#FF99EB
Pink-200
#FF94D2
Pink-300
#FF8FA5
Yellow-100
#FFE27A
Yellow-200
#FFBB80
Yellow-300
#FF9785
Green-100
#71F4B7
Green-200
#69F28D
Green-300
#3CC35E
Blue-100
#85F0F9
Blue-200
#8ECFFB
Blue-300
#5A85E2

Styleguide

A reference guide for text styles and color palette.

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body Large

Body Default

Feature

Caption

Overline

Button

Link

Colors

Primary
#C2A8FF
Secondary
#CFE882

Colors / Background

Primary
#1A1A1A
Secondary
#262626, Alpha: 60%

Colors / Content

Primary
#F2F9FB
Secondary
#C4C3C6
Tertiary
#FFFFFF, Alpha: 25%
onColor
#191919

Colors / Border

Primary
#FFFFFF, Alpha: 5%

Colors / Misc

Pink-100
#FF99EB
Pink-200
#FF94D2
Pink-300
#FF8FA5
Yellow-100
#FFE27A
Yellow-200
#FFBB80
Yellow-300
#FF9785
Green-100
#71F4B7
Green-200
#69F28D
Green-300
#3CC35E
Blue-100
#85F0F9
Blue-200
#8ECFFB
Blue-300
#5A85E2

Styleguide

A reference guide for text styles and color palette.

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body Large

Body Default

Feature

Caption

Overline

Button

Link

Colors

Primary
#C2A8FF
Secondary
#CFE882

Colors / Background

Primary
#1A1A1A
Secondary
#262626,
Alpha: 60%

Colors / Content

Primary
#F2F9FB
Secondary
#C4C3C6
Tertiary
#FFFFFF,
Alpha: 25%
onColor
#FFFFFF,
Alpha: 25%

Colors / Border

Primary
#FFFFFF, Alpha: 5%

Colors / Misc

Pink-100
#FF99EB
Pink-200
#FF94D2
Pink-300
#FF8FA5
Yellow-100
#FFE27A
Yellow-200
#FFBB80
Yellow-300
#FF9785
Green-100
#71F4B7
Green-200
#69F28D
Green-300
#3CC35E
Blue-100
#85F0F9
Blue-200
#8ECFFB
Blue-300
#5A85E2