KOUM —
the feel of each combination.
The winning combination ★ E (Hybrid Africa Stack · 91/100) curated to Koum across six scenes — apex hero, operator, shipper, money, KPI, regulator. Same italic O. Same ember. Same Isaiah 46:4. Different chrome per role. Below, four bonus demos show how A, B, C, D would have felt if they had won.
★ combo E · winner@claudedev@elena@omniverse@datalabs@datascience@walker present
$koum--combo.E
★ Combo E · Hybrid Africa Stack · 91/100 · curated to Koum
// six scenes · one product · three skins. The brand carries: italic O, ember, Fraunces 300, Isaiah 46:4. The chrome adapts: terminal for operators, glass for shippers, white for money, civic for regulators.
scene.E.1The apex heroMapbox GL + Deck.gl
tone: cinematic · spatial · ember on indigo
The visual welcome. Replaces /dispatch hero. Operators see the whole continent breathing. Investors see a Fortune-500 cockpit.
scene.E.2Operator load board · TK chrome (kept)Terminal Operator (current)
tone: mono · dense · keyboard-first
Drivers and dispatchers stay in the cockpit they already trust. Zero retraining. j/k still moves rows. ⌘K still opens the palette.
scene.E.3Shipper portal · glassshadcn / Linear-style + Inter
tone: calm · gradient · premium SaaS
A shipper opens once a week. They need calm certainty, not 100 keystrokes. Glass card with progress bar earns the premium price.
scene.E.4Carrier payouts · GeistVercel Geist · Stripe-style
tone: white-led · institutional · money-grade
When real money moves, white wins. Stripe's playbook: big number, generous whitespace, immaculate type.
carrier payouts
This month
Earned
$182,440.00
↑ 12.4%vs last month
scene.E.5KPI surface · TremorTremor + Visx
tone: finance-grade · color-coded
Brokers want this view first thing every morning. Bar chart + KPI tiles + corridor breakdown — all chart-led, all readable in three seconds.
analytics · 30d
Corridor performance
Active loads
427
+18 vs last
Avg margin
11.8%
+1.4 pts
On-time rate
94.2%
+0.8 pts
Risk score avg
0.07
−0.02
Margin · per corridorlast 30 days
$58k
MBA→KGL
$41k
DAR→KLA
$36k
KGL→DAR
$62k
NRB→MBA
$18k
BUJ→KGL
$28k
KLA→MBA
scene.E.6Customs review · CarbonIBM Carbon Design System
tone: civic · enterprise · AAA accessibility
When a customs officer in Mombasa logs in, the chrome must say 'we belong here.' Carbon's data table is the gold standard. Hash-chained audit trail is visible.
COMBO E · WHAT THIS HYBRID DELIVERS
the brand unified · ember + italic O + Isaiah 46:4 in every skin
the operator keeps the terminal they trust (zero retraining)
the shipper gets premium calm (justifies the price)
the carrier sees money move on a Stripe-grade surface
the broker reads dense KPI charts in three seconds
the regulator sits inside a Carbon cockpit (says: we belong)
the investor opens the apex hero · Fortune-500 in the room
ROUTING (under one Next.js tree)
/ Mapbox cinema (apex hero)
/loads /dispatch /dev TK chrome · operators
/shipper · /track shadcn glass · shippers
/pricing · /payouts Geist white · money
/analytics · /broker Tremor charts · brokers
/customs · /audit Carbon civic · regulators
ROLLBACK
feature flag NEXT_PUBLIC_SKIN={tk|stadium|trust} per route
instant revert via Vercel env$koum--bonus
Bonus · how the four alternatives would have felt
// each alternative shown applied to the same Koum surface. Notice what's gained, what's lost, why E ate them all by absorbing their best parts.
scene.AOperator's Cockpit · 83/100Carbon + Grafana + Mantine
tone: civic dark · panel-grammar · velocity
Strong for the people in the truck. Dense, dark, drillable. Lost: the shipper. Lost: the investor. Lost: anyone who arrives once.
✓ ops drill-down ✓ AAA a11y ✗ no premium feel ✗ no money-grade trust ✗ first-impression weak
scene.BBanker's Floor · 91/100Geist + shadcn + Tremor
tone: white-led · calm · money-grade
Premium. Trustworthy. Investors love it. But a dispatcher routing 80 loads at 06:00 will hate the whitespace. Lost: density. Lost: keyboard culture.
shipper · acme freight
Your Q2 freight at a glance
Spend
$48,200
↓ 4.1%
On-time rate
96.4%
↑ 1.2 pts
Avg ETA
18h 24m
tightening
Spend by corridorthis quarter
✓ premium feel ✓ money-grade ✓ AA a11y ✗ thin for dense ops ✗ keyboard culture lost
scene.CCinema Stadium · 72/100Mapbox + R3F + Theatre + Framer
tone: spatial · 3D · cinematic
Wins demos. Wins partner days. Wins investor pitches. But you cannot route freight from a 3D scene. Bundle size is brutal. Used everywhere = product collapses under its own weight.
✓ unforgettable demos ✓ differentiation ✗ heavy bundle ✗ a11y compromised ✗ hard to maintain
scene.DAnalyst's Desk · 86/100Observable + Tremor + Visx + MUI
tone: notebook · light · type-rich
Brokers and analysts will pay for this. It reads like an investment memo. But operators in trucks live in the dark. Regulators want civic, not Georgia italic. Lost: half the platform.
broker analytics · q2 explorer
Where does the margin come from?
We hypothesised that fuel cost, not load weight, was the dominant driver of corridor margin variance. The scatter below confirms it for 7 corridors over the last 30 days.
fuel × margin · per corridor (n=7)
margin source · breakdown
● fuel● backhaul● factor
✓ insight-led ✓ analyst grade ✓ AA a11y ✗ wrong tone for ops ✗ wrong tone for civic
$koum--why-E
Why E ate them all
E does not pick one of A,B,C,D. E inherits the BEST PART of each.
from A · Operator Cockpit → Carbon for regulator-facing density (E.6)
from B · Banker's Floor → Geist for money-grade trust (E.4)
from C · Cinema Stadium → Mapbox for the apex hero (E.1)
from D · Analyst's Desk → Tremor for KPI surfaces (E.5)
from current · Terminal Op → TK chrome for operators (kept) (E.2)
glue · shipper portal → shadcn glass · Linear feel (E.3)
E covers all four roles. A,B,C,D each cover only one or two.
THE CEO MOMENT
"I want investors to gasp at /dispatch." → E.1 Mapbox
"I want the dispatcher to feel home at /loads." → E.2 TK
"I want the shipper to feel premium at /track." → E.3 shadcn
"I want carriers to trust the money at /payouts." → E.4 Geist
"I want brokers to see margin at /analytics." → E.5 Tremor
"I want customs to take us seriously at /customs." → E.6 Carbon
Same italic O. Same ember. Same Isaiah 46:4. Six surfaces.$koum--gates
@zaphscore · feel-pass gate runner
$ zaphscore --gate combo-E-feel scene 01 apex hero Mapbox cinema ✓ brand carries · ember corridors scene 02 operator TK chrome kept ✓ zero retraining · keyboard culture preserved scene 03 shipper shadcn glass ✓ premium feel · AA contrast verified scene 04 money Geist white ✓ money-grade · institutional trust signal scene 05 KPI Tremor charts ✓ chart-led · readable in 3 seconds scene 06 regulator Carbon civic ✓ AAA a11y · audit hash-chain visible unified.brand italic O preserved across all 6 scenes unified.copy Isaiah 46:4 visible on auth, footer, manifesto only unified.ember #D4874A used as ACCENT in every skin unified.fraunces 300 weight on every display heading RESULT 6 ✓ · 0 ⚠ · 0 ✗ ready for Mario in-person Wed 13 May
$ koum lab --feel --sign
prepared.by @claudedev (technical) · Elena (voice) · @omniverse · @datalabs · @datascience
present @walker · @zaphscore · @zaphlabs
combo.shown E (winner · 6 scenes) + bonus A,B,C,D (1 scene each)
adoption.path prototype top 3 routes per skin · Wed 13 May in-person · flag flip wk 4
state AWAITING MARIO PREVIEW
next.url /design/lab (the 13 samples + 5 combos + walker advantages)
/design/lab/feel (this page)
/design (current Terminal Operator system)6 scenes · 4 alternatives · 1 winner · 0 sleepyour load shall be borne · isaiah 46:4 · קוּם