Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.

Color styles

Primary 1 - #000000

Primary 2 - #7F7F7F

Accent - #C1FF84

Border (dark) - #151515

Border (light) - #E0E0E0

Background Primary 1 - #F5F5F5

Background Primary 2 - #EBEBEB

White - #FFFFFF

Red - #FF8484

Yellow - #F5FF84

Green - #95FF84

Blue - #56FFE1

Purple - #8684FF

Pink - #FF84E4

Primary 2 - #808080