# 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 is the fictional accounts-payable product in product/02-fennick-approvals. This is its marketing hero, aimed at controllers and finance teams.
- **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): Orrery 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.
- **Lullwort · Wellness** (consumer, organic, playful, editorial, tea): Lullwort is a fictional maker of loose-leaf sleep teas (chamomile, lemon balm, valerian).
- **Sounding · API monitoring** (b2b, minimal, product-led, flat, typographic, developer tools, api observability): Sounding is the fictional API observability product in product/04-sounding-observability. This is its marketing hero, for on-call engineers and SREs.
- **Ferrule · Security and access** (b2b, minimal, product-led, flat, typographic, b2b data platform, security and access): Ferrule is the fictional data platform in product/06-ferrule-security.

## 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.
- **Calamondin Tapes · Music player** (consumer, dark, neon, y2k, playful, music): Calamondin Tapes is a fictional indie cassette label; this is the embeddable player that sits on its release pages and artists' sites.
- **Oriel · AI composer** (b2b, editorial, organic, minimal, research): Oriel is a fictional research assistant for historians and long-form writers: you bring PDFs, field data and archive links, and it reads them with you and cites every…
- **Sedge · Onboarding stepper** (consumer, playful, organic, minimal, plant care): Mossby is a fictional plant-care app for first-time plant owners, many of whom have already killed a plant and feel a bit guilty about it.
- **Gridlark · Date range picker** (consumer, playful, organic, retro, travel): Wayfern is a fictional booking site for small cabins and guesthouses.
- **Tarrow · Data table** (b2b, enterprise, swiss, industrial, logistics): Tarrow Freight is a fictional freight-operations platform.
- **Gloaming · Pricing table** (consumer, dark, glass, editorial, luxury, ai video): Gloaming is a fictional AI video studio that renders short films from scripts. The page sells three plans to creators and small studios.
- **Ackwire · Settings** (b2b, terminal, retro, dark, devtools): rackhound is a fictional self-hosted console for people who run a small server rack at home.
- **Panelwise · Toast stack** (b2b, minimal, playful, organic, team chat): Kinroom is a fictional team chat app.
- **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 from Rotterdam that sells in timed drops and never 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.
- **Nightjar · Comic** (b2b, comic, noir, halftone, two-ink, incident management / on-call (b2b devtools)): Nightjar is a fictional on-call and incident-management platform.
- **weir · Bauhaus** (b2b, bauhaus, geometric, primary colours, data infrastructure / etl (b2b)): This page now: the "Round 3 (polish)" section of 2026-10-15, the last one, describes it. The sections between record earlier versions.
- **Plenary · Memphis** (b2b, memphis, playful, dark, event ticketing (b2b, conference organisers)): This page now: the "Round 3 (polish)" section of 2026-10-15, the last one, describes it. The sections between record earlier versions.
- **Ostwell · Neumorphism** (b2b, neumorphism, soft ui, monochrome, light, building management / facilities (b2b)): Ostwell, a building-management system: a flat Level 6 floor plan with live desks and one fault, and one soft object, the zone dial.
- **Arrivant · Claymorphism** (b2b, claymorphism, soft 3d, clay, playful, people ops / hr (b2b saas)): Arrivant, a people-ops onboarding page: clay on one object, the new hire's badge with a clay portrait drawn in SVG (a real person's photo until Round 3), beside a…

## 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 language app that teaches Italian in five-minute lessons.
- **Saltmoor · Recipe** (consumer, editorial, minimal, food): Larder is a fictional cooking quarterly turned into an app: recipes read like a magazine spread, with one big plate image, a strong serif headline, and the practical…
- **Loam · Plant care** (consumer, organic, playful, editorial, home): Loam is a fictional plant care diary for people with a dozen houseplants and no green thumb.
- **Halden Private · Private banking** (consumer, luxury, dark, editorial, banking): Halden Private is a fictional private bank for people with complex wealth (founders, families, trustees).
- **H2 2026 · Project roadmap** (b2b, enterprise, minimal, swiss, software): Quarry is a fictional project tool for product teams. The fictional company is "Kestrel", and its project is a field-service app.
- **Wardlight · Ward vitals** (b2b, clinical, enterprise, minimal, healthcare): Vigil is a fictional ward dashboard for the nurse in charge on a night shift, used 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 smart-home remote for the evening: scenes, not devices. One lit tile for the active scene, two quiet tiles for the others.
- **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 watch face for sea swimmers and kayakers on a cold coast.
- **Onething · Focus timer** (b2b, minimal, dark, productivity): Onething is a single-task focus timer: one task, one countdown, one pink ring. Everything else is grey or white.

## 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…
- **Tablet on the ward: Wardlight** (b2b, minimal, enterprise, healthcare): A hospital ward's vitals screen on a tablet.
- **Phone trio: three evening apps** (consumer, minimal, dark, luxury, consumer apps): Three evening apps (sleep, podcast, banking) in generic phones over a lilac field.
- **Components board: five components at their real size** (b2b, dark, minimal, design tools): Five web components at their real size on one board.
- **Made with OpenDesigner: launch post** (b2b, minimal, swiss, design tools): A launch post in OpenDesigner's own brand system over the work.
- **Browser cascade: five heroes, one index** (consumer, minimal, swiss, editorial, portfolio): Five website heroes as stacked browser windows, each from its own system.
- **Roadside board: Howl Hill Weekender** (consumer, brutalist, playful, retro, festival): The music-festival hero on a roadside board at golden hour.