Design previews
Comparative explorations and locked decisions.
-
Dispatch UX — calendar, dispatch board, multi-select
Awaiting approval
Three candidate shapes for assigning a driver to a sequence of jobs (Holz, Linfox, Horne, Gatt). Reference set: Onfleet, Routific, Samsara, Linear, OptimoRoute, Things 3. Recommendation: Calendar + Right Rail + Plan Day. Brief:
sprints#2853. -
Drive360 v1 basemap — synthesis live
Awaiting approval
Drive360 v1 Mapbox basemap rendered live (light + dark). Synthesis: Routific/Onfleet fleet content + Linear restraint discipline. Calibration rail kept below for ongoing comparison. Once visual locks, freeze layer mutations to static JSON in
drive360/console. Brief:squad/design#1. -
Settings layout — current vs Option A vs Option B
Awaiting approval
Today's "Profile" tab is a kitchen sink (8 sections in one scroll). Option A: split into focused sub-pages with sticky save bar (Linear / Stripe / Resend). Option B: accordion within Profile (GitLab / Salesforce). Recommended: A.
-
Skeletons everywhere
Awaiting approval
FormSkeleton (Settings), DashboardSkeleton (People + Routes dashboards), TableCard
isLoading(Pay / Incident / Training). Detail pages keep the branded lg kangaroo per the locked call. -
People details — before vs proposed
Awaiting approval
Header redesign for
/people/details/:id. Calibrated against Linear, Stripe, Vercel, Resend, Anthropic, Notion person pages. Five open questions in the preview. -
Loader system
Locked: A + E + G
Five-variant comparison. A (utility arc) shipped on Allocations. E (orbit + kangaroo hop) is the everyday default at 32px+. G (E + thinking shake) for known-heavy compute paths.
-
Loader usage map
Awaiting approval
Every loader placement side-by-side. Two open questions: (a) Allocations empty-state size 72→48 px, (b) Table refetch dim rows to 50% opacity. Approve before code ships.
-
Type evaluation
Draft
Soehne / Visby / Outfit / IBM Plex / Cairo trial fonts on Saphyroo specimens. Background work for the website rebuild.
-
Type lab — live sandbox
Live
Live typography sandbox on the brand palette. Tune display family, weight, size, tracking, leading. AR + EN side-by-side. Lock values then copy into marketing card templates. Interim renderer is Geist until 29LT Zarid Sans + Bukra licensing closes (
sprints#2803). -
Marketing templates — LinkedIn / OG / blog hero
Live
Three clonable HTML/CSS card templates plus a one-command renderer. Generate imagery in Ideogram or Midjourney, drop into the template, render to PNG, ship. Matches
POLISH-MARKETING.mdrecipe 1:1. Playbook:design/PLAYBOOK-MARKETING-VISUALS.md.