PINK VARIANT

VARIANT DEMO

Same components. Same markup. Different @theme tokens. Swap any color in globals.css and the entire kit updates automatically.

#ff2d78

CHANGED

#aa1550

CHANGED

#bf00ff

CHANGED

#00e5ff

#ffe600

#0d0f1a

HOW IT WORKS: globals.css

.theme-pink {
  --color-retro-green:     #ff2d78;
  --color-retro-green-dim: #aa1550;
  --color-retro-magenta:   #bf00ff;
}

Wrap any element in .theme-pink to apply the variant locally, or set it on <body> for a full site swap.

01 · COMPONENTS

BADGES

COLOR VARIANTS

PRIMARYCYANACCENTYELLOW

GAME CONTEXT

LEVEL 01UNLOCKEDHOTBOSS STAGE

02 · COMPONENTS

⬡LEVEL 1

Procedurally generated environments that shift and breathe with the player's emotional state.

★★★★★

◈LEVEL 2

Darkness consumes. Every beam of light is earned. Physics-based illumination reacts to your every move.

★★★★★

⬟LEVEL 3

An adaptive soundtrack that mirrors the player's journey from void to radiance. 40+ hours of music.

★★★★★

03 · COMPONENTS

LEVELS

DEVS

2YRS

IN DEV

∞

HEART

04 · NEXT STEPS

Create your own variant by adding a .theme-* block to globals.css with 3 color overrides.