C12 Assessment / References

Reference library — 28 screens

Screens from shipping apps that already do what the design boards propose. Each was chosen for one specific mechanic, and each is cited on the board where it appears. Curated by Mobbin.

28 screens12 conceptsCurated by Mobbin

Meeting day · Live Activities

Lugg — LuggDriver, progress and ETA in one cardlive-lugg.pngMobbin ↗

Box Box Club — Box Box ClubEvent countdown on the Lock Screenlive-boxbox.pngMobbin ↗

Apple Fitness — Apple FitnessCompact Dynamic Islandlive-fitness.pngMobbin ↗

Lyft — LyftLive journey statelive-lyft.pngMobbin

Glanceable · Widgets

Flighty — Flighty“2 Days” — one unit, largest typewidget-flighty.pngMobbin ↗

Microsoft Outlook — Microsoft OutlookAgenda with a coloured time railwidget-outlook.pngMobbin ↗

Me+ — Me+Interactive tick-off in the widgetwidget-meplus.pngMobbin ↗

The app · Liquid Glass tab bars

Luma — LumaEvents and community — the nearest analogueglass-luma.pngMobbin ↗

TIDE — TIDETinted glass capsuleglass-tide.pngMobbin ↗

Calm — CalmWarm selected stateglass-calm.pngMobbin ↗

On-device AI · Summaries

Spark Mail — Spark MailSummary inline at the unread boundaryai-spark.pngMobbin ↗

Liven — LivenSummaries as their own listai-liven.pngMobbin ↗

Notifications · Actions

Starbucks — StarbucksActions inline, one clearly primarynotif-starbucks.pngMobbin ↗

Gopuff — GopuffStage progress that updates in placenotif-gopuff.pngMobbin ↗

Trust · Biometrics

N26 — N26Banking-grade framingfaceid-n26.pngMobbin ↗

QuestMobile — QuestMobilePlain benefit copyfaceid-quest.pngMobbin ↗

The work · Document capture

Brex — BrexScan, extract, confirm — never auto-savescan-brex.pngMobbin ↗

Evernote — EvernoteEdge detection with in-viewfinder guidancescan-evernote.pngMobbin ↗

The work · Written content as audio

Medium — MediumListen to a written articleaudio-medium.pngMobbin ↗

Queue — QueueChapters as a jump listaudio-queue.pngMobbin ↗

Meeting day · Wallet passes

Eventbrite — EventbriteAdd to Apple Walletwallet-eventbrite.pngMobbin ↗

Posh — PoshWallet, Calendar and Directions togetherwallet-posh.pngMobbin ↗

The work · Voice to structure

Granola — Granola“Keeps transcribing even with your phone locked”rec-granola.pngMobbin ↗

Notion — NotionRecord, then structurerec-notion.pngMobbin ↗

The work · Place and person triggers

Apple Reminders — Apple RemindersFires when you next message a personrem-apple.pngMobbin ↗

Todoist — TodoistArriving versus leavingrem-todoist.pngMobbin ↗

Trust · Text size

Starling — StarlingA bank teaching you where iOS keeps accessibilitya11y-starling.pngMobbin ↗

The Atlantic — The Atlantic“Use System Size” on by defaulta11y-atlantic.pngMobbin ↗

The real C12 app lives in refs/real-app/ — three App Store screens the prototype recreations were built from. Open that folder →

Reference screens curated by Mobbin and used here for design analysis. Image URLs from the Mobbin API expire, so the files are stored locally; each caption links to the canonical Mobbin page.
Cited across volume 1 and volume 2.