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

Black - #000000

AshGrey - #33342D

JustGrey - #616158

SilverGrey - #A8A399

NewGrey - #EEEDEA

White - #FFFFFF

YamoYellow - #FFC800

NeoYamo - #D7FF00

Brownamo - #755739

Blushamo - #BC357C

Tealamo - #006A8E

Goldamo - #9C9100

Pinkamo - #ED7CBD

Orangamo - #FF821E

Greenamo - #6ACE92

GradientNeo - stop 1 / 0% / #D7FF00 stop 2 / 30% / #FFC800

GradientBrown - stop 1 / 0% / #755739 stop 2 / 30% / #FFC800

GradientBlush - stop 1 / 0% / #BC357C stop 2 / 30% / #FFC800

GradientPink - stop 1 / 0% / #ED7CBD stop 2 / 30% / #FFC800

GradientOrange - stop 1 / 0% / #FF821E stop 2 / 30% / #FFC800

GradientGreen - stop 1 / 0% / #6ACE92 stop 2 / 30% / #FFC800

GradientTea - stop 1 / 0% / #006A8E stop 2 / 30% / #FFC800

GradientGold - stop 1 / 0% / #9C9100 stop 2 / 30% / #FFC800