Sprint 0 · v0.1.0
Design tokens
The locked Maxxpedia system. Body copy is always deep ink on off-white. Lime and pink are accents, fills, and CTAs only — never body text.
Brand palette
lime#C6FF3D
pink#FF3DD1
ink#0A0A12
off-white#FAFAF7
Neutral scale
ink-900#0A0A12
ink-700#2A2A35
ink-500#56566B
ink-300#A0A0AE
ink-100#E4E4E8
ink-050#F1F1EF
Type scale · Inter
Maxx your lifetext-xs · 0.75rem / 12px
Maxx your lifetext-sm · 0.875rem / 14px
Maxx your lifetext-base · 1rem / 16px
Maxx your lifetext-lg · 1.125rem / 18px
Maxx your lifetext-xl · 1.25rem / 20px
Maxx your lifetext-2xl · 1.5rem / 24px
Maxx your lifetext-3xl · 1.875rem / 30px
Maxx your lifetext-4xl · 2.25rem / 36px
Maxx your lifetext-5xl · 3rem / 48px
Maxx your lifetext-6xl · 3.75rem / 60px
Maxx your lifetext-7xl · 4.5rem / 72px
Font weights
Light — 300
Regular — 400
Medium — 500
Semibold — 600
Bold — 700
Black — 900
Spacing scale
space-14px · 0.25rem
space-28px · 0.5rem
space-312px · 0.75rem
space-416px · 1rem
space-624px · 1.5rem
space-832px · 2rem
space-1248px · 3rem
space-1664px · 4rem
space-2496px · 6rem
Radii
radius-sm
4px
radius-md
8px
radius-lg
16px
radius-xl
24px
radius-full
9999px
Shadows & glows
shadow-sm
shadow-md
shadow-lg
glow-lime
glow-pink
CTA patterns
Body copy rule
Body copy is always deep ink on off-white. This rule is load-bearing — it’s what lets the lime and pink feel energetic without being unreadable, and it’s what keeps Maxxpedia’s encyclopedia tone from tipping into hype.
Secondary copy uses ink-500. Use lime and pink for accent chips, highlights, fills, and CTAs. Never for paragraphs.