The kit
Color tokens, typography, minerals, and iconography. Everything you'd need to draw a new Protocol Four screen and have it look like it belongs.
01 · Palette
Every screen's canvas. Near-black with a green tint.
Primary text and high-contrast surfaces.
Buttons and primary CTAs on dark backgrounds.
Muted text — tab labels, secondary captions.
Body copy on dark; mid-contrast captions.
Card and surface backgrounds, one step above background.
Hairline dividers and outlined controls.
Subtle surface elevations.
Success — 'all done' day status, positive deltas.
Active state — running timer, in-progress goals.
Olivium / progress / docs accent.
Accolades — agent profile stars, milestones.
Destructive — delete, negative deltas.
Pure white for emphasis on dark backgrounds.
Tag color — clubs, mission categories.
Checkpoint markers — neutral milestone tone.
02 · Typography
Headlines, mission text, every moment that needs gravity. Italic for soft emphasis.
Marketing display type on the field manual; bold tracking-tight headlines.
All body copy in the app. Comfortable reading at small sizes.
Agent codes, mineral counters, statuses, every uppercase tag.
03 · Minerals
The primary mineral. Funds breaks; pays club join costs.
Earned on hard-won milestones. Accumulates as a profile signal.
Earned through consistency. Slowest to grow, hardest to lose.
Earned through deep work — long focus sessions, multi-hour goals.
04 · Iconography
All icons are hand-built SVGs in `components/icons/` so the line weight and silhouette stay consistent. No third-party icon library.