Colours

Our design system is decentralized and built for multi-product purposes. Having different-color naming conventions and numbers etc... makes it harder to maintain it.

For that, we made a decision to give our colours unique names.

Meet the Dragon Ball Z approach.

Each color name is assigned for specific purpose and for each product these values are different.

Please never use Hex values, they won't change if you need theme support.

Colours usage

Main colours

Accent colours

piccolo
hit

Border and line colour

beerus

Background colours

goku
gohan

Text and icon colours

bulma
trunks

Forced colours

goten
popo

Supportive colours

Krillin

Warning colour

krillin100
krillin60
krillin10

Chi Chi

Error colour

chiChi100
chiChi60
chiChi10

Roshi

Success colour

roshi100
roshi60
roshi10

Dodoria

dodoria100
dodoria60
dodoria10

Cell

cell100
cell60
cell10

Raditz

raditz100
raditz60
raditz10

Whis

whis100
whis60
whis10

Frieza

frieza100
frieza60
frieza10

Nappa

nappa100
nappa60
nappa10