// Visual Identity · 08
Colors
Intentionally minimal and high-contrast. Red is the only accent — decisive, attention-directing, never decorative. Black grounds. White creates space. Click any swatch to copy its hex.
Core✸
Red — accent#FF0022
Black — ground#18161D
White — space#FFFFFF
Red scale✸
50fff0f2
100ffdde2
200ffc0c8
300ff94a2
400ff576d
500ff2340
600 ◆ff0022
700d7001d
800b1031a
900920a1c
95050000b
600 is the brand red. 700 / 800 for hover & press. 50–200 for tints and surfaces.
Neutral scale✸
Whiteffffff
50fafafa
100f4f3f6
200e4e2e9
300d4d1db
400aca7b9
500716b80
600524c61
7003f3b4a
80027252c
900 ◆18161d
Black000000
System / data✸
Green 6001c9d4f
Green 40037d273
Blue 6002b5fe5
Yellow 400e6c029
Yellow 8007b4c18
Used only for plan-vs-actual data states. They stay muted and never compete with brand red.
Usage✸
// Do
Use red to signal — active states, key CTAs, emphasis, the // motif. Let white carry the layout.
// Do
Reserve full-red and full-black blocks for deliberate impact moments (hero, poster, CTA).
// Don't
Don't tint large body areas red, mix multiple accents, or use gradients as decoration.
COPIED