design

Style Guide

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

Body small

Caption 1

Caption 2

Overline 1

Overline 2

Button

NavLink

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body Large

Body Default

Body small

Caption 1

Caption 2

Overline 1

Overline 2

Button

NavLink

Text styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body Large

Body Default

Body small

Caption 1

Caption 2

Overline 1

Overline 2

Button

NavLink

Colors

Primary

#65D16E

Secondary

#D165C8

Colors / Background

Primary

#141419

Secondary

#1B1B1E

Tertiary

#262626

Colors / Content

Primary

#F0F0F0

Secondary

#F0F0F0, ALPHA: 72%

Tertiary

#F0F0F0, ALPHA: 58%

onSurface

#0D0D0D

Colors / Border

Border

#FFFFFF, ALPHA: 12%

Divider

#FE621D, ALPHA: 72%

Colors / Misc

Yellow

#FF9C27

White

#F5F5F5

Black

#1C1C1C