# Showcase

AI builder agents made every piece here through the whole OpenDesigner process: real references on Mobbin, a design system from the engine for each piece, the build, then checks. Every brand is invented. Each piece was then audited against shipped products and reviewed by the maintainer. The pieces called ugly were removed or rebuilt, and the ones marked Being rebuilt are next.

## B2B product screens

- **Quoin · Payments table** (b2b, enterprise, minimal, dense, fintech): Quoin is a fictional payments platform.
- **Fennick · Bill approvals** (b2b, enterprise, minimal, dense, fintech): Fennick is a fictional accounts-payable product.
- **Corvane · Company record** (b2b, enterprise, minimal, dense, sales software (crm)): Corvane is a fictional CRM for B2B sales teams; the workspace belongs to the fictional vendor Aldermoor Systems.
- **Kilnworks · Usage and billing** (b2b, enterprise, minimal, finance, cloud infrastructure): Kilnworks is a fictional cloud compute platform.
- **Sounding · Service overview** (b2b, enterprise, minimal, technical, developer tools): Sounding is a fictional API observability tool.
- **Ferrule · Security settings and audit log** (b2b, enterprise, minimal, settings, data platform): Final self-audit score: 4 of 5. The audit-log frame alone would score 5.

## Hero sections

- **Orbika · Retro-future hardware** (consumer, y2k, retro, industrial, playful, consumer electronics): Orbika is a fictional maker of a pocket satellite radio. The SR-1 receives about 2,400 stations from orbit, with no towers and no account.
- **Fennick · Bill approvals** (b2b, minimal, product-led, flat, fintech, b2b accounts payable): Fennick's marketing hero: one bill's review card, showing what is left in the bank if it is approved.
- **Purlin · Spend management** (b2b, minimal, product-led, flat, fintech, b2b spend management): Purlin is a fictional spend-management platform for finance teams: company cards with vendor limits, bills routed by amount, receipts matched on arrival, and a…
- **Nearmost · Developer tool** (b2b, dark, glass, neon, developer tools): Nearmost is a fictional open-source vector database.
- **Halde Architekten · Architecture studio** (consumer, swiss, minimal, editorial, architecture): Halde Architekten is a fictional studio of eleven architects in Zurich and Chur who design houses around the path of the sun ("Halde" is a hillside).
- **Isobath · Ocean observatory** (consumer, dark, swiss, minimal, climate science): Isobath is a fictional ocean and climate data institute. It runs floats, moorings and gliders in the North Atlantic and publishes the readings openly.

## Web components

- **Margin · Command palette** (b2b, minimal, editorial, swiss, writing tools): Margin is a fictional writing tool for novelists: one long manuscript, many drafts, a lot of keyboard.
- **Oriel · AI composer** (b2b, editorial, organic, minimal, research): Oriel is a fictional research assistant for historians; typing @harb opens its source picker mid-question.
- **Sedge · Onboarding stepper** (consumer, playful, organic, minimal, plant care): Sedge is a fictional payroll tool; this is step 3 of 6, setting paydays for a 14-person bike shop.
- **Gridlark · Date range picker** (consumer, playful, organic, retro, travel): Gridlark is a fictional solar-farm monitoring tool; the date range picker is open on its generation dashboard.
- **Tarrow · Data table** (b2b, enterprise, swiss, industrial, logistics): Tarrow Freight is a fictional freight-operations platform.
- **Ackwire · Settings** (b2b, terminal, retro, dark, devtools): Ackwire is a fictional on-call paging tool; an engineer drags the end of his quiet hours from 07:00 to 08:30.
- **Panelwise · Toast stack** (b2b, minimal, playful, organic, team chat): Panelwise is a fictional hiring tool; three toasts stack over its candidate pipeline, the last with Undo.
- **Halftone Yard · File upload** (b2b, brutalist, industrial, playful, print): Halftone Yard is a fictional print shop for small runs: business cards, posters, zines.

## Footer sections

- **Keystrata · Enterprise footer** (b2b, enterprise, swiss, minimal, cloud security): Keystrata is a fictional cloud security company (workload protection, posture, identity) selling to security teams at banks, hospitals and governments.
- **Brask · Wordmark footer** (consumer, minimal, swiss, dark, creative studio): Brask is a fictional independent creative studio (identity, type, motion) in Copenhagen, Lisbon and Mexico City.
- **Rallo · App footer** (consumer, minimal, playful, fitness): Rallo is a fictional running and strength coaching app ("for people who run before work and lift after it"). The footer's job is one install.
- **Millrace · Data platform footer** (b2b, dark, minimal, technical, developer tools, data infrastructure): Millrace is a fictional managed event-streaming platform (a millrace is the channel that carries water to a mill).
- **Salt Ledger · Magazine footer** (consumer, editorial, minimal, magazine): Salt Ledger is a fictional independent print quarterly from Leith, Scotland: essays, fiction and field notes about place, work and weather.
- **Sasame · Tea house footer** (consumer, minimal, organic, editorial, tea house): Sasame (茶房 ささめ) is a fictional eight-seat tea house in Kanazawa's old quarter.
- **Tumbletree · Illustrated footer** (consumer, playful, organic, kids education): Tumbletree is a fictional learning app for children aged 4 to 8 (reading, numbers, ten minutes a day).
- **Knurl Supply · Brutalist footer** (consumer, brutalist, neon, industrial, streetwear): Knurl Supply is a fictional streetwear label that sells in drops; its footer says one thing, "Made once. No restocks."

## Style studies

- **Holdfast · Bento grid** (b2b, bento grid, minimal, swiss, customer support (b2b saas)): Holdfast is a fictional help desk for B2B support teams that have contracts to keep.
- **Lampwright · Pixel art** (b2b, pixel art, dark, playful, games (live ops analytics)): This page now: the "Round 3 (polish)" section of 2026-10-15, the last one, describes it. The sections between record earlier versions.
- **Tessin & Ström · Risograph** (b2b, risograph, print, editorial, two-ink, design research consultancy (b2b services, healthcare clients)): Tessin & Ström is a fictional design-research consultancy in Copenhagen.
- **Fenmoor · Skeuomorphism** (b2b, skeuomorphism, hardware, brushed metal, dark, audio post-production (b2b pro tools)): Fenmoor is a fictional maker of audio tools for post-production studios. STEM-8 is a plugin that puts a re-recording mixer's console in the session.
- **coppice · Terminal** (b2b, terminal, monospace, minimal, databases (b2b devtools)): coppice is a fictional embedded SQL database in one 4 MB binary whose branches are copy-on-write: a 2.1 GB database branches in 41 ms and stores only the pages you…
- **Kadrel · Glassmorphism** (b2b, glassmorphism, frosted glass, photographic backdrop, dark, subscription billing / fintech (b2b saas)): Kadrel, a brand-asset review tool: glass only on the controls that float over a campaign photo, which is the content.
- **Prill · Mesh gradient** (b2b, mesh gradient, aurora, minimal, ai evaluation (b2b devtools)): This page now: the "Round 3 (polish)" section of 2026-10-15, the last one, describes it. The sections between record earlier versions.
- **The case of the three-second timeout · Comic** (b2b, comic, noir, halftone, two-ink, incident management / on-call (b2b devtools)): Nightjar is a fictional incident platform; its engineering blog tells a postmortem in three comic panels drawn from the data.
- **weir · Bauhaus** (b2b, bauhaus, geometric, primary colours, data infrastructure / etl (b2b)): weir is a fictional data-pipeline company; its hero is a Bauhaus diagram, each source shape sized by rows a day.
- **Plenary · Memphis** (b2b, memphis, playful, dark, event ticketing (b2b, conference organisers)): Plenary is a fictional ticketing tool; each ticket type is a row of Memphis shapes, one for every 20 tickets.
- **Ostwell · Neumorphism** (b2b, neumorphism, soft ui, monochrome, light, building management / facilities (b2b)): Ostwell is a fictional building-management system; the East open office's zone dial is the one soft object in a flat app.

## App screens

- **Aerlo · Boarding pass** (consumer, minimal, playful, travel): Aerlo is a fictional short-haul airline app.
- **Voltfield · Live workout** (consumer, neon, dark, industrial, fitness): Voltfield is a fictional run-coaching app for people who train with intervals.
- **Quillon · Purchase approval** (b2b, native, minimal, light, b2b procurement): Quillon is a fictional purchasing and approvals app for mid-size companies.
- **Undertow · Podcast player** (consumer, editorial, dark, minimal, media): Undertow is a fictional podcast app for long-form, late-night listening.
- **Parlo · Language lesson** (consumer, playful, brutalist, education): Parlo is a fictional Italian course; after the learner says a sentence, the stress in caffè is set in type, each syllable as large as it was loud.
- **Sorrelby · Recipe** (consumer, editorial, minimal, food): Sorrelby is a fictional cooking quarterly turned into an app: one recipe, read like a magazine page.
- **Loam · Plant care** (consumer, organic, playful, editorial, home): Loam is a fictional plant-care diary with a soil sensor; one bar a morning shows Gus drying out nine days after each drink and thirsty until the next.
- **Halden Private · Private banking** (consumer, luxury, dark, editorial, banking): Halden Private is a fictional private bank; the second signature on a £150,000 house deposit, after the banker has confirmed the solicitor's account by phone.
- **Wardlight · Ward vitals** (b2b, clinical, enterprise, minimal, healthcare): Wardlight is a fictional ward dashboard for the nurse in charge on a night shift, on an iPad at the nurses' station.

## Watch screens

- **Pagewright · On-call page** (b2b, dark, minimal, technical, incident management / on-call (b2b devtools)): Mobbin has no watch platform and no on-call or incident app on iOS (two searches: "on-call incident alert with severity, acknowledge and escalate", "PagerDuty…
- **Fellrise · Trail run** (consumer, industrial, dark, neon, fitness): Fellrise (called Ridgeline before round 3) is a trail-running app for people who race in the mountains.
- **Leeward · Sailing** (consumer, industrial, retro, dark, marine): Leeward is a sailing instrument for small keelboats: heading, apparent wind and speed at a glance from the helm.
- **Nook · Home scenes** (consumer, playful, dark, minimal, home): Nook is a fictional home app; the wrist dims the living-room lamps to 40% with one slider.
- **Headway · Transit** (consumer, industrial, brutalist, dark, transit): Headway is a transit countdown for commuters on a city tram and train network.
- **Thrum · Heart-rate zones** (consumer, dark, minimal, fitness): Thrum is a heart-rate trainer for interval sessions.
- **Tidemark · Tide face** (consumer, organic, dark, outdoors): Tidemark is a fictional tide app; one glance shows the water height now over today's tide at Kellan Bay.

## Mockups

- **Quillon on a laptop and a phone** (b2b, studio, product shot, minimal, 3d, procurement / approvals (b2b)): One B2B product on two devices: the same purchase request in Quillon (a fictional purchasing and approvals app) on a laptop and on a phone, staged like a studio…
- **Quoin payments on a laptop** (b2b, photographic, minimal, daylight, payments / finance operations (b2b)): Dillon Shook on Unsplash, "photo of black MacBook Pro on table", https://unsplash.com/photos/xbFX7qCoAqI, free Unsplash licence ("Free to use under the Unsplash…