UITL · Internal design index

Mockups.

Design explorations across every UITL venture, with reactor wired in so we capture what works and what doesn't, every time.

Reviewing on your phone?

Each mockup loads with the design-reactor disabled. Add ?review=YOUR_NAME to activate. First-time activation also needs the token (one-time, persists to localStorage):

https://mockups.uitl.ai/<project>/<mockup>?review=greg#tok=YOUR_TOKEN

Once activated: tap any element with a dashed outline → 👍 / 👎 / 💬. All reactions land in the UITL platform and feed the design-McFaces on the next iteration.

Reactor Demo
Public · Safe to share externally · sample content
User in the Loop · The Studio
Venture 2 · Boutique venture studio · userintheloop.com
interview v3 · 2026-07-27 · functional · THREE ACTS — chapter-coached The Interview · chapter coaching plates + crystal ball + Slack capture Acts on every v2 reaction + the 07-27 design conversation. Greg's interstitial idea, sharpened to CHAPTER plates: three dark coaching moments (Act I The Business / Act II The Look / Act III The Road) — each says why we're asking, what we build with it, and shows proof (founder quote slots + the full infra strip: storefront, payments, books, billing, hosting, analytics, feedback loop, admin, AI partner). New CRYSTAL BALL stop (day-one reach, six-month gut number, how-people-pay chips — playful, non-binding). Capture adds doc-upload (mock), a compliance flag question, and the post-submit NEXT-STEPS card: brief copy in inbox → partners reply in one business day → "meet your assistant on Slack while we build" (Slack Connect, mocked). Relationship reframed: the ASSISTANT carries the relationship, "the partners" reply — no personal-Greg forwardness. Progress bar counts questions only (11); chapters are rhythm, not work. React to: the chapter plates, the crystal ball's register, and the Slack moment.
functional · desktop + mobile 18 reactable
interview v2 · 2026-07-26 · functional · THE KEY ONBOARDING SURFACE, in the engram The Interview · "The Sitting" — underwriting spine + pick-the-picture Full rebuild of the onboarding interview in the gallery-wall language. New spine per the front-door design: idea → THE FIELD (who else solves this — Greg: "do a better job up front" on differentiation) → YOUR EDGE (advantage-type chips + own words) → YOUR PEOPLE (distribution — the missing underwriting question) → personality (sliders gone, dials inferred) → live type specimens → PICK THE PICTURE (story-art palette capture: Hokusai/Van Gogh/Monet/Turner plates, each with a story + derived swatches — your business-DNA idea, running on the palette-provenance method) → imagery → the voice of THEIR assistant → love/never → playback as a museum placard with the deal stated plainly, human-verdict promise, and receipt-email capture. Lambert is a VOICE (no face — engram rule). [LIVE LAMBERT] tags mark the LLM moments the real build wires up. Walk the whole flow — every control works, skip is hidden on the three underwriting-required stops.
functional · desktop + mobile 14 reactable
deal v1 · 2026-07-26 · NEW PAGE — the missing load-bearing wall The Deal, In Numbers · every dollar, ownership, and off-ramp on one page ARP's User Advocate verdict: the page a founder forwards to the person who checks their decisions. Money timeline ($0 interview → $0 prototype (our investment) → $1,000 credited-or-returned at "go" → we carry every bill → the ~$150/mo revenue bar, clock from GO-LIVE per Decision F), the equity split as honest ranges (you 50–70% majority+CEO / us 30–50%, set per deal), who-keeps-what during & after (your idea leaves with you, always), the one plain-English founder agreement (ask-and-we-send via now-working hello@), and the underwriting honesty block. Gallery-wall language (v8 family). All numbers sourced from DECISIONS.md D/E/F — nothing invented. React to: the timeline form, the ranges-not-vagueness split, and whether the off-ramp row defuses the burned-founder fear.
desktop + mobile 10 reactable
v8 · 2026-07-26 · THE GALLERY WALL — acts on all 11 v7 reactions Studio Homepage · Gallery-blue field, iron-blue accent, Fraunces, shorter Color rethink from the painting per Greg's ask: page field is gallery-wall blue (#dfe4ee, lifted from Turner's sky — the blue museums paint walls so warm frames glow), working accent is iron-blue (#3f5470), rust demoted to the founder's color in diagrams only. Besley out — Fraunces display (the UITL brand face) + Newsreader + Plex Mono. Page is SHORTER (conversion-first): painting off the hero (origin story gets its own page — captured 2026-07-26), testimonials cut, provenance section cut. Hero now says what the name means (real input, never theater). Differentiation ledger goes deeper: feedback loop, marketing engine, GEO, paid reach, enterprise scaffolding, the two operators ($2.5B/$4B, employers genericized). AI section reframed as "AI tools backed by 100 years of operating experience." Straight route line, full-width disclaimer, talk-to-Greg&Pierce human path, footer legal + Founder Agreement placeholders. React to: the blue field vs v7's parchment, Fraunces vs Besley, and the shorter structure.
desktop + mobile 17 reactable
v7 · 2026-07-26 · THE NEW DESIGN LANGUAGE — style tile #1 Studio Homepage · The Hare and the Train (Turner engram) v6's approved copy re-clothed in the new studio design language: palette derived from Turner's Rain, Steam and Speed (parchment, iron, mist, one fired-iron accent), Besley display (the 1845 railway-poster slab) + Newsreader body + Plex Mono ledger labels. Asymmetric 60/40 layouts, hairline rules instead of shadow cards, the journey as a ROUTE MAP, proof wall as MUSEUM PLATES with placards, the machine as an engineering LEDGER, the iceberg as an engraved plate, Lambert as an understated engraved mark (emoji gone), and the Turner provenance story as a museum caption near the footer. Out-of-the-mist reveal motion. React to the DIRECTION: fonts, colors, and whether the museum/railway register lands.
desktop + mobile 20 reactable
interview v1 · 2026-07-15 · functional Onboarding · Lambert's design interview The first real product surface — a working, clickable version of Lambert's show-don't-ask design interview (ported from Franny's /admin/design-interview). Eight sections, one at a time (P9): your business in a sentence (with a kind differentiation nudge), personality chips, five trade-off sliders, live-rendered TYPE directions, color PALETTES, IMAGERY (with the illustration cost note), a 3-scenario VOICE picker, and inspiration. The mandatory "I don't love any of these" escape is on type/palette/imagery. It outputs a synthesized DESIGN BRIEF (direction line, signal table, confirmed do's, owed round-2 explorations, voice adoptions) that drives the free prototype. All controls are real buttons/inputs (reactor-safe). React to the flow, Lambert's voice, and the brief.
functional · desktop + mobile 13 reactable
v3 · 2026-07-15 · pitch reframe Studio Homepage · You own the product. We run the rest. v3 acts on Greg's v2 reactions. The core pitch is corrected: you OWN the product and your customers; we build and run everything else (not "the whole business"). The proprietary FEEDBACK LOOP is promoted to a hero band as the special sauce — we capture what real users respond to and fold it back into the site (literally "user in the loop"). The free prototype gets a real 3-step explainer instead of a one-line tag. Lambert is framed as "your Alfred" (Batman callout in the deal). Copy plainer throughout. Proof wall trimmed to four genuinely-live businesses (Franny's, DubbleBooked, Quantato, Signalwyze) — Burg & Lantz pulled until its rebuilt homepage is presentable (currently a stub). Same warm design system as v2. React to the new hero, the special-sauce band, and the prototype explainer.
desktop + mobile 15 reactable
v2 · 2026-07-14 · design rethink Studio Homepage · Warm founder-studio direction Full homepage in a NEW design direction — drops the shared editorial/newspaper template for a warm, confident founder-studio look (Bricolage Grotesque display, ivory + terracotta + deep-green palette, soft rounded cards). Sections: hero + trusted-by strip, the you-bring/we-bring deal, the PROOF WALL (five live UITL businesses — Franny's, DubbleBooked, Burg & Lantz, Quantato, Signalwyze — in browser frames with real screenshots), the 5-step journey, the enterprise machine in plain English, testimonials (SAMPLE quotes — real ones to be collected from Lauren/Geoff), the equity split + honest-part block, and Meet Lambert. React to the DIRECTION and the proof wall first.
desktop + mobile 16 reactable
v1 · 2026-07-14 Studio Offer · "You be the CEO. We run the business." Strawman offer page for the studio pivot: a person brings the idea + the first customers, we co-found and run the entire back end (site, payments, books, hosting, analytics, insurance, an AI partner named Lambert). Reflects the locked decisions — co-owned JV via staged formalization (E) and the equity-heavy "real co-founder" deal where the Creator keeps the majority + the CEO chair and we carry every bill (D). Sections: the deal, you-bring/we-bring split, the enterprise machine translated to plain English, the 5-step journey (ending in "we get married" at month 3), the equity split bar, a dark "honest part" block (skin-in-game, you bring customers, the 3-month clock, no chatbots-in-trench-coats), and Meet Lambert. Deliberate v1 — react hard.
desktop + mobile 11 reactable
Quantato
Venture 1 · Kalshi edge discovery · quantato.ai
DubbleBooked
Venture 4 · Live · dubblebooked.com
pricing-casemgmt-v2 · 2026-07-27 Pricing Page v2 · Real design system + real screenshots Rebuilt per Greg's v1 reactions: DubbleBooked's actual design system (Inter/DM Sans, teal, slate), real product screenshots (Cases list, WA-DUI case detail with BAC/HGN fields, Clients page — shot on prod with demo data), JIS moat moved up and stronger, a before/after "how your week changes" story, a Day 1 → Day 14 onboarding path, a data-security note on migration, differentiation split into a "No one else has any of this" teal panel + basics table (no more "Never"). 14-day trial throughout.
pricing page v2 16 reactable
pricing-casemgmt-v1 · 2026-07-26 Pricing Page · Case Management $99 tier The proposed public pricing page with Case Management as the hero tier: $99/mo including Premium (no SKU stacking; tokens stay metered), 45-day no-card trial, month-to-month. Leads with the JIS moat ("the only case manager that watches the court file"), a migration strip (one-click promote from Charges Checker + spreadsheet import wizard = the trial-activation funnel), an honest competitor table vs Clio/MyCase/PracticePanther (billing/IOLTA marked roadmap), and a fine-print FAQ. React on tier framing, price anchoring, trial terms, and the comparison claims.
pricing page 14 reactable
case-platform-er-v1 · 2026-07-25 Case-Management Platform · Data model for Geoff Geoff's spreadsheet read as an entity-relationship model, then generalized into a jurisdiction-configurable platform: a universal spine, a seedable jurisdiction registry (his 47 courts + 44 prosecutors), and versioned practice-area packs — WA-DUI as pack #1. Shows the ER diagram, the entity catalog, the reference-data moat, how it meets the live Client spine, and the build order. React on each section: is the model right, what's missing.
architecture brief 6 reactable
journey-v1 · 2026-07-19 Case Journey Map · Interactive review for Geoff The full case-management journey on Geoff's 4-phase spine (Intake → Unfiled → Filed → Closed) plus cross-cutting Documents / Money / Get-found and the "we prep, you act" guardrail. Each step states what we intend to provide (live vs planned tagged honestly — intake links are LIVE with a real try-it link) and ends with a practitioner prompt: what's missing, what templates/IP Geoff already has, what gotchas only a practitioner knows. Built in the real DubbleBooked design system (Inter/DM Sans, teal). Moat-mining via per-step reactions.
desktop + mobile 14 reactable
audio-v1 · 2026-07-09 Audio Redactor · Functional Beta (CrR/CrRLJ 4.7) Redacts witness-interview recordings. Load audio → mark ranges to silence by dragging on the waveform (or auto-suggest: transcribes locally in-browser via Whisper and flags spoken SSNs, dates, phones, emails, account numbers) → export a WAV with those ranges truly zeroed out (silenced in the file, not muted-on-playback). Runs entirely client-side — the recording is never uploaded, which matters for sensitive discovery. Verified: marked ranges come out as true silence, audio outside preserved. Beta — counsel listens back before release; spoken names are marked by hand for now.
desktop · functional beta
v1 · 2026-07-09 Discovery Redactor · Functional Beta (CrR/CrRLJ 4.7) Upload a discovery PDF → the tool auto-marks the categories the new CrR/CrRLJ 4.7 rule requires redacted (SSN, DOB, phone, email, address, driver license, VIN, financial account) → attorney reviews, toggles rules, and adds/removes marks → export burns them in by flattening every page to an image (the underlying text is destroyed, not hidden under a black box) and prepends the mandatory client-advisement cover sheet. Runs entirely client-side; nothing is uploaded. Verified: zero PII recoverable from the exported file. Built for Geoff Burg's request; beta — counsel verifies every page.
desktop · functional beta
v3 · 2026-06-29 Sentencing Calculator · Functional Beta (v3 — reaction pass) Iterates v2 on Greg's reactions: CFC links now deep-link to the real 2025 Adult Sentencing Manual PDF; a crime-context banner carries the selected offense into Step 2 with the grid auto-set surfaced; sentencing alternatives are now offense-aware (bucketed likely vs. shown-for-completeness, never asserting ineligibility); offender-score decision-support suggester mirrors the seriousness one; and a "research similar cases" concept stub. Breadcrumb stepper fix tracked separately.
desktop + mobile · functional 24 reactable
v1 · 2026-06-28 Sentencing Calculator · Functional Beta A working WA felony sentencing calculator inside the DubbleBooked app shell. Pick a crime → confirm or override the seriousness level → enter the offender score → add enhancements → standard range with an RCW citation on every number, plus a one-click client memo. Deterministic engine over the real RCW grids (9.94A.510 / .515 / .517 / .533); the attorney is the authority, the tool does the cited arithmetic. Single-column stepped flow, inline "how do I determine this" guidance on the judgment inputs, sticky live-range bar. Built for Geoff Burg's request.
desktop + mobile · functional 20 reactable
Lawwa
Washington criminal-defense practice platform · app.lawwa.ai
Burg & Lantz
Seattle Criminal Defense · glblaw.com
v1 · 2026-05-27 Homepage · Editorial Gravitas Visual direction for the firm. Oxblood-on-bone, Fraunces + Plex, "docket" proof panels. Leads with the scared-person headline + a credentials docket (40 yrs · 1,000+ cases · 100+ trials · AVVO 10.0 ×2). Urgency band, answer-first block, practice grid, dark case-results strip with mandatory disclaimer, attorney bios, reviews, intake form, AI chat launcher.
desktop + mobile 14 reactable
v2 · 2026-06-07 Homepage · The Human One Warmer rebuild per Geoff's 2026-05-28 note (his wife & daughter found v1 "stilted and not human-like"). Real photos of Geoff & Jason moved up into the hero (Greg's reactor note); plain first-person headline ("We're two Seattle defense lawyers — let's talk it through") replaces the "Don't say a word" power-pitch; a signed "A note from us" centrepiece in the old duiwashington.com voice. Every unsourced v1 claim pulled: "Former prosecutors on staff" gone, the legislation line reframed to the real WACDL work, the fabricated testimonial removed, Avvo counts corrected. One phone number for call OR text → routes to a short form (Geoff's reactor note). Lighter palette, less monument.
desktop + mobile 16 reactable
explainer · 2026-06-07 Content Strategy · For Geoff (plain English) Geoff-facing explainer of the rebuild: why we're proposing changes and how each improves discoverability. Reframes the project as "we're keeping your content, making it findable" (answers his family's "stilted" reaction). Covers the 3 moves (reuse content / consolidate duplicate content across the 6 sites / structured data), what stays the same, and 6 changes each tagged Google-ranking vs AI-quoting (GEO). Grounded in the on-page audit (zero schema, no canonicals, dup content, ~830 URLs, live paid ads). Reactor-wired per section. Mirrors docs/CONTENT-STRATEGY-FOR-GEOFF.md.
desktop + mobile 12 reactable
v1 · 2026-05-27 DUI Charge Page · Answer-First (GEO) Highest-traffic template. "Arrested for DUI in Washington? Here's what happens next." TL;DR answer card + sticky 7-day-license-deadline action rail. Question-by-question Q&A with RCW statute cites, penalty table, defenses, why-us, DUI results strip. Built to rank AND get cited by LLMs. Sticky mobile call/text bar.
desktop + mobile 16 reactable
v2 · 2026-05-30 DUI Charge Page · Voice Rewrite Voice rewrite of v1 per Geoff's 2026-05-27 feedback ("stilted"). Same structure, copy rewritten in the firm's existing voice — first-person plural, anti-sales, modest, respects the reader. All unverified claims removed (the "authored DUI legislation," "former prosecutors," "40-year practice," and stale Avvo numbers from v1 are gone). Real credentials only — LexisNexis treatise, WACDL/WDA legislative liaison, Draeger 9510 NYT/CBS coverage, current Avvo standing. Per the new zero-hallucination CLAUDE.md.
desktop + mobile 16 reactable
v1 · 2026-05-27 World Cup Visitor Page · Answer-First (GEO) Client-requested. For out-of-town & international fans arrested in Seattle during the 2026 World Cup. "Arrested in Seattle during the World Cup? We can help — today." TL;DR calm-down answer + sticky call/text action rail. Common visitor charges (disorderly, assault, public intox, DUI, MIP) in plain English, the arrest timeline, the traveler's #1 fear answered ("Can I still leave?"), why-local-fast, a multilingual nod, GEO FAQ, and a 60-second visitor intake form. Text routes to the form (per reactor note). Sticky mobile call/text bar.
desktop + mobile 15 reactable
FishInsight
Venture 12 · Live · fishinsight.ai
v9 · 2026-08-18 Identity System v1 applied — light + dark Phase 2b review gate. Brand palette on real surfaces, Chart (daylight) and Hull (dawn/dusk) side by side. Archivo + JetBrains Mono with Fraunces kept for brief prose only, 4px corners, Buoy as the single accent. Includes a measured accessibility ledger: the brand palette fixes 4 of 5 WCAG AA failures in today's live palette, and the rating chips move colour into a dot to fix the fifth. Also proposes the hotspot-links-to-map treatment (feedback #412).
light + dark · static 10 reactable
v8 · 2026-05-24 Mobile-first · Live Heatmap + Crew Nav Real MapLibre heatmap layer (weighted GeoJSON points). Bottom nav: Keep → Crew. Scan FAB unifies KTF + share-to-crew (one capture, then user picks). All v7 interactivity preserved.
390px · live heat 9 reactable
v7 · 2026-05-24 Mobile-first · Interactive Map (3 water heroes) Real MapLibre · pan + pinch-zoom. Water-type toggle swaps map content AND hero data — Marine (Puget Sound + hotspots/ramps), Rivers (WA river systems), Lakes (stocked lakes). Hotspots bolder, ramps de-emphasized.
390px · live map 8 reactable
v6 · 2026-05-24 Mobile-first · Dense Intel Map Map → hotspots + boat ramps + heat density dots (point-based, mirrors real FishingMap). Water-type pre-filter at top defaults to user pref. What's Changed > Crew (regs are urgent).
390px 22 reactable
v5 · 2026-05-24 Mobile-first · Heatmap Map → heatmap (colored polygons per area's water region) + per-area filter chips. Crew promoted to #2. KTF lives only on persistent FAB. Top+bottom navs both sticky.
390px 16 reactable
v4 · 2026-05-24 Mobile-first · Multi-Hero 4 peer hero modules — Map + What's Changed + Crew + KTF. Plus section-nav row. The "control room" frame: each hero is a peek + drill-in to its full section.
390px 18 reactable
v3 · 2026-05-24 Mobile-first · Map-Only Hero Map-only exploration. The "what if map alone" extreme — preserved as a comparison piece to v4. Stylized Puget Sound SVG, 7 marine area pins, copper ring on best-of.
390px · reference 11 reactable
v2 · 2026-05-23 Mobile-first · The Brief Surface 01 — verdict-first dashboard reworked for 390px baseline. Water-type toggle, top-3 area cards, bottom nav with cyan KTF FAB.
390px 7 reactable
v2 · 2026-05-23 Mobile-first · Area Detail Surface 02 — destination of "Plan this trip". Introduces the Trip Plan boarding-pass (Specify mode) + Crew echo + contextual tide chart.
390px 9 reactable
v2 · 2026-05-23 Mobile-first · The Week Surface 03 — 7-day outlook. Best-day verdict, forecast-confidence cliff, day-by-day cards with opinionated copy ("Skip unless you've got a heavy boat").
390px 14 reactable
v1 · 2026-05-23 The Captain's Clipboard Editorial direction — desktop-first verdict + conditions + area board. Preserved for reaction continuity.
3 surfaces 17 reactable