IlliyinStudio
Design System
Colors
Color distinguishes our brand and helps us create consistent experiences across products.
Brand Colors
Primary brand colors are used for elements that must reflect brand. Each color has a darker and a lighter shade.
Orange 100
Orange 80
Orange 50
Orange 20
Orange 10
Secondary Color
The secondary colors are used for states. It can be used both on positive and negative feedback that may applied to section, elements or text.
Sky Blue 100
Sky Blue 80
Sky Blue 50
Sky Blue 20
Sky Blue 10
Yellow Mustard 100
Yellow Mustard 80
Yellow Mustard 50
Yellow Mustard 20
Phthalo Blue 10
Accent Colors
The Accent colors are used for states. It can be used both on positive and negative feedback that may applied to section, elements or text.
Blue 100
Blue 80
Blue 60
Blue 40
Blue 20
Green 100
Green 80
Green 60
Green 40
Green 20
Red 100
Red 80
Red 60
Red 40
Red 20
Gray Color
Gray colors are used for text, background that must reflect brand. Each color has a darker and a lighter shade.
Dark 100
Dark 90
Dark 80
Dark 70
Dark 60
Dark 50
Dark 40
Dark 30
Dark 20
Dark 10