🇳🇬 NG
I CALL ON — Design System Tokens
Verification surface for design tokens, typography, radii, borders, and tactile actions.
01. Color System (Primitives & Semantics)
Paper Palette
#F4EBDD
paper.default
#E9DDC9
paper.deep
#FAF6EF
paper.card
#FFFDF8
paper.cardHighlight
#D8C8B0
paper.border
#BAA588
paper.borderStrong
Ink & Brand Palettes
#171714
ink.default
#5D5A51
ink.soft
#176B45
green.default
#0D3B28
green.dark
#229864
green.light
#D99B26
gold.default
Alerts & Arcade Highlights
#C83A32
red.default
#96251E
red.dark
#E5B93F
yellow.default
#B88E18
yellow.dark
#FFFFFF
white.default
Level Ring Palette
#9CA3AF
ring.gray (Lv 1-5)
#EAB308
ring.yellow (Lv 6-10)
#EC4899
ring.pink (Lv 11-20)
#F97316
ring.orange (Lv 21-30)
#EF4444
ring.red (Lv 31-49)
#A855F7
ring.purple (Lv 50+)
02. Typography Hierarchy
font-headline (Bebas Neue) — Game Impact
I CALL ON NIGERIAN FOODS!
font-display (Syne) — Game Titles & Milestones
MATCH RESULTS & PODIUM
font-numbers (Space Grotesk) — Timers, Scores, XP
1,450 PTS00:04.2s+250 XP
font-sans (Plus Jakarta Sans) — Primary UI Body & Actions
Type answers fast before another player stops the clock. Valid submissions score double during rapid rounds.
font-accent (Caveat) — Handwritten Nostalgic Annotations
"Oya make we play another round sharp sharp!"
03. Border Radii Scale
xs (4px)
Tags, controls
sm (6px)
Inputs, items
md (10px)
Cards, panels
lg (14px)
Buttons, modals
xl (20px)
Bottom sheets
pill (9999px)
Avatars, pills