This is an interactive design preview of the SuperTrucker Platform — the dashboard that ties Pretrip, HOS, Rigs, Sales Crush, Safety, HR, and Accounting into one workspace for drivers and office staff alike.
The sophisticated voice reads like a trusted field manual. Subtle check marks. A streak card. No animation noise. For carriers whose CFO signs the contract and whose drivers want the job done without theater.
The anime voice makes compliance feel like a co-op game. Suki the copilot reacts when drivers log a clean pretrip. Streaks level up. Sparkle bursts on achievements. For fleets with gamer-driver culture and tech-forward ops.
The classic truckstop voice honors the craft. Stamped approvals. Brass bell on a clean inspection. Chrome bulldog yard boss. Wood-grain warmth. For owner-operators, veteran drivers, and fleets rooted in the trucking heritage.
The Soda-Shop voice is for every driver the software industry forgets — older drivers, drivers whose first language isn't English, drivers with cracked phones. Massive type. Bubblegum colors. Simple words. Warm affirmation instead of achievement jargon. Built with Atkinson Hyperlegible — the font the Braille Institute designed for low-vision readers.
Brand-forward first impression. Sets the tone: sleek, confident, carrier-owned.
Full-width office dashboard. Fleet grid, live HOS bars, route map, activity feed, compliance streak.
Phone-first. HOS clock centerpiece, one-tap duty switch, big CTAs for Pretrip. PWA — installs to home screen.
The plug-in story. Each module is sold separately, forkable for other industries, toggleable per carrier.
Module-within-shell. 24-hour duty timeline, rollups, alerts, live HOS clock viz. Proves a real module feels native.
The gamification layer. Ranks, squads with dispatcher captains, weekly missions, fuel-economy bonuses, internal Twitter-style fleet feed. Every dispatcher is a team captain whose XP rides on their drivers.
Confident warm serif with swagger. Wordmark, headlines, big numbers. Not another Inter clone.
Designed for industrial enterprise. Warmer than Inter, legible at density, pairs with Plex Mono.
VINs, HOS clocks, driver IDs, invoice numbers. Tabular numerals always on.
Geometric sci-fi workhorse. Wordmark, combo text, level-up callouts. Pairs with cyan glow and amber shadow.
Clean UI sans, tight tracking. Dialog bubbles, menu copy, driver messages. Readable through CRT scanlines.
HUD readouts: HOS clock, XP counter, combo multiplier, streak number. Always tabular.
3D-outlined classic for the SuperTrucker wordmark and marquee signage. Used sparingly — it's a sign, not body copy.
Heavy slab for headlines, mile-markers, stamps, section openers. Reads like a shop-floor sign.
Warm slab for body copy. Reads like an owner's manual. Pairs with Plex Mono for logbook data.
Rounded, warm, diner-menu friendly. Used for wordmark and headlines. Unthreatening, recognizable, plays nice with bubblegum pink.
Designed by the Braille Institute for low-vision readers. Differentiates 0/O, 1/l/I, and other commonly-confused characters. Set at 18–20px minimum.
HOS clocks, driver IDs, unit numbers. Kept from the core system — data is data, just bigger.
Five static HTML screens. No auth, no real data, no build step — open the files in any browser and click between them. Production will be a React + Vite PWA with a Node BFF. See SPEC.md and PLAN.md for the build plan.