The brand.
High-stakes, playful, uncompromising. Dark-first, premium desk gadget, degen tension. Everything below is the system; nothing below is optional.
Logo
One ghost, one wordmark. Dark surfaces only; the brand does not ship a light theme.
- Clear space: the height of the ghost on all sides.
- Never recolor, outline, stretch, or add shadows.
- The animated ghost is the living form; use it wherever the product is alive (loading, footer, social avatars).
Color
Full palette, dark dominant. All tokens are OKLCH; chroma drops as lightness approaches the extremes. No pure black, no pure white.
Surfaces
Background
--background · #07111F
oklch(17.6% 0.033 256.4)
Deep navy page background. The desk at night.
Surface
--surface · #0E1B2E
oklch(22.1% 0.042 257.8)
Elevated cards and sections.
Surface Light
--surface-light · #162640
oklch(26.9% 0.053 259.7)
Hover states, subtle separators, inputs.
Surface Hover
--surface-hover · #1C2F4D
oklch(30.5% 0.06 259.2)
Active and hovered surfaces.
Accents
Primary / Cyan
--primary · #35D7FF
oklch(81.6% 0.137 219.3)
Primary actions, live indicators, the device screen aura.
Primary Dark
--primary-dark · #1A9BBF
oklch(64.1% 0.114 223.1)
Pressed states only. Never a fill on its own.
Purple
--purple · #9945FF
oklch(59.8% 0.256 298.9)
The egg, early-stage pet, mystical accents.
Signals
Danger
--danger · #FF647C
oklch(70.6% 0.189 14)
Literal death and burn states only. If nothing is dying, this is the wrong color.
Warning
--warning · #FFD166
oklch(88% 0.135 86.1)
Sponsored quests, streak warnings.
Typography
Jost carries the hero display, Poppins carries everything else, Geist Mono appears only when the content is technical. Hierarchy comes from scale and weight, never from color games.
Display
Jost · 700 · 56-72px · -0.02em
Keep it alive.
H1
Poppins · 700 · 48px
The details.
H2
Poppins · 700 · 32px
Every system has teeth.
H3
Poppins · 600 · 24px
Your command center.
Body
Poppins · 400 · 16px · max 65ch
Complete daily quests, feed your pet, and keep the Care Clock above zero. Go dark for a week and it burns.
Small
Poppins · 500 · 13px
First 100 wallets get guaranteed mint access.
Eyebrow
Poppins · 700 · 12px · uppercase · 0.16em
The Hardware
Mono
Geist Mono · 500 · technical details only
07 · Care Clock · 0xF1NA…BURN
Voice
Urgent, confident, slightly degen. Loss aversion over encouragement, stakes over features. Every word earns its place.
Say
Keep it alive, or watch it burn.
Never
Track your financial habits with our companion app.
Say
Go dark for a week and it burns. On-chain, forever.
Never
Remember to check in daily to maintain your streak.
Say
Burned means burned.
Never
Please note your NFT may become permanently unavailable.
Motifs
Four recurring shapes. If a new surface needs texture, pick from these before inventing anything.
The Care Clock
The countdown as a dial. Urgency you can glance at.
Live pulse
Scarcity and social proof. First 100 only, ticking.
Stardust
Stippled star-field at 5% opacity. Depth, never noise.
The evolution line
The thread that carries the page. Each stage owns its tone.
Components
Pills for actions, 24px radius for cards, 14px for inputs. No heavy shadows; depth comes from layered surfaces and soft glows.
Press the buttons: they answer with scale(0.97). Every pressable element confirms it heard you.
Motion
One curve carries the brand: exponential ease-out. It starts fast and settles, like something physical arriving.
cubic-bezier(0.16, 1, 0.3, 1)
- Ease out with exponential curves. No bounce, no elastic.
- Transform and opacity only. Never animate layout properties.
- UI stays under 300ms; reveals may breathe to 700ms.
- Respect prefers-reduced-motion, always.