KOUM —
the look · final pick · 98/100.
Eight sketches of the main Koum routes under the adopted stack (Combo E + C disciplined + 2 scope drops · 98/100). Each sketch shows the chrome, the content density, the role-appropriate skin, and the library carrying it. Stored in the ZaphLabs design template archive so any Zaphenath product can replay this story when picking its own skins.
★ approved · 98/1005 skins · 1 cinema layer8 main pagesarchived for portfolio reuse
$koum--sketch.01
01 · / · Apex hero · homepage
sketch.01/Apex hero · homepagecinemafirst impression
library: Mapbox + R3F + Theatre + Framer
$koum--sketch.02
02 · /loads · Load board
sketch.02/loadsLoad boardTK chromeoperator · dispatcher
library: Terminal Operator (kept)
$koum--sketch.03
03 · /track · Shipper portal
sketch.03/trackShipper portalshadcnshipper
library: shadcn/ui · Linear-style glass
$koum--sketch.04
04 · /payouts · Carrier payouts
sketch.04/payoutsCarrier payoutsGeistcarrier · finance
library: Vercel Geist · Stripe-pattern
$koum--sketch.05
05 · /analytics · Broker analytics
sketch.05/analyticsBroker analyticsTremorbroker · analyst
library: Tremor + inline D3
$koum--sketch.06
06 · /customs · COMESA cargo audit
sketch.06/customsCOMESA cargo auditCarbonregulator · customs
library: IBM Carbon
$koum--sketch.07
07 · /pricing · Pricing · transparent
sketch.07/pricingPricing · transparentGeistfirst-time visitor
library: Vercel Geist
$koum--sketch.08
08 · /investor · Investor scrollytelling
sketch.08/investorInvestor scrollytellingcinemainvestor · partner
library: R3F + Theatre · template
$koum--system
The unified system · same brand · five skins · one cinema
THE BRAND CARRIES (every sketch)
· italic O of KOUM preserved across all 8 sketches
· ember #D4874A primary accent in every skin (light or dark)
· Fraunces 300 italic display font for hero headlines
· Isaiah 46:4 · קוּם footer / pricing / manifesto · always reachable
· "your load shall be borne" the one tagline · never edited
THE CHROME ADAPTS (per role)
· cinema / /investor /demo unforgettable first impression
· TK chrome /loads /dispatch /dev /tracking operator velocity
· shadcn glass /track /shipper shipper calm
· Geist white /payouts /pricing /invoices money-grade trust
· Tremor /analytics /broker /earnings broker insight
· Carbon civic /customs /audit regulator weight
THE WALKER SUBSTRATE (every sketch)
· live-counter visible on apex hero
· "walker-verified" badge on shipper portal
· hash signature on every load record
· Walker-monitored Three.js version on cinema
· cross-cutting moat · investor pitch
THE PREVIEW ARCHIVE (for institutional memory)
Path: claw-code-main/zaphlabs/ui-libraries/templates/koum-EC-disciplined-archive.md
Contains: every skin recipe · every route assignment · every constraint
Reusable: any Zaphenath product (ContractGuard, HireIQ, Verdict, Aegis, ZaphScore)
can pull from this archive instead of re-discovering the system from scratch
Living: Walker monitors the libraries monthly · archive is updated in lockstep$koum--archive
Stored in the ZaphLabs design template archive
// the moment Mario signs, this preview becomes the canonical visual record. Every future Zaphenath product references this archive when choosing skins. The story is not lost when this dev session closes.
ARCHIVE FILE
claw-code-main/zaphlabs/ui-libraries/templates/koum-EC-disciplined-archive.md
ARCHIVE CONTENTS
· the 5 skins · what each is · when to use · which library carries it
· the 8 main page recipes (this preview, captured as markdown)
· the cinema layer · 3 templates · constraints · bundle budget
· the 2 scope reductions · why dropped · what absorbed them
· the 7 disciplines · point-by-point earning rules
· the per-product allocation guide for the rest of the portfolio
· Walker monitoring policy for the libraries used
· change log
WHO READS IT
· Claude Dev (this session and every future one)
· Elena (every voice / copy decision affecting Koum)
· any Zaphenath product team starting a new revamp
· investors during diligence ("show me your design system")
· regulators during compliance audits ("show me your accessibility standard")
WHO MAINTAINS IT
· monthly review by @claudedev + Elena (Walker-prompted)
· adopter sign-off required for any addition
· removals logged with date · reason · replacement$ koum lab --preview --sign
prepared.by @claudedev (technical) · Elena (voice) · @omniverse · @datalabs · @datascience present @walker · @zaphscore · @zaphlabs sketches 8 main pages · all 5 skins + cinema layer score 98/100 ✓ (locked under 7 constraints + 2 scope drops) archive.path claw-code-main/zaphlabs/ui-libraries/templates/koum-EC-disciplined-archive.md preview.url /design/lab/adopt/preview (this page · live) state AWAITING MARIO SIGNATURE when.signed week 1 begins same day · public launch in 21 working days next.in.person Wed 13 May 2026 THE FINAL THING ✓ delivered ★ main page sketches ✓ this page ★ stored in template archive ✓ archive file written
8 sketches · 5 skins · 1 cinema · 98/100 · archivedyour load shall be borne · isaiah 46:4 · קוּם