{"generated":"2026-07-26","product":"IzzyDesign","free":["ai-slop","homogenized-premium","recipe-unmistakable-site","brand-liquid-death","graza","bruno-simon-portfolio","drop-mechanics","copy-checkout-calm","offer-tier-clarity","data-brutalism"],"mode":"free","source":"https://izzydesign.dev/design/agent/library.json","agent":"https://izzydesign.dev/design/llms.txt","connect":"https://izzydesign.dev/design/connect/","law":"compose → direction. Logo test. Never clone one card. No AI slop, no homogenized premium.","cards":[{"slug":"chatgpt","title":"ChatGPT","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","desktop","mobile"],"tags":["ai-chat","model-picker","voice-orb","canvas","markdown-rendering","default-surface"],"patterns":["ai-chat-and-copilot-ux","voice-ui","onboarding-flows","command-palettes-and-keyboard-ux","monetization-upsell-moments","settings-screens"],"updated":"2026-07-22","links":{"site":"https://chatgpt.com","mobbin":"https://mobbin.com/apps/chatgpt"},"one_liner":"the single-column, centered-composer chat window that became the reference frame every other AI product gets compared against, whether it wants to be or not.","words":906,"file":"apps/chatgpt.md"},{"slug":"claude-app","title":"Claude","kind":"app","category":"ai-dev-tools","tier":"S","platforms":["web","ios","android","desktop"],"tags":["warm-paper","serif-voice","artifacts-panel","no-bubble-chat","projects-ia","anti-clinical-ai"],"patterns":["ai-chat-and-copilot-ux","chat-and-messaging-ui","settings-screens","onboarding-flows","dark-mode-and-theming","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://claude.ai","mobbin":"https://mobbin.com/apps/claude"},"one_liner":"An assistant that reads like a page, not a terminal — warm paper surfaces, a serif voice for prose, and a split-pane \"artifact\" that separates the conversation from the thing the conversation produced","words":953,"file":"apps/claude-app.md"},{"slug":"cursor","title":"Cursor","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["desktop"],"tags":["ai-ide","inline-diff","dark-first","keyboard-driven","tab-predict","vscode-fork"],"patterns":["ai-chat-and-copilot-ux","command-palettes-and-keyboard-ux","tables-and-dense-data","undo-confirmation-destructive","settings-screens","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://cursor.com","mobbin":"https://mobbin.com/apps/cursor"},"one_liner":"A VS Code fork that turned \"AI writes your code\" into a UI problem — the inline diff, the Tab-to-accept ghost text, and the Composer pane are the vocabulary every AI-coding tool since has copied.","words":885,"file":"apps/cursor.md"},{"slug":"elevenlabs","title":"ElevenLabs","kind":"app","category":"ai-dev-tools","tier":"S","platforms":["web"],"tags":["voice-studio-craft","waveform-ui","model-release-timeline","use-case-first-browsing","agent-analytics","restraint-over-ai-cliche"],"patterns":["ai-chat-and-copilot-ux","dashboards-and-consoles","tables-and-dense-data","media-players","docs-and-changelogs","product-detail-pages"],"updated":"2026-07-26","links":{"site":"https://elevenlabs.io"},"one_liner":"An AI voice/audio platform that skips the purple-gradient sci-fi shorthand most generative-AI products default to, and instead builds trust with a dated model-release timeline on the homepage, real na","words":892,"file":"apps/elevenlabs.md"},{"slug":"gemini-app","title":"Gemini","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","ios","android"],"tags":["google-gradient","generative-ui","canvas-mode","gen-queue","translucent-chrome","spring-motion"],"patterns":["ai-chat-and-copilot-ux","media-players","loading-skeletons-optimistic-ui","dark-mode-and-theming","motion-language-systems","bottom-sheets-and-modals"],"updated":"2026-07-22","links":{"site":"https://gemini.google.com","mobbin":"https://mobbin.com/apps/gemini"},"one_liner":"A chat-first surface that has to also be an image/video studio and a code canvas — its whole design problem is making three very different output types (text, media grids, live-editable documents) fee","words":919,"file":"apps/gemini-app.md"},{"slug":"github","title":"GitHub + Mobile","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","ios","android"],"tags":["primer-design-system","contribution-graph","pr-review","diff-ui","dev-tools","octicons","mobile-triage"],"patterns":["progress-and-data-viz","tables-and-dense-data","dashboards-and-consoles","docs-and-changelogs","push-notification-strategy","command-palettes-and-keyboard-ux"],"updated":"2026-07-22","links":{"site":"https://github.com","mobbin":"https://mobbin.com/apps/github"},"one_liner":"The place code review, contribution tracking, and a documented open-source design system (Primer) fused into a UI vocabulary — diff-review UX and the contribution heatmap — that got copied into produc","words":862,"file":"apps/github.md"},{"slug":"granola","title":"Granola","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["mac","ios"],"tags":["ai-notetaker","warm-neutral","low-density","template-driven","meeting-tools","calm-ui"],"patterns":["onboarding-flows","permission-priming","ai-chat-and-copilot-ux","sharing-and-export-flows","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://granola.ai","mobbin":"https://mobbin.com/apps/granola"},"one_liner":"No bot joins your call, no cloud audio upload — a small floating notepad sits over your meeting, you type sparse shorthand, and the AI enhances it into structured notes the moment the call ends.","words":896,"file":"apps/granola.md"},{"slug":"notebooklm","title":"NotebookLM","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","ios"],"tags":["source-grounded-ai","citation-trust","audio-overview","three-pane-layout","generative-artifacts","material-design"],"patterns":["ai-chat-and-copilot-ux","media-players","docs-and-changelogs","dashboards-and-consoles","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://notebooklm.google","mobbin":"https://mobbin.com/apps/notebooklm"},"one_liner":"Google's research notebook that never lets an AI answer float free of its source — every claim is a clickable citation chip, and the same source pool can be regenerated into a podcast, a study guide, ","words":1038,"file":"apps/notebooklm.md"},{"slug":"perplexity","title":"Perplexity","kind":"app","category":"ai-dev-tools","tier":"S","platforms":["web","ios","android"],"tags":["answer-engine","citations","teal-editorial","sources-panel","search-ux","follow-up-rail"],"patterns":["ai-chat-and-copilot-ux","search-ux","tooltips-and-feature-discovery","dashboards-and-consoles","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://perplexity.ai","mobbin":"https://mobbin.com/apps/perplexity"},"one_liner":"Search reframed as a written answer with its sources shown inline as clickable chips, not a results list — the product that gave \"cite as you generate\" a reusable grammar.","words":808,"file":"apps/perplexity.md"},{"slug":"replit","title":"Replit","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","ios"],"tags":["ai-agent-ux","mobile-ide","dark-first","chat-driven-build","deployment-ux","dense-console"],"patterns":["ai-chat-and-copilot-ux","dashboards-and-consoles","command-palettes-and-keyboard-ux","onboarding-flows","checkout-and-cart","loading-skeletons-optimistic-ui"],"updated":"2026-07-22","links":{"site":"https://replit.com","mobbin":"https://mobbin.com/apps/replit"},"one_liner":"Replit rebuilt its whole product around a chat pane that writes, runs, and deploys code, demoting the traditional file-tree-and-editor view to a secondary tab most non-engineer users never open.","words":966,"file":"apps/replit.md"},{"slug":"suno","title":"Suno","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web","mobile"],"tags":["prompt-to-track","bracket-metatag-control","dual-take-generation","auto-matched-cover-art","branch-not-overwrite-iteration","streaming-grammar-over-sci-fi"],"patterns":["ai-chat-and-copilot-ux","media-players","sharing-and-export-flows","onboarding-flows","forms-and-input"],"updated":"2026-07-26","links":{"site":"https://suno.com"},"one_liner":"A prompt-to-track generator whose real product decision isn't the model, it's the packaging — every generation arrives as two takes to choose between and a matched cover image bundled in, so a thirty-","words":914,"file":"apps/suno.md"},{"slug":"v0","title":"v0 (Vercel)","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["web"],"tags":["generative-ui","shadcn","dark-first","code-preview-duality","chat-driven","streaming-generation"],"patterns":["ai-chat-and-copilot-ux","dashboards-and-consoles","forms-and-input","loading-skeletons-optimistic-ui","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://v0.dev","mobbin":"https://mobbin.com/apps/v0"},"one_liner":"A split-pane generative UI tool where prompts stream directly into working React/Tailwind/shadcn components — less \"app to admire\" than an aesthetic distribution engine every AI-scaffolded product now","words":831,"file":"apps/v0.md"},{"slug":"vercel-dashboard","title":"Vercel","kind":"app","category":"ai-dev-tools","tier":"S","platforms":["web"],"tags":["dark-first","geist-design-system","deploy-logs","monospace-accents","dev-tools","restraint"],"patterns":["dashboards-and-consoles","tables-and-dense-data","loading-skeletons-optimistic-ui","settings-screens","command-palettes-and-keyboard-ux","docs-and-changelogs"],"updated":"2026-07-22","links":{"site":"https://vercel.com/dashboard","mobbin":"https://mobbin.com/apps/vercel"},"one_liner":"A hosting console that turns \"did my deploy work\" into a single scannable status glyph, backed by the Geist design system Vercel built and open-sourced for exactly this kind of dense, dark, developer-","words":812,"file":"apps/vercel-dashboard.md"},{"slug":"warp","title":"Warp","kind":"app","category":"ai-dev-tools","tier":"A","platforms":["mac","linux"],"tags":["terminal-reinvented","block-based-output","command-palette","ai-inline","dev-tools","keyboard-driven","agentic-ai"],"patterns":["command-palettes-and-keyboard-ux","ai-chat-and-copilot-ux","permission-priming","dashboards-and-consoles","onboarding-flows","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://www.warp.dev","mobbin":"https://mobbin.com/apps/warp"},"one_liner":"Rewrote the terminal's oldest interaction — a scrolling wall of text — into discrete, addressable \"blocks,\" then layered a command palette and inline AI on top of a surface that had resisted modern UI","words":951,"file":"apps/warp.md"},{"slug":"aesop","title":"Aesop","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["web"],"tags":["quiet-luxury","editorial-serif","muted-palette","apothecary-trust","copy-as-design","dtc","brand-consistency"],"patterns":["product-detail-pages","checkout-and-cart","microcopy-and-ux-writing","landing-page-anatomy","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://aesop.com","mobbin":"https://mobbin.com/apps/aesop"},"one_liner":"A skincare DTC site that sells restraint itself — no urgency copy, no review stars, no popups; trust is built entirely through typography, ingredient prose, and photographic consistency.","words":745,"file":"apps/aesop.md"},{"slug":"alt-marketplace","title":"Alt","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","web"],"tags":["fintech-borrowed","cards-as-assets","dark-first","portfolio-viz","collectibles","market-data"],"patterns":["progress-and-data-viz","product-detail-pages","checkout-and-cart","dark-mode-and-theming","order-tracking","search-ux"],"updated":"2026-07-22","links":{"site":"https://alt.xyz","mobbin":"https://mobbin.com/apps/alt"},"one_liner":"Sports/trading-card marketplace and vault that treats every card like a ticker — portfolio net-worth chart up top, price history under every card, comps instead of star ratings — borrowing Robinhood/C","words":834,"file":"apps/alt-marketplace.md"},{"slug":"amazon","title":"Amazon","kind":"app","category":"commerce-marketplaces","tier":"B","platforms":["ios","android","web"],"tags":["density","conversion","dark-patterns","trust-signals","search-dominant","marketplace"],"patterns":["search-ux","checkout-and-cart","product-detail-pages","reviews-and-social-proof","order-tracking","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.amazon.com","mobbin":"https://mobbin.com/apps/amazon"},"one_liner":"Ugly by every modern visual-design metric and still the most-converting commerce surface on earth — because it optimizes for friction removal and earned trust, not for looking good.","words":1041,"file":"apps/amazon.md"},{"slug":"apple-store-app","title":"Apple Store","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["ios"],"tags":["minimal-chrome","huge-type","product-configurator","zero-urgency","white-space","sf-pro","apple-pay","restrained-motion"],"patterns":["product-detail-pages","checkout-and-cart","pickers-steppers-controls","order-tracking","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://apple.com/store","mobbin":"https://mobbin.com/apps/apple-store"},"one_liner":"A shopping app with almost nothing on the page but the product, huge type, and a price — proof that stripping out persuasion tactics can be more persuasive than adding them.","words":782,"file":"apps/apple-store-app.md"},{"slug":"collectors-psa","title":"Collectors (PSA)","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","web"],"tags":["grading-authentication","population-data","set-registry","cert-lookup","collectibles","gamified-ranking","legacy-enterprise-ux"],"patterns":["tables-and-dense-data","progress-and-data-viz","streaks-and-gamification","order-tracking","search-ux","product-detail-pages"],"updated":"2026-07-22","links":{"site":"https://www.psacard.com","mobbin":"https://mobbin.com/apps/psa-card"},"one_liner":"The third-party grading company that turned \"how many exist at this grade\" into a public data product and set-completion into a leaderboard sport — the population-data-plus-GPA-ranking mechanism is th","words":761,"file":"apps/collectors-psa.md"},{"slug":"depop","title":"Depop","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","android"],"tags":["social-commerce","gen-z","resale","ugc-photography","grid-feed","dm-negotiation","profile-as-shop"],"patterns":["feeds-and-ranking","profile-screens","dm-commerce-and-community-selling","product-detail-pages","camera-and-capture-ui","search-ux"],"updated":"2026-07-22","links":{"site":"https://www.depop.com","mobbin":"https://mobbin.com/apps/depop"},"one_liner":"Peer-to-peer fashion resale where the unit of the app is the Instagram-grid, not the product page — every seller is a mini-brand, every purchase is a DM negotiation first.","words":918,"file":"apps/depop.md"},{"slug":"ebay","title":"eBay","kind":"app","category":"commerce-marketplaces","tier":"B","platforms":["ios","android","web"],"tags":["auctions","marketplace","collectibles","trust-signals","dense-listings","legacy-modernized"],"patterns":["live-commerce-and-auctions","checkout-and-cart","product-detail-pages","reviews-and-social-proof","search-ux"],"updated":"2026-07-22","links":{"site":"https://www.ebay.com","mobbin":"https://mobbin.com/apps/ebay"},"one_liner":"A 30-year-old bid/buy marketplace that rebuilt its surface around condition, authentication, and vaulted collectibles without abandoning the countdown-timer urgency that made it eBay.","words":844,"file":"apps/ebay.md"},{"slug":"etsy","title":"Etsy","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","android","web"],"tags":["handmade-warmth","seller-story","trust-signals","favoriting","reviews","marketplace"],"patterns":["product-detail-pages","reviews-and-social-proof","search-ux","checkout-and-cart","profile-screens","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://www.etsy.com","mobbin":"https://mobbin.com/apps/etsy"},"one_liner":"A marketplace that sells the maker before it sells the item — every surface (listing, review, favorite) is engineered to answer \"can I trust this stranger with my money\" rather than \"is this the cheap","words":884,"file":"apps/etsy.md"},{"slug":"farfetch","title":"Farfetch","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["web","mobile"],"tags":["neutral-gallery-canvas","brand-first-plp","delivery-tier-as-merchandising","complete-the-look","multi-boutique-trust","dual-density-browsing"],"patterns":["product-detail-pages","search-ux","checkout-and-cart","landing-page-anatomy","order-tracking"],"updated":"2026-07-26","links":{"site":"https://www.farfetch.com"},"one_liner":"A luxury aggregator spanning thousands of independent boutiques and department stores that solves the trust problem of \"who am I actually buying from\" by running a deliberately neutral near-white, cha","words":944,"file":"apps/farfetch.md"},{"slug":"goat","title":"GOAT","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["ios","android"],"tags":["product-360-spin","editorial-photography","authentication-trust","black-on-white","resale-marketplace","offer-bidding","price-per-variant"],"patterns":["product-detail-pages","drops-and-restocks","checkout-and-cart","order-tracking","search-ux","reviews-and-social-proof"],"updated":"2026-07-22","links":{"site":"https://www.goat.com","mobbin":"https://mobbin.com/apps/goat"},"one_liner":"Streetwear/sneaker resale app that sells trust and object-presence as hard as it sells the shoe — a 360° product spin and an authentication-checkpoint tracker do more selling than any copy on the page","words":771,"file":"apps/goat.md"},{"slug":"grailed","title":"Grailed","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","web"],"tags":["black-and-white","editorial-restraint","offer-negotiation","authenticity-badge","menswear-resale","dense-grid","trust-signals"],"patterns":["product-detail-pages","checkout-and-cart","search-ux","feeds-and-ranking","reviews-and-social-proof","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://www.grailed.com","mobbin":"https://mobbin.com/apps/grailed"},"one_liner":"Menswear resale marketplace built almost entirely in black, white, and product photography — where negotiation (Make Offer) and authenticity (Grailed Authentication, backed by real third-party physica","words":838,"file":"apps/grailed.md"},{"slug":"gumroad","title":"Gumroad","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["web"],"tags":["neubrutalist","solo-seller","creator-commerce","checkout","storefront","bold-type"],"patterns":["checkout-and-cart","product-detail-pages","pricing-pages-web","landing-page-anatomy","monetization-upsell-moments","dashboards-and-consoles"],"updated":"2026-07-22","links":{"site":"https://gumroad.com","mobbin":"https://mobbin.com/apps/gumroad"},"one_liner":"A creator storefront platform that rebuilt itself around thick borders, hard shadows, and stock system fonts — trading polish for speed-of-trust, so a single person can look credible enough to take a ","words":858,"file":"apps/gumroad.md"},{"slug":"mr-porter","title":"MR PORTER","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["web","ios"],"tags":["menswear-editorial","magazine-commerce","racing-green-brand","the-journal","lookbook-photography","considered-edit"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart","search-ux","drops-and-restocks"],"updated":"2026-07-26","links":{"site":"https://www.mrporter.com"},"one_liner":"A luxury menswear retailer whose top-level navigation puts editorial content (The Journal) on equal footing with the shop itself, and whose PDPs are shot as styled outfit editorials rather than produc","words":802,"file":"apps/mr-porter.md"},{"slug":"nike-snkrs","title":"Nike SNKRS","kind":"app","category":"commerce-marketplaces","tier":"A","platforms":["ios","android"],"tags":["drops","hype-commerce","raffle-entry","editorial-feed","scarcity-ui","countdown-timers","ar-unlock"],"patterns":["drops-and-restocks","feeds-and-ranking","product-detail-pages","push-notification-strategy","camera-and-capture-ui"],"updated":"2026-07-22","links":{"site":"https://www.nike.com/snkrs","mobbin":"https://mobbin.com/apps/nike-snkrs"},"one_liner":"A shoppable editorial feed built around one mechanic — the draw — where the interface's whole job is to make waiting, losing, and winning each feel like a distinct, legible product state.","words":975,"file":"apps/nike-snkrs.md"},{"slug":"shop-shopify","title":"Shop (Shopify)","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["ios","android"],"tags":["post-purchase","order-tracking","one-tap-checkout","arrival-motion","trust-badges","cross-merchant"],"patterns":["order-tracking","checkout-and-cart","push-notification-strategy","product-detail-pages","monetization-upsell-moments","live-activities-widgets"],"updated":"2026-07-22","links":{"site":"https://shop.app","mobbin":"https://mobbin.com/apps/shop"},"one_liner":"A cross-merchant tracking + checkout layer that turns the dead zone between \"order placed\" and \"order arrived\" into the most emotionally engineered screen in commerce, then closes the loop with Shop P","words":872,"file":"apps/shop-shopify.md"},{"slug":"ssense","title":"SSENSE","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["web","ios"],"tags":["brutalist-typography","white-space","editorial-commerce","grid-density","luxury-retail","minimal-motion","product-photography"],"patterns":["product-detail-pages","search-ux","checkout-and-cart","drops-and-restocks"],"updated":"2026-07-22","links":{"site":"https://ssense.com","mobbin":"https://mobbin.com/apps/ssense"},"one_liner":"Montreal fashion marketplace that turned extreme white space and grid discipline into a status signal — the reference for restraint-as-luxury in product-page design.","words":707,"file":"apps/ssense.md"},{"slug":"stockx","title":"StockX","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["ios","android","web"],"tags":["bid-ask-market","price-history-charts","authentication-trust","sneaker-resale","market-ui","verification-flow"],"patterns":["product-detail-pages","order-tracking","progress-and-data-viz","checkout-and-cart","drops-and-restocks"],"updated":"2026-07-22","links":{"site":"https://stockx.com","mobbin":"https://mobbin.com/apps/stockx"},"one_liner":"Turns sneaker/streetwear resale into a two-sided market — bid/ask pricing, a stock-style price chart, and a physical authentication process made visible — so buying a used shoe feels like a financial ","words":955,"file":"apps/stockx.md"},{"slug":"temu","title":"Temu","kind":"app","category":"commerce-marketplaces","tier":"B","platforms":["ios","android"],"tags":["maximalist","gamification","dark-patterns","urgency-ui","high-density","low-trust"],"patterns":["feeds-and-ranking","checkout-and-cart","streaks-and-gamification","push-notification-strategy","monetization-upsell-moments","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.temu.com","mobbin":"https://mobbin.com/apps/temu"},"one_liner":"A discovery marketplace built like a slot machine — every screen stacks urgency, gamified rewards, and price theater to keep thumbs moving, at the direct cost of the trust signals a storefront normall","words":905,"file":"apps/temu.md"},{"slug":"whatnot","title":"Whatnot","kind":"app","category":"commerce-marketplaces","tier":"S","platforms":["ios","android","web"],"tags":["live-commerce","auctions","real-time-bidding","hype-mechanics","seller-tools","gamified-checkout"],"patterns":["live-commerce-and-auctions","dm-commerce-and-community-selling","checkout-and-cart","streaks-and-gamification","push-notification-strategy","chat-and-messaging-ui"],"updated":"2026-07-22","links":{"site":"https://www.whatnot.com","mobbin":"https://mobbin.com/apps/whatnot"},"one_liner":"Live-video auction marketplace (trading cards, sneakers, collectibles, pop culture) where the entire UI is built to keep a viewer's eyes on the seller's face and hands while a bid ledger, buy-now rail","words":962,"file":"apps/whatnot.md"},{"slug":"affinity-photo","title":"Affinity (by Canva)","kind":"app","category":"creative-editors","tier":"A","platforms":["desktop","web"],"tags":["free-pro-tools","unified-workspace","non-destructive-editing","no-subscription-theater","canva-integration","craft-positioning"],"patterns":["product-detail-pages","landing-page-anatomy","onboarding-flows","settings-screens"],"updated":"2026-07-26","links":{"site":"https://www.affinity.studio"},"one_liner":"Serif's Affinity suite spent a decade selling professional photo/vector/layout tools as a one-time $70 purchase against Adobe's subscription model; after Canva's acquisition it went further in October","words":885,"file":"apps/affinity-photo.md"},{"slug":"canva","title":"Canva","kind":"app","category":"creative-editors","tier":"A","platforms":["web","ios","android"],"tags":["template-first","drag-and-drop","brand-kits","mass-market","non-designer","democratization"],"patterns":["onboarding-flows","paywalls-and-pricing-sheets","activation-checklists","search-ux","sharing-and-export-flows","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://canva.com","mobbin":"https://mobbin.com/apps/canva"},"one_liner":"Canva doesn't teach layout, typography, or color theory — it lets you search for the outcome (\"Instagram story,\" \"resume,\" \"birthday flyer\") and hands you a finished composition to swap photos and wor","words":1025,"file":"apps/canva.md"},{"slug":"capcut","title":"CapCut","kind":"app","category":"creative-editors","tier":"S","platforms":["ios","android","desktop"],"tags":["mobile-timeline","template-economy","auto-captions","contextual-toolbar","magnetic-snapping","export-flow","dark-canvas"],"patterns":["video-editors-and-timelines","sharing-and-export-flows","monetization-upsell-moments","onboarding-flows","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://www.capcut.com","mobbin":"https://mobbin.com/apps/capcut"},"one_liner":"ByteDance's editor made a pro-grade multi-track timeline usable with a thumb by hiding almost everything behind one contextual toolbar, then turned \"editing\" into \"pick a template and drop in your cli","words":908,"file":"apps/capcut.md"},{"slug":"davinci-resolve","title":"DaVinci Resolve","kind":"app","category":"creative-editors","tier":"A","platforms":["desktop","ipad"],"tags":["pro-nle","page-based-ia","node-graph","dense-toolbars","dark-first","keyboard-driven"],"patterns":["video-editors-and-timelines","tables-and-dense-data","command-palettes-and-keyboard-ux","settings-screens","navigation-systems","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://www.blackmagicdesign.com/products/davinciresolve","mobbin":"https://mobbin.com/apps/davinci-resolve"},"one_liner":"A free color-grading tool that grew into a full NLE by putting Edit, Color, Fairlight, and Deliver in separate full-screen \"pages\" instead of one crowded window — the strongest counter-example to cons","words":1000,"file":"apps/davinci-resolve.md"},{"slug":"descript","title":"Descript","kind":"app","category":"creative-editors","tier":"A","platforms":["desktop","web"],"tags":["edit-by-transcript","doc-editor-paradigm","filler-word-removal","screen-recording","waveform-ui","ai-assisted-editing"],"patterns":["video-editors-and-timelines","media-players","undo-confirmation-destructive","dashboards-and-consoles","tooltips-and-feature-discovery","loading-skeletons-optimistic-ui"],"updated":"2026-07-22","links":{"site":"https://www.descript.com","mobbin":"https://mobbin.com/apps/descript"},"one_liner":"A screen-recording + video/podcast editor whose core bet is that a transcript IS the timeline — you cut, reorder, and remove filler words by editing a document, and the video re-cuts underneath you.","words":856,"file":"apps/descript.md"},{"slug":"detail-app","title":"Detail","kind":"app","category":"creative-editors","tier":"A","platforms":["ipad","mac"],"tags":["ai-editing","auto-cut","video-timelines","ipad-native","minimal-chrome","social-video","capture-and-edit"],"patterns":["video-editors-and-timelines","camera-and-capture-ui","onboarding-flows","sharing-and-export-flows","monetization-upsell-moments","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://detail.tv","mobbin":"https://mobbin.com/apps/detail"},"one_liner":"Named 2025 iPad App of the Year (App Store Awards, 2025-12-04) for an AI auto-cut engine that turns raw footage into a paced first draft — positioned as a single app that replaces the shoot → dump-to-","words":637,"file":"apps/detail-app.md"},{"slug":"figma","title":"Figma","kind":"app","category":"creative-editors","tier":"S","platforms":["web","desktop"],"tags":["multiplayer-canvas","infinite-canvas","properties-panel","dev-mode","plugin-ecosystem","component-driven"],"patterns":["dashboards-and-consoles","tables-and-dense-data","command-palettes-and-keyboard-ux","tooltips-and-feature-discovery","settings-screens","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://figma.com","mobbin":"https://mobbin.com/apps/figma"},"one_liner":"The design tool that proved a browser-based, real-time-multiplayer canvas could replace native software — and set the reference IA for any app that pairs a freeform canvas with a dense properties pane","words":909,"file":"apps/figma.md"},{"slug":"framer","title":"Framer","kind":"app","category":"creative-editors","tier":"S","platforms":["web"],"tags":["visual-canvas","no-code","publish-in-one-click","ai-section-gen","cms","marketing-site-as-movement"],"patterns":["landing-page-anatomy","forms-and-input","tooltips-and-feature-discovery","dashboards-and-consoles","pricing-pages-web","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://framer.com","mobbin":"https://mobbin.com/apps/framer"},"one_liner":"A freeform visual canvas that outputs a real, hosted, responsive website — the reference for collapsing design tool and CMS and publish pipeline into one surface, and for using its own marketing site ","words":856,"file":"apps/framer.md"},{"slug":"halide","title":"Halide","kind":"app","category":"creative-editors","tier":"S","platforms":["ios"],"tags":["pro-camera","manual-controls","progressive-disclosure","haptics","dark-first","viewfinder-ui"],"patterns":["camera-and-capture-ui","pickers-steppers-controls","onboarding-flows","tooltips-and-feature-discovery","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://halide.cam","mobbin":"https://mobbin.com/apps/halide"},"one_liner":"A manual camera app (Lux, makers of Halide/Spectre/Kino) that proves advanced controls don't need a settings panel — they live as draggable zones on top of the live image itself, revealed only when as","words":823,"file":"apps/halide.md"},{"slug":"inshot","title":"InShot","kind":"app","category":"creative-editors","tier":"B","platforms":["ios","android"],"tags":["video-editing","icon-toolbar","aspect-ratio","ad-supported","casual-creator","contextual-toolbar","sticker-economy"],"patterns":["video-editors-and-timelines","monetization-upsell-moments","sharing-and-export-flows","bottom-sheets-and-modals","camera-and-capture-ui"],"updated":"2026-07-22","links":{"site":"https://inshot.com","mobbin":"https://mobbin.com/apps/inshot"},"one_liner":"A tool-tray video/photo editor built around a single mechanic — the bottom bar swaps into whatever tool you tapped — aimed at casual creators who need a ratio-correct export, not a timeline.","words":857,"file":"apps/inshot.md"},{"slug":"klim-type","title":"Klim Type Foundry","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["type-criticism-as-marketing","homage-typeface-lineage","plain-black-on-white-specimen","fonts-in-use-attribution","essay-length-product-copy","no-lifestyle-imagery"],"patterns":["product-detail-pages","docs-and-changelogs","landing-page-anatomy"],"updated":"2026-07-26","links":{"site":"https://klim.co.nz"},"one_liner":"A Wellington, New Zealand foundry that replaces the industry's usual \"inspired by\" one-liner with a genuine short essay of type-historical criticism for every release — naming the exact source typefac","words":1107,"file":"apps/klim-type.md"},{"slug":"lightroom-mobile","title":"Lightroom Mobile","kind":"app","category":"creative-editors","tier":"A","platforms":["ios","android"],"tags":["pro-editing","masking-ux","before-after","preset-sync","dark-editor-chrome","non-destructive"],"patterns":["photo-editors","bottom-sheets-and-modals","tooltips-and-feature-discovery","sharing-and-export-flows","paywalls-and-pricing-sheets","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://adobe.com/products/photoshop-lightroom","mobbin":"https://mobbin.com/apps/lightroom"},"one_liner":"Adobe took a desktop tool built around panels and sliders and rebuilt its entire interaction model around one horizontal filmstrip and one bottom sheet, so masking and curves work with a single thumb.","words":943,"file":"apps/lightroom-mobile.md"},{"slug":"lottiefiles","title":"LottieFiles","kind":"app","category":"creative-editors","tier":"A","platforms":["web","desktop"],"tags":["motion-asset-platform","designer-dev-handoff","state-machines","no-code-interactivity","ai-motion-copilot","plugin-ecosystem"],"patterns":["product-detail-pages","docs-and-changelogs","sharing-and-export-flows","ai-chat-and-copilot-ux"],"updated":"2026-07-26","links":{"site":"https://lottiefiles.com"},"one_liner":"LottieFiles started as a marketplace and file-conversion utility around the open Lottie/dotLottie animation format, then built Lottie Creator — a full browser-based editor with state machines, a natur","words":894,"file":"apps/lottiefiles.md"},{"slug":"midjourney-web","title":"Midjourney (web)","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["gallery-first","prompt-grammar","parameter-chips","rating-loops","generative","imagine-bar"],"patterns":["feeds-and-ranking","product-detail-pages","tooltips-and-feature-discovery","monetization-upsell-moments","sharing-and-export-flows","ai-chat-and-copilot-ux"],"updated":"2026-07-22","links":{"site":"https://www.midjourney.com","mobbin":"https://mobbin.com/apps/midjourney"},"one_liner":"Midjourney moved off Discord onto its own site by keeping the prompt as the only input surface but rebuilding everything downstream as an infinite image grid — generation, rating, and remixing all hap","words":960,"file":"apps/midjourney-web.md"},{"slug":"pangram-pangram","title":"Pangram Pangram","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["live-pangram-specimens","type-as-product-and-ui","try-for-free-gate","fonts-in-use-social-proof","microsite-per-typeface","status-badge-taxonomy"],"patterns":["product-detail-pages","landing-page-anatomy","pricing-pages-web","docs-and-changelogs","sharing-and-export-flows"],"updated":"2026-07-26","links":{"site":"https://pangrampangram.com"},"one_liner":"Instead of showing static preview images of its typefaces, Pangram Pangram renders every card on the homepage as a live, in-browser specimen — real pangram sentences (its namesake device) set in the a","words":1146,"file":"apps/pangram-pangram.md"},{"slug":"photoroom","title":"Photoroom","kind":"app","category":"creative-editors","tier":"A","platforms":["ios","android","web"],"tags":["ai-utility","background-removal","batch-editing","commerce-photos","one-tap-tools","template-driven"],"patterns":["photo-editors","camera-and-capture-ui","onboarding-flows","paywalls-and-pricing-sheets","product-detail-pages","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://www.photoroom.com","mobbin":"https://mobbin.com/apps/photoroom"},"one_liner":"A tap-in, tap-out editor built around one killer primitive (instant background removal) that expanded into batch processing and shoppable-photo templates without losing the single-purpose feel.","words":850,"file":"apps/photoroom.md"},{"slug":"procreate","title":"Procreate","kind":"app","category":"creative-editors","tier":"S","platforms":["ipad"],"tags":["gesture-driven","brush-engine","one-time-purchase","pro-tool","quickmenu","dark-canvas"],"patterns":["tooltips-and-feature-discovery","undo-confirmation-destructive","motion-language-systems","settings-screens","sharing-and-export-flows","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://procreate.com","mobbin":"https://mobbin.com/apps/procreate"},"one_liner":"iPad painting app that gets out of the way of the canvas — nearly every command lives in a gesture or a radial menu, not a menu bar, and the chrome disappears the instant you touch the screen.","words":851,"file":"apps/procreate.md"},{"slug":"rive","title":"Rive","kind":"app","category":"creative-editors","tier":"S","platforms":["web","desktop"],"tags":["state-machines","interactive-motion","node-graph","real-time-rendering","design-dev-handoff","live-community-gallery"],"patterns":["motion-language-systems","landing-page-anatomy","docs-and-changelogs","sharing-and-export-flows","product-detail-pages"],"updated":"2026-07-26","links":{"site":"https://rive.app"},"one_liner":"An interactive-animation editor whose central move is authoring motion as a visual graph of states and transitions rather than a timeline of baked clips — so what a designer builds in the tool is the ","words":908,"file":"apps/rive.md"},{"slug":"runway","title":"Runway","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["ai-generation","dark-first","credit-economy","generation-queue","creative-tools","async-jobs"],"patterns":["video-editors-and-timelines","monetization-upsell-moments","loading-skeletons-optimistic-ui","progress-and-data-viz","dashboards-and-consoles","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://runwayml.com","mobbin":"https://mobbin.com/apps/runway"},"one_liner":"A dark-canvas AI video/image studio (Gen-3/Gen-4 model family) built around a single hard problem most tools now share — generation is slow and async, so the UI's whole job is making the wait legible ","words":893,"file":"apps/runway.md"},{"slug":"spline","title":"Spline","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["layer-based-materials","no-code-state-machine","one-script-embed","community-remix-library","own-brand-typeface","browser-native-3d"],"patterns":["product-detail-pages","sharing-and-export-flows","landing-page-anatomy","onboarding-flows","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://spline.design"},"one_liner":"A browser-native 3D design platform that strips the two biggest barriers out of spatial design — install-and-learn-a-DCC-tool and node-graph shader authoring — by running entirely in-tab with Figma-fa","words":867,"file":"apps/spline.md"},{"slug":"theatre-js","title":"Theatre.js","kind":"app","category":"creative-editors","tier":"A","platforms":["web"],"tags":["animation-sequencer","dopesheet-ui","keyframe-editing","dev-tool-overlay","open-source","stack-agnostic"],"patterns":["motion-language-systems","video-editors-and-timelines","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://www.theatrejs.com"},"one_liner":"A JavaScript animation library that ships an actual film-editor-style sequencer UI (tracks, keyframes, a scrubbable playhead) as a floating overlay on top of any running web page — proving a motion-de","words":851,"file":"apps/theatre-js.md"},{"slug":"vn-editor","title":"VN Video Editor","kind":"app","category":"creative-editors","tier":"A","platforms":["ios","android","desktop"],"tags":["dark-first","prosumer","multi-track-timeline","curve-speed","lut-workflow","dense-toolbar","no-watermark-free","precision-editing"],"patterns":["video-editors-and-timelines","bottom-sheets-and-modals","sharing-and-export-flows","dark-mode-and-theming","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://vn.video","mobbin":"https://mobbin.com/apps/vn"},"one_liner":"A near-black, icon-dense multi-track editor that ports Premiere-grade concepts (bezier speed curves, LUTs, keyframes) into a phone, and earns trust by staying out of the footage's way.","words":772,"file":"apps/vn-editor.md"},{"slug":"vsco","title":"VSCO","kind":"app","category":"creative-editors","tier":"A","platforms":["ios","android"],"tags":["filter-first","editorial","no-likes","preset-economy","muted-palette","taste-as-product"],"patterns":["photo-editors","video-editors-and-timelines","profile-screens","monetization-upsell-moments","feeds-and-ranking","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://vsco.co","mobbin":"https://mobbin.com/apps/vsco"},"one_liner":"A filter/preset editing app that built its entire identity on removing the metrics (no likes, no public follower counts on the feed) so the grid reads as curation, not competition.","words":780,"file":"apps/vsco.md"},{"slug":"cash-app","title":"Cash App","kind":"app","category":"fintech-trading","tier":"S","platforms":["ios","android"],"tags":["brand-green","cashtag-identity","amount-first-entry","gamified-savings","p2p-payments","anti-bank"],"patterns":["onboarding-flows","checkout-and-cart","profile-screens","monetization-upsell-moments","referral-and-invite","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://cash.app","mobbin":"https://mobbin.com/apps/cash-app"},"one_liner":"A P2P wallet that made currency feel expressive — huge amount-first entry, a durable public $cashtag identity, and celebration motion where every competitor plays it clinical.","words":811,"file":"apps/cash-app.md"},{"slug":"coinbase","title":"Coinbase","kind":"app","category":"fintech-trading","tier":"A","platforms":["ios","android","web"],"tags":["fintech","crypto-trading","staged-disclosure","trust-ui","dense-data","price-charts","kyc-onboarding"],"patterns":["onboarding-flows","product-detail-pages","dashboards-and-consoles","tables-and-dense-data","progress-and-data-viz","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://coinbase.com","mobbin":"https://mobbin.com/apps/coinbase"},"one_liner":"A regulated exchange that solved \"crypto for normies\" by running two products in one app — a simple buy/sell surface by default, and a dense professional terminal (Advanced Trade) one deliberate tap a","words":893,"file":"apps/coinbase.md"},{"slug":"copilot-money","title":"Copilot Money","kind":"app","category":"fintech-trading","tier":"S","platforms":["ios"],"tags":["personal-finance","custom-charts","category-icons","haptics","ada-award","light-first","data-viz"],"patterns":["dashboards-and-consoles","progress-and-data-viz","onboarding-flows","permission-priming","tables-and-dense-data","haptics-and-sound"],"updated":"2026-07-22","links":{"site":"https://copilot.money","mobbin":"https://mobbin.com/apps/copilot-money"},"one_liner":"Bank-linked budgeting app (Apple Design Award winner, 2023) that treats every transaction as a chart-able data point — the reference for turning boring ledger data into custom, native-feeling visualiz","words":794,"file":"apps/copilot-money.md"},{"slug":"hyperliquid","title":"Hyperliquid","kind":"app","category":"fintech-trading","tier":"A","platforms":["web"],"tags":["dark-first","trading-terminal","dense","monospace-numerals","derivatives","on-chain"],"patterns":["dashboards-and-consoles","tables-and-dense-data","progress-and-data-viz","forms-and-input","pickers-steppers-controls","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://app.hyperliquid.xyz","mobbin":"https://mobbin.com/apps/hyperliquid"},"one_liner":"An order-book trading terminal that copies the Binance/FTX-era professional layout almost exactly, then wins on latency-feel and information density rather than novel visual design.","words":890,"file":"apps/hyperliquid.md"},{"slug":"kalshi","title":"Kalshi","kind":"app","category":"fintech-trading","tier":"A","platforms":["web","ios"],"tags":["prediction-markets","regulated-fintech","kyc-onboarding","probability-ui","data-viz","light-mode","event-contracts"],"patterns":["onboarding-flows","permission-priming","progress-and-data-viz","tables-and-dense-data","checkout-and-cart","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://kalshi.com","mobbin":"https://mobbin.com/apps/kalshi"},"one_liner":"Turns \"buy a derivatives contract\" into \"tap YES on a headline\" — the whole product is built to make a regulated, KYC-gated exchange feel like scrolling a feed of yes/no questions.","words":923,"file":"apps/kalshi.md"},{"slug":"kraken-pro","title":"Kraken Pro","kind":"app","category":"fintech-trading","tier":"A","platforms":["ios","web"],"tags":["dark-terminal","data-brutalism","orderbook","dense-tables","monospace","real-time"],"patterns":["dashboards-and-consoles","tables-and-dense-data","progress-and-data-viz","forms-and-input","command-palettes-and-keyboard-ux"],"updated":"2026-07-22","links":{"site":"https://pro.kraken.com","mobbin":"https://mobbin.com/apps/kraken-pro"},"one_liner":"Multi-pane order-book/chart/ticket workspace built for eyes that scan numbers all day — density is the feature, not a compromise.","words":875,"file":"apps/kraken-pro.md"},{"slug":"mercury-bank","title":"Mercury","kind":"app","category":"fintech-trading","tier":"S","platforms":["web","ios"],"tags":["editorial-fintech","restraint","warm-neutral","dense-tables","b2b-banking","serif-accent"],"patterns":["dashboards-and-consoles","tables-and-dense-data","onboarding-flows","forms-and-input","settings-screens","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://mercury.com","mobbin":"https://mobbin.com/apps/mercury"},"one_liner":"Startup banking that reads like a design studio's own tool, not a bank — the reference for treating money UI as calm, dense information design instead of a wall of gradients and shields.","words":826,"file":"apps/mercury-bank.md"},{"slug":"monzo","title":"Monzo","kind":"app","category":"fintech-trading","tier":"A","platforms":["ios","android"],"tags":["coral-brand","feed-as-ledger","friendly-fintech","pots","salary-sorter","card-linked"],"patterns":["dashboards-and-consoles","feeds-and-ranking","progress-and-data-viz","push-notification-strategy","onboarding-flows","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://monzo.com","mobbin":"https://mobbin.com/apps/monzo"},"one_liner":"UK challenger bank that made money legible — a real-time transaction feed doubling as a ledger, plus \"pots\" and a salary sorter that turn saving into a placement problem instead of a discipline proble","words":857,"file":"apps/monzo.md"},{"slug":"polymarket","title":"Polymarket","kind":"app","category":"fintech-trading","tier":"A","platforms":["web","ios"],"tags":["odds-as-price","prediction-markets","crypto-native","dense-data","trust-ux","real-time"],"patterns":["tables-and-dense-data","progress-and-data-viz","checkout-and-cart","feeds-and-ranking","dashboards-and-consoles","order-tracking"],"updated":"2026-07-22","links":{"site":"https://polymarket.com","mobbin":"https://mobbin.com/apps/polymarket"},"one_liner":"An event-market exchange that turns \"what do people think will happen\" into a single trustable number — cents-as-percent — and builds every surface around defending that number's credibility.","words":927,"file":"apps/polymarket.md"},{"slug":"public-com","title":"Public","kind":"app","category":"fintech-trading","tier":"A","platforms":["mobile","web"],"tags":["no-pfof-trust","multi-asset-single-login","thematic-investment-plans","ticker-comment-threads","ai-fundamentals-summary","adult-portfolio-craft"],"patterns":["dashboards-and-consoles","onboarding-flows","pricing-pages-web","tables-and-dense-data","reviews-and-social-proof","forms-and-input"],"updated":"2026-07-26","links":{"site":"https://public.com"},"one_liner":"A multi-asset brokerage that put a done-away-with revenue stream — payment for order flow — at the center of its brand, then built a single login spanning stocks, bonds, treasuries, crypto, and fracti","words":959,"file":"apps/public-com.md"},{"slug":"ramp","title":"Ramp","kind":"app","category":"fintech-trading","tier":"A","platforms":["web"],"tags":["dense-tables","fintech","approval-workflows","accent-restraint","command-palette","enterprise-ui","spend-management"],"patterns":["dashboards-and-consoles","tables-and-dense-data","command-palettes-and-keyboard-ux","forms-and-input","onboarding-flows","loading-skeletons-optimistic-ui"],"updated":"2026-07-22","links":{"site":"https://ramp.com","mobbin":"https://mobbin.com/apps/ramp"},"one_liner":"Corporate-card-and-spend-management platform where black-and-white restraint plus one lime accent carries an entire finance-ops product without the density ever tipping into noise.","words":757,"file":"apps/ramp.md"},{"slug":"revolut","title":"Revolut","kind":"app","category":"fintech-trading","tier":"A","platforms":["ios","android"],"tags":["super-app","card-controls","animated-balances","premium-upsell","dark-mode","dense-nav","live-ticker"],"patterns":["dashboards-and-consoles","monetization-upsell-moments","progress-and-data-viz","settings-screens","dark-mode-and-theming","pickers-steppers-controls"],"updated":"2026-07-22","links":{"site":"https://revolut.com","mobbin":"https://mobbin.com/apps/revolut"},"one_liner":"A banking-plus-crypto-plus-stocks-plus-insurance app that hides its own sprawl behind a two-tab-deep hub, so density never reaches the home screen.","words":864,"file":"apps/revolut.md"},{"slug":"robinhood","title":"Robinhood","kind":"app","category":"fintech-trading","tier":"S","platforms":["ios","android","web"],"tags":["fintech","dark-mode","data-viz","order-flow","gamification-ethics","chart-interaction","dollar-based-investing"],"patterns":["progress-and-data-viz","checkout-and-cart","onboarding-flows","streaks-and-gamification","anti-patterns-dark-patterns","dashboards-and-consoles"],"updated":"2026-07-22","links":{"site":"https://robinhood.com","mobbin":"https://mobbin.com/apps/robinhood"},"one_liner":"Turned a share-price ticker into a single huge number and a one-tap buy button; the industry's cautionary tale on where consumer-product delight mechanics cross into gamified financial risk.","words":898,"file":"apps/robinhood.md"},{"slug":"stripe-dashboard","title":"Stripe Dashboard","kind":"app","category":"fintech-trading","tier":"S","platforms":["web","ios"],"tags":["test-live-mode","api-object-browser","docs-embedded","dense-tables","fintech-trust","monospace-data"],"patterns":["dashboards-and-consoles","tables-and-dense-data","docs-and-changelogs","forms-and-input","settings-screens","error-offline-recovery"],"updated":"2026-07-22","links":{"site":"https://dashboard.stripe.com","mobbin":"https://mobbin.com/apps/stripe"},"one_liner":"The console every \"admin panel\" secretly wants to be — dense object tables, a hard test/live boundary, and inline docs that make raw API data legible without a second tab.","words":834,"file":"apps/stripe-dashboard.md"},{"slug":"tradingview","title":"TradingView","kind":"app","category":"fintech-trading","tier":"S","platforms":["web","ios","android"],"tags":["charting","dense","dark-first","drawing-tools","social-layer","watchlists"],"patterns":["tables-and-dense-data","progress-and-data-viz","dashboards-and-consoles","tooltips-and-feature-discovery","monetization-upsell-moments","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://tradingview.com","mobbin":"https://mobbin.com/apps/tradingview"},"one_liner":"A full charting engine (bars, drawing tools, alerts, social \"ideas\" feed) squeezed into a workspace that stays legible at extreme information density — the reference for how a data-dense financial too","words":897,"file":"apps/tradingview.md"},{"slug":"wealthfront","title":"Wealthfront","kind":"app","category":"fintech-trading","tier":"A","platforms":["web","ios","android"],"tags":["robo-advisor","calm-money-ui","serious-money-type","automated-investing","disclosure-as-ui","persona-routing"],"patterns":["dashboards-and-consoles","onboarding-flows","progress-and-data-viz","forms-and-input","paywalls-and-pricing-sheets","settings-screens"],"updated":"2026-07-26","links":{"site":"https://www.wealthfront.com"},"one_liner":"Automated-investing platform that sells long-term money management with oversized APY/return numerals, a visible legal footnote clipped to nearly every claim, and a homepage that splits visitors into ","words":858,"file":"apps/wealthfront.md"},{"slug":"wise","title":"Wise","kind":"app","category":"fintech-trading","tier":"A","platforms":["web","ios","android"],"tags":["fee-transparency","real-exchange-rate","cross-border-payments","green-trust-brand","multi-currency","honest-pricing"],"patterns":["checkout-and-cart","pricing-pages-web","onboarding-flows","forms-and-input","dashboards-and-consoles","microcopy-and-ux-writing"],"updated":"2026-07-26","links":{"site":"https://wise.com"},"one_liner":"Cross-border money app whose homepage isn't a pitch, it's a working calculator — type an amount and currency pair and it shows the real mid-market rate, the exact fee, and the arrival time before aski","words":845,"file":"apps/wise.md"},{"slug":"alto-odyssey","title":"Alto's Odyssey","kind":"app","category":"games-frontends","tier":"A","platforms":["ios","android"],"tags":["ambient","silhouette-art","one-thumb-input","gradient-skies","zen-mode","minimal-hud"],"patterns":["onboarding-flows","motion-language-systems","streaks-and-gamification","monetization-upsell-moments","navigation-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://www.altoodyssey.com","mobbin":"https://mobbin.com/apps/altos-odyssey"},"one_liner":"Sandboarding endless-runner (Snowman, 2018, sequel to Alto's Adventure) that turns a single tap-and-hold gesture and a shifting sky into the entire interface — near-zero chrome, the lighting engine do","words":849,"file":"apps/alto-odyssey.md"},{"slug":"backbone","title":"Backbone","kind":"app","category":"games-frontends","tier":"A","platforms":["ios","android"],"tags":["dark-first","controller-hardware","capture-ui","game-aggregation","box-art-color","editorial-grid"],"patterns":["onboarding-flows","camera-and-capture-ui","paywalls-and-pricing-sheets","permission-priming","live-activities-widgets","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://playbackbone.com","mobbin":"https://mobbin.com/apps/backbone"},"one_liner":"The app half of the Backbone One controller — a game-library aggregator and capture/share layer whose entire design job is to disappear behind a physical button press and the game's own box art.","words":811,"file":"apps/backbone.md"},{"slug":"balatro","title":"Balatro","kind":"app","category":"games-frontends","tier":"S","platforms":["all"],"tags":["juice","crt-shader","score-theater","pixel-type","reward-feel","motion-punch"],"patterns":["streaks-and-gamification","progress-and-data-viz","motion-language-systems","haptics-and-sound","monetization-upsell-moments","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://www.playbalatro.com","mobbin":"https://mobbin.com/apps/balatro"},"one_liner":"A poker-roguelike deck-builder whose entire UI exists to make one number get bigger in the most theatrical way possible — the reference for \"juice\" (synchronized motion + sound + escalation) that any ","words":847,"file":"apps/balatro.md"},{"slug":"death-stranding-2","title":"Death Stranding 2 (UI)","kind":"app","category":"games-frontends","tier":"A","platforms":["console"],"tags":["diegetic-ui","holographic-hud","immersion-first","kojima-productions","radial-menu","world-as-interface"],"patterns":["progress-and-data-viz","motion-language-systems","navigation-systems","haptics-and-sound","dashboards-and-consoles","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://www.playstation.com/en-us/games/death-stranding-2-on-the-beach/","mobbin":"https://mobbin.com/apps/death-stranding-2"},"one_liner":"Every readout is sourced to an in-world object (the Odradek scanner, the porter cuff-link, the BB pod monitor) rather than floating screen furniture — verified 2026-07 as the case designers still cite","words":825,"file":"apps/death-stranding-2.md"},{"slug":"delta-emulator","title":"Delta","kind":"app","category":"games-frontends","tier":"S","platforms":["ios"],"tags":["emulation","skin-system","retro-gaming","sideloading-legacy","ios-native","controller-overlays","save-states"],"patterns":["onboarding-flows","permission-priming","dark-mode-and-theming","bottom-sheets-and-modals","settings-screens"],"updated":"2026-07-22","links":{"site":"https://deltaemulator.com","mobbin":"https://mobbin.com/apps/delta"},"one_liner":"Riley Testut's multi-console iOS emulator (GBA/NES/SNES/N64/DS and more) — years of AltStore sideloading refined its trust-and-import UX before Apple's 2024 rule change let it ship on the App Store pr","words":817,"file":"apps/delta-emulator.md"},{"slug":"emulationstation-de","title":"ES-DE (EmulationStation Desktop Edition)","kind":"app","category":"games-frontends","tier":"A","platforms":["desktop","android"],"tags":["theme-driven","controller-first","ten-foot-ui","retro-gaming","scraper-flow","dark-first","badge-system","grid-and-carousel"],"patterns":["dark-mode-and-theming","navigation-systems","settings-screens","search-ux","media-players"],"updated":"2026-07-22","links":{"site":"https://es-de.org","mobbin":"https://mobbin.com/apps/emulationstation-de"},"one_liner":"A ROM/game library frontend whose entire visual identity is swappable via a theme engine, while a small deliberately-unthemeable core (menus, scraper, settings) stays fixed so the app never breaks no ","words":830,"file":"apps/emulationstation-de.md"},{"slug":"fortnite","title":"Fortnite (shop & events)","kind":"app","category":"games-frontends","tier":"A","platforms":["console","ios","android"],"tags":["item-shop","battle-pass","fomo-urgency","rarity-color-coding","live-events","drop-mechanics","gamification","monetization"],"patterns":["drops-and-restocks","monetization-upsell-moments","streaks-and-gamification","progress-and-data-viz","anti-patterns-dark-patterns","scrollytelling-product-reveals"],"updated":"2026-07-22","links":{"site":"https://www.fortnite.com","mobbin":"https://mobbin.com/apps/fortnite"},"one_liner":"A cosmetics storefront disguised as a game screen — it turned \"the shop resets at midnight\" into the most-imitated urgency loop in consumer software, and event takeovers into a marketing format of the","words":959,"file":"apps/fortnite.md"},{"slug":"monument-valley","title":"Monument Valley","kind":"app","category":"games-frontends","tier":"A","platforms":["ios","android"],"tags":["isometric-minimalism","palette-storytelling","silent-onboarding","low-chrome","puzzle-game","motion-restraint"],"patterns":["onboarding-flows","motion-language-systems","tooltips-and-feature-discovery","navigation-systems","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://www.monumentvalleygame.com","mobbin":"https://mobbin.com/apps/monument-valley"},"one_liner":"ustwo's isometric puzzle game (2014, sequel 2017, MV3 2024) proved a UI can be entirely non-verbal — architecture itself is the tutorial, the menu, and the plot.","words":799,"file":"apps/monument-valley.md"},{"slug":"nintendo-switch-ui","title":"Nintendo Switch UI","kind":"app","category":"games-frontends","tier":"S","platforms":["console"],"tags":["console-ui","instant-resume","sound-design","low-density","controller-first","icon-grid","dark-minimal"],"patterns":["navigation-systems","settings-screens","haptics-and-sound","motion-language-systems","profile-screens","loading-skeletons-optimistic-ui"],"updated":"2026-07-22","links":{"site":"https://www.nintendo.com/switch/","mobbin":"https://mobbin.com/apps/nintendo-switch"},"one_liner":"A system shell built around one promise — press a button, be in the game in under a second — and every visual choice (low density, huge tiles, sound-confirmed state changes) exists to protect that pro","words":921,"file":"apps/nintendo-switch-ui.md"},{"slug":"nyt-games","title":"NYT Games","kind":"app","category":"games-frontends","tier":"S","platforms":["ios","android","web"],"tags":["daily-ritual","streaks","share-artifact","puzzle-ui","minimal-chrome","emoji-grid","casual-games"],"patterns":["streaks-and-gamification","sharing-and-export-flows","onboarding-flows","push-notification-strategy","monetization-upsell-moments","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://www.nytimes.com/games","mobbin":"https://mobbin.com/apps/nyt-games"},"one_liner":"Wordle, Connections, Spelling Bee, and Strands prove that one puzzle a day, a strict color-state grid, and a text-only share artifact can build the most-copied habit loop in mobile — without a single ","words":879,"file":"apps/nyt-games.md"},{"slug":"persona-5-ui","title":"Persona 5 (menu UI)","kind":"app","category":"games-frontends","tier":"S","platforms":["console"],"tags":["diagonal-grid","red-black","hand-lettered-type","transition-as-brand","comic-panel-ui","motion-sync-audio","jrpg-menu"],"patterns":["navigation-systems","motion-language-systems","onboarding-flows","progress-and-data-viz","streaks-and-gamification"],"updated":"2026-07-22","links":{"site":"https://www.atlus.com/persona5royal/","mobbin":"https://mobbin.com/apps/persona-5"},"one_liner":"A JRPG pause menu redesigned as a Phantom Thieves calling card — one diagonal cut angle, one red/black/white palette, and transitions treated as the main character, not connective tissue.","words":891,"file":"apps/persona-5-ui.md"},{"slug":"playnite","title":"Playnite","kind":"app","category":"games-frontends","tier":"A","platforms":["windows"],"tags":["dual-mode-ui","ten-foot-ui","metadata-management","controller-navigation","theme-system","library-aggregation"],"patterns":["dashboards-and-consoles","tables-and-dense-data","settings-screens","media-players","navigation-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://playnite.link","mobbin":"https://mobbin.com/apps/playnite"},"one_liner":"Open-source game-library aggregator (Steam/Epic/GOG/Xbox/emulators unified into one catalog) that ships two fully separate themes — dense desktop mode and sparse controller-first fullscreen mode — ove","words":828,"file":"apps/playnite.md"},{"slug":"ps5-ui","title":"PlayStation 5 UI","kind":"app","category":"games-frontends","tier":"A","platforms":["console"],"tags":["10-foot-ui","dark-first","focus-driven","ambient-audio","activity-cards","controller-nav"],"patterns":["live-activities-widgets","navigation-systems","motion-language-systems","haptics-and-sound","dashboards-and-consoles"],"updated":"2026-07-22","links":{"site":"https://www.playstation.com/ps5/","mobbin":"https://mobbin.com/apps/playstation-5-system-software"},"one_liner":"A home screen and overlay system built for one input (D-pad + face buttons) and one viewing distance (10 feet) that solved live-status-at-a-glance years before mobile widgets caught up.","words":803,"file":"apps/ps5-ui.md"},{"slug":"retroarch","title":"RetroArch","kind":"app","category":"games-frontends","tier":"B","platforms":["all"],"tags":["menu-labyrinth","no-onboarding","jargon-walls","dense-settings","dark-theme","cross-platform","emulation-frontend"],"patterns":["navigation-systems","settings-screens","onboarding-flows","anti-patterns-dark-patterns","media-players"],"updated":"2026-07-22","links":{"site":"https://www.retroarch.com","mobbin":"https://mobbin.com/apps/retroarch"},"one_liner":"The libretro-based multi-emulator frontend that proves engine power and interface clarity are separable — every UX sin an emulation app can commit, RetroArch commits at least once, which is exactly wh","words":960,"file":"apps/retroarch.md"},{"slug":"steam-deck-ui","title":"Steam (Deck UI)","kind":"app","category":"games-frontends","tier":"S","platforms":["desktop","handheld"],"tags":["controller-first","tile-grid","overlay-ui","dark-first","big-picture","gamepad-nav"],"patterns":["navigation-systems","settings-screens","dashboards-and-consoles","tooltips-and-feature-discovery","motion-language-systems","bottom-sheets-and-modals"],"updated":"2026-07-22","links":{"site":"https://store.steampowered.com/bigpicture","mobbin":"https://mobbin.com/apps/steam"},"one_liner":"Valve's SteamOS/Big Picture shell proves a games library can be fully gamepad-driven without becoming a clunky console menu — spatial tile navigation, a system-wide overlay, and per-game settings that","words":868,"file":"apps/steam-deck-ui.md"},{"slug":"xbox-ui","title":"Xbox Series UI","kind":"app","category":"games-frontends","tier":"B","platforms":["console"],"tags":["10-foot-ui","dark-first","carousel-merchandising","focus-navigation","dpad-driven","high-density"],"patterns":["navigation-systems","monetization-upsell-moments","push-notification-strategy","dashboards-and-consoles","feeds-and-ranking"],"updated":"2026-07-22","links":{"site":"https://www.xbox.com","mobbin":"https://mobbin.com/apps/xbox"},"one_liner":"A D-pad-navigated, carousel-stacked home shell built to keep Game Pass in front of you at all times — the console-UI counterpart to PS5's post-2023 quieter, card-based redesign.","words":894,"file":"apps/xbox-ui.md"},{"slug":"zenless-zone-zero","title":"Zenless Zone Zero (UI)","kind":"app","category":"games-frontends","tier":"S","platforms":["console","ios","android"],"tags":["diegetic-ui","tv-static-transitions","comic-panels","gacha-merchandising","hazard-stripe-branding","maximalist-readable"],"patterns":["motion-language-systems","navigation-systems","monetization-upsell-moments","loaders-and-site-intros","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://zenless.hoyoverse.com","mobbin":"https://mobbin.com/apps/zenless-zone-zero"},"one_liner":"HoYoverse's action-RPG frames its entire UI as an in-universe TV channel — menu transitions are TV-static wipes and comic-book panel cuts, not fades — proving that heavy chrome stays readable if every","words":924,"file":"apps/zenless-zone-zero.md"},{"slug":"aime-leon-dore","title":"Aimé Leon Dore","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["standing-uniform-nav-category","serialized-collaboration-capsules","integrated-function-as-hero-spec","place-referenced-colorways","named-creative-director","synchronized-timed-drops"],"patterns":["landing-page-anatomy","product-detail-pages","drops-and-restocks","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://www.aimeleondore.com"},"one_liner":"A New York menswear label whose New Balance partnership doesn't read as one-off collabs but as an ongoing, individually named and dated series — like a numbered discography — while a standing \"Uniform","words":844,"file":"apps/aime-leon-dore.md"},{"slug":"analogue","title":"Analogue","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["black-void-photography","spec-sheet-copy","fpga-credibility","premium-hardware","scarcity-drops","scrollytelling","museum-grade"],"patterns":["drops-and-restocks","product-detail-pages","landing-page-anatomy","scrollytelling-product-reveals","premium-web-microinteractions","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://www.analogue.co","mobbin":"https://mobbin.com/apps/analogue"},"one_liner":"FPGA retro-console maker whose entire site functions as a proof-of-craft machine — black-void photography and spec-sheet-as-poetry copy make a cartridge-reading box read like a $500 instrument, not a ","words":788,"file":"apps/analogue.md"},{"slug":"arcteryx","title":"Arc'teryx","kind":"app","category":"genz-brands","tier":"A","platforms":["web","ios"],"tags":["technical-outdoor","construction-detail-insets","bird-glyph","alpine-testing-photography","sub-brand-crossover","drop-mechanics"],"patterns":["product-detail-pages","scrollytelling-product-reveals","landing-page-anatomy"],"updated":"2026-07-26","links":{"site":"https://arcteryx.com"},"one_liner":"A technical alpine-gear house whose PDP reads as much like an engineering schematic as a fashion photo — macro insets of taped seams and laminate panel lines sit next to a spec table of waterproof rat","words":861,"file":"apps/arcteryx.md"},{"slug":"arket","title":"Arket","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["material-honesty","nordic-modernism","lifestyle-marketplace","monochrome-grey","cafe-as-brand","slow-retail"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.arket.com"},"one_liner":"H&M Group's Nordic lifestyle brand sells clothing, homeware, and a vegetarian café through one shared grey system — the same shade of grey on walls, hangers, fixtures, and digital chrome — proving tha","words":845,"file":"apps/arket.md"},{"slug":"byredo","title":"Byredo","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["conceptual-fragrance","stark-photography","name-as-poetry","apothecary-minimalism","artist-collabs","sound-on-load"],"patterns":["product-detail-pages","landing-page-anatomy","scrollytelling-product-reveals","checkout-and-cart","sound-on-web"],"updated":"2026-07-26","links":{"site":"https://www.byredo.com"},"one_liner":"Ben Gorham's Stockholm perfume label treats each fragrance name as the actual product — \"Gypsy Water,\" \"Bal d'Afrique,\" \"Mister Marvelous\" — then wraps that poetry in apothecary-plain packaging and st","words":1060,"file":"apps/byredo.md"},{"slug":"charli-xcx-brat","title":"BRAT (Charli XCX)","kind":"app","category":"genz-brands","tier":"S","platforms":["web"],"tags":["anti-design","flat-color-system","lowercase-wordmark","meme-culture","campaign-identity","lo-fi-premium","remix-culture","one-color-system"],"patterns":["landing-page-anatomy","sharing-and-export-flows","drops-and-restocks","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://charlixcx.com","mobbin":"https://mobbin.com/apps/charli-xcx-brat"},"one_liner":"A single flat lime green and a squished, blurred lowercase Arial wordmark, applied with zero exceptions across every surface — proof that deliberate lo-fi reads as premium the instant it's executed wi","words":945,"file":"apps/charli-xcx-brat.md"},{"slug":"corteiz","title":"Corteiz","kind":"app","category":"genz-brands","tier":"A","platforms":["web","ios"],"tags":["password-gated-commerce","scarcity-theater","guerrilla-drops","anti-design","community-currency","streetwear","single-product-pages"],"patterns":["drops-and-restocks","checkout-and-cart","auth-and-signin","anti-patterns-dark-patterns","maps-and-location","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://www.corteiz.com","mobbin":"https://mobbin.com/apps/corteiz"},"one_liner":"London streetwear label that turned checkout itself into the marketing — a password wall (\"Alcatraz\"), GPS-coordinate drops (\"RAAAAAAAID\"), and a trade-in currency (Bolo Exchange) replace ordinary bro","words":818,"file":"apps/corteiz.md"},{"slug":"cos-stores","title":"COS","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["architectural-minimalism","high-street-luxury","monochrome-grid","considered-design","material-focus","seasonal-lookbook"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.cos.com"},"one_liner":"H&M Group's premium sister brand proves a mass-manufactured wardrobe can look engineered rather than cheap purely through gallery-flat photography, sculptural silhouette framing, and a total absence o","words":814,"file":"apps/cos-stores.md"},{"slug":"diptyque","title":"Diptyque","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["oval-label","candle-heritage","illustration-heritage","parchment-palette","editorial-commerce","maison-storytelling"],"patterns":["product-detail-pages","landing-page-anatomy","reviews-and-social-proof","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.diptyqueparis.com"},"one_liner":"A 1961 Paris maison (34 Boulevard Saint-Germain, still the brand's origin myth) that built its entire visual identity around one repeatable object — the oval label — so a candle, a fragrance, and a ho","words":992,"file":"apps/diptyque.md"},{"slug":"dover-street-market","title":"Dover Street Market","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["shop-in-shop-retail","beautiful-chaos","biannual-changeover","raffle-scarcity","region-fragmented-storefronts","zine-as-brand-voice"],"patterns":["landing-page-anatomy","drops-and-restocks","navigation-systems","product-detail-pages","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.doverstreetmarket.com"},"one_liner":"Rei Kawakubo's \"Beautiful Chaos\" retail concept — dozens of independently art-directed micro-boutiques colliding under one roof — survives the jump to e-commerce by replacing a conventional product gr","words":1136,"file":"apps/dover-street-market.md"},{"slug":"fishwife","title":"Fishwife","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["tinned-fish-cult","illustration-led-packaging","pastel-palette","founder-led-cpg","vintage-poster-art","dinner-party-merchandising"],"patterns":["product-detail-pages","landing-page-anatomy","reviews-and-social-proof","checkout-and-cart","microcopy-and-ux-writing"],"updated":"2026-07-26","links":{"site":"https://eatfishwife.com"},"one_liner":"Founded 2020 by Becca Millstein and Caroline Goldfarb, Fishwife turned a genuinely unglamorous category — canned sardines and mussels — into a screenshot-able cult object by hiring one illustrator (Da","words":966,"file":"apps/fishwife.md"},{"slug":"fly-by-jing","title":"Fly By Jing","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["hot-pink-identity","founder-voice","chili-sauce-cult","membership-club","saturated-color-blocking","sichuan-heritage"],"patterns":["product-detail-pages","landing-page-anatomy","reviews-and-social-proof","checkout-and-cart","referral-and-invite"],"updated":"2026-07-26","links":{"site":"https://flybyjing.com"},"one_liner":"Jing Gao's 2018 Sichuan-condiment line turned a $12 jar of chili crisp into a status object by refusing every \"ethnic food aisle\" visual cliché — hot-pink saturation, bold display type, and a founder-","words":979,"file":"apps/fly-by-jing.md"},{"slug":"frank-ocean-homer","title":"Homer (Frank Ocean)","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["luxury-web","print-catalog","deadpan-photography","anti-ecommerce","jewelry","editorial-layout"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart","scrollytelling-product-reveals","premium-web-microinteractions"],"updated":"2026-07-22","links":{"site":"https://homer.com","mobbin":"https://mobbin.com/apps/homer"},"one_liner":"Frank Ocean's jewelry/lifestyle label sells five-figure gold objects through a site that reads like a photocopied art-book catalog rather than a store, and proves that at the right price point desire ","words":947,"file":"apps/frank-ocean-homer.md"},{"slug":"gentle-monster","title":"Gentle Monster","kind":"app","category":"genz-brands","tier":"S","platforms":["web"],"tags":["retail-futurism","kinetic-installations","gallery-commerce","gen-z-luxury","spectacle-craft","editorial-minimalism"],"patterns":["landing-page-anatomy","product-detail-pages","scrollytelling-product-reveals","drops-and-restocks","premium-web-microinteractions","loaders-and-site-intros"],"updated":"2026-07-22","links":{"site":"https://www.gentlemonster.com","mobbin":"https://mobbin.com/apps/gentle-monster"},"one_liner":"Korean eyewear label that treats every flagship store as a rotating art exhibition and every product page as its digital echo — the reference for \"weird enough to be expensive.\"","words":797,"file":"apps/gentle-monster.md"},{"slug":"graza","title":"Graza","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["squeeze-bottle-icon","primary-color-branding","binary-sku-architecture","illustrated-typography","kitchen-utility-story"],"patterns":["product-detail-pages","landing-page-anatomy","pickers-steppers-controls"],"updated":"2026-07-26","links":{"site":"https://graza.co"},"one_liner":"A DTC olive oil brand that ditched the dark-glass, wine-bottle language of \"premium\" olive oil entirely and packaged its product in a bright green ketchup-style squeeze bottle — then built its whole s","words":798,"file":"apps/graza.md","body":"# Graza — olive oil branded like a condiment, not a delicacy\n\n**One-liner:** A DTC olive oil brand that ditched the dark-glass, wine-bottle language of \"premium\" olive oil entirely and packaged its product in a bright green ketchup-style squeeze bottle — then built its whole site around a two-SKU choice (Drizzle vs. Sizzle) simple enough to make in under two seconds.\n\n## Design DNA\n- **Color system:** one saturated kelly/lime green (bottle color roughly `#6FA83B`) used as the brand-defining hue across the site chrome, packaging, and social content — a primary-color, almost fast-food-adjacent loudness that directly inverts the earthy olive-branch, dark-glass palette every legacy and \"artisanal\" olive oil brand uses (compare Le Labo's amber-glass restraint for the opposite instinct applied to a different category).\n- **The bottle-as-logo (the signature device):** the squeeze bottle's silhouette — shaped like a ketchup or mustard bottle, not a traditional oil cruet — functions as the brand's primary graphic mark. It's reused as a flat icon/cutout across the site independent of the wordmark, meaning the product's own industrial-design choice does the branding work a logo would normally do.\n- **Binary SKU architecture as UX:** the entire product line is built around a two-choice decision — \"Drizzle\" (finishing oil, don't cook with it) and \"Sizzle\" (cooking oil, use it daily) — color-coded by cap and reinforced with blunt naming and copy (\"made for eating, never heating\"). A third SKU, \"Frizzle\" (high-heat neutral oil), was added later but the core mechanic stays a fast, near-binary pick — the opposite of a wall of single-origin, region-and-varietal-labeled bottles that force a slow, expertise-gated decision.\n- **Typography:** chunky, rounded, slightly hand-illustrated display type for section headers and product names, set in loud all-caps callouts (\"DRIZZLE,\" \"SIZZLE\") that function as product-line names rather than descriptive labels — a playful, almost cereal-box register, not a Mediterranean-heritage serif.\n- **Photography:** kitchen-counter lifestyle shots showing the bottle mid-squeeze, in-use, often mid-motion over food — utility captured in the act, not a styled flat-lay of olives and rustic linen that legacy olive oil brands default to.\n- **Naming as differentiation engine:** by branding the two products by *use case* (finishing vs. cooking) rather than by varietal or region, Graza turns what's usually an expert-only decision (which olive, which region, which acidity) into a plain-language usage choice anyone can make instantly.\n- **Packaging-solves-a-problem narrative:** the entire brand story centers on the squeeze bottle solving a real kitchen annoyance (decanting, pour control, mess) rather than leading with terroir or heritage copy — utility is the hook, not romance.\n- **Irreverent, direct-address copywriting:** exclamation-heavy, casual, second-person copy (\"you're gonna want to drizzle this on everything\") throughout the site — tone matches the bright packaging rather than adopting a more \"premium\" hushed register.\n\n## Signature components\n- **Two/three-bottle comparison module:** a simple side-by-side card set (Drizzle / Sizzle / Frizzle) with one-line use-case copy and matching cap-color coding, functioning as the entire product-selection UI for the whole catalog.\n- **Bottle-silhouette iconography:** the squeeze-bottle shape reused as a flat graphic element in navigation, favicon, and marketing sections independent of any product photography.\n- **\"How to use it\" illustrated diagram:** simple line-illustration content showing squeeze technique/use cases, reinforcing the utility angle over a heritage/terroir story.\n- **Cap-color-coded variant system:** color-coding (green cap vs. gold cap, etc.) doubles as both a physical product feature and the site's variant-picker visual language.\n\n## Steal / Avoid\n**Steal:** collapsing a category that normally requires expert knowledge (varietal, region, acidity) into a plain-language, near-binary use-case choice — directly reusable for any product line suffering from decision paralysis (too many near-identical SKUs); making the product's own industrial design (a distinctive bottle/case shape) do double duty as the brand's primary graphic mark instead of commissioning a separate logo; using loud, saturated primary color deliberately against category convention (every competitor uses earthy/dark tones) as a stand-out mechanic — works whenever the entire competitive set has converged on the same \"premium\" palette.\n\n**Avoid:** the direct-address, exclamation-heavy copy voice only works if the underlying product is genuinely simple and approachable — forcing this tone onto a technical or trust-sensitive category (financial products, health/peptides) undercuts credibility rather than building warmth; reducing SKU count to two or three only works if the underlying product quality is consistent enough that \"just pick one\" doesn't cost the customer meaningful choice — a category with real quality variance between options needs the comparison data, not a shortcut past it.\n\n## Use when\nLanding pages and product-picker UI for a category with too many near-identical, jargon-gated SKUs, where collapsing choice to two or three plain-language options (by use case, not by spec) would reduce decision fatigue and speed up conversion. Not a fit for categories where buyers actively want granular comparison data (technical gear, graded collectibles) or where a playful, loud tone would undermine trust."},{"slug":"jacquemus","title":"Jacquemus","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["surrealist-campaigns","pastel-palette","editorial-commerce","whitespace-luxury","ig-native-stunts","price-integrity"],"patterns":["product-detail-pages","landing-page-anatomy","scrollytelling-product-reveals","checkout-and-cart","loaders-and-site-intros","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://www.jacquemus.com","mobbin":"https://mobbin.com/apps/jacquemus"},"one_liner":"French ready-to-wear house whose product IS the campaign, not the interface — giant-bag stunts and pastel Provence worlds drive Instagram virality while the actual e-commerce shell stays deliberately ","words":1010,"file":"apps/jacquemus.md"},{"slug":"le-labo","title":"Le Labo","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["apothecary-labels","batch-ritual","city-exclusives","typewriter-type","kraft-packaging","ingredient-transparency"],"patterns":["product-detail-pages","landing-page-anatomy","sharing-and-export-flows"],"updated":"2026-07-26","links":{"site":"https://www.lelabofragrances.com"},"one_liner":"A niche perfumer that photographs and copy-writes every bottle like a hand-filled pharmacy prescription — batch number, blend date, and a customer's name printed on a plain paper label — turning the a","words":772,"file":"apps/le-labo.md"},{"slug":"lemaire","title":"Lemaire","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["soft-tailoring","still-life-photography","muted-earth-palette","croissant-bag","atelier-typography","anti-hype-commerce"],"patterns":["product-detail-pages","landing-page-anatomy","scrollytelling-product-reveals"],"updated":"2026-07-26","links":{"site":"https://www.lemaire.fr"},"one_liner":"French atelier brand (Christophe Lemaire + Sarah-Linh Tran) that sells soft, draped tailoring by shooting it next to fruit and folded linen instead of on a runway backdrop — a domestic-still-life visu","words":789,"file":"apps/lemaire.md"},{"slug":"liquid-death","title":"Liquid Death","kind":"app","category":"genz-brands","tier":"S","platforms":["web"],"tags":["death-metal-aesthetic","merch-as-content","gothic-typography","canned-water","premium-irreverence","licensing-partnerships","voice-discipline"],"patterns":["landing-page-anatomy","product-detail-pages","drops-and-restocks","microcopy-and-ux-writing","checkout-and-cart","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://liquiddeath.com","mobbin":"https://mobbin.com/apps/liquid-death"},"one_liner":"Canned water styled and shot like a craft beer/energy-drink brand, built to $1.4B on a single insight — treat a boring commodity with blue-chip beverage production values and a metal-show voice, and t","words":956,"file":"apps/liquid-death.md"},{"slug":"maison-margiela","title":"Maison Margiela","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["blank-label-anonymity","four-white-stitches","tabi-house-code","numbered-line-system","deconstructivist-restraint","artisanal-line-0"],"patterns":["landing-page-anatomy","product-detail-pages","checkout-and-cart","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://www.maisonmargiela.com"},"one_liner":"Since 1988 the house's signature mark has been a blank white label held on by four visible white corner stitches — a calling card that names nothing — and that founding refusal to brand the product ha","words":1132,"file":"apps/maison-margiela.md"},{"slug":"muji","title":"MUJI","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["no-brand-branding","emptiness-ku-philosophy","shadowless-product-photography","single-chromatic-accent","kraft-paper-canvas","anti-marketing-density"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart","navigation-systems"],"updated":"2026-07-26","links":{"site":"https://www.muji.com"},"one_liner":"Mujirushi Ryohin (\"no-brand quality goods\") carries its founding anti-brand thesis onto the web by giving itself exactly one chromatic color — a deep maroon reserved almost entirely for the logo plate","words":1125,"file":"apps/muji.md"},{"slug":"noah-nyc","title":"Noah","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["permanent-lookbook-archive","essay-first-campaign-copy","anti-urgency-language","quiet-commerce-shell","coastal-prep-motif","lifestyle-merch-rail"],"patterns":["landing-page-anatomy","product-detail-pages","checkout-and-cart","drops-and-restocks"],"updated":"2026-07-26","links":{"site":"https://www.noahny.com"},"one_liner":"A preppy-tech menswear label that pairs every seasonal collection with a first-person, literary blog essay — quoting song lyrics, describing a specific childhood memory — then routes actual purchasing","words":843,"file":"apps/noah-nyc.md"},{"slug":"nothing-tech","title":"Nothing","kind":"app","category":"genz-brands","tier":"S","platforms":["web","ios","android"],"tags":["transparent-hardware","dot-matrix-type","glyph-interface","community-first","red-accent","industrial-design-system","drop-mechanics"],"patterns":["drops-and-restocks","landing-page-anatomy","motion-language-systems","dark-mode-and-theming","premium-web-microinteractions","product-detail-pages"],"updated":"2026-07-22","links":{"site":"https://nothing.tech","mobbin":"https://mobbin.com/apps/nothing"},"one_liner":"A phone/earbuds maker that sells the same three moves — see-through hardware, dot-matrix type, and a light strip that talks — across web, packaging, OS, and app with zero drift, built for a community ","words":890,"file":"apps/nothing-tech.md"},{"slug":"nutter-butter-site","title":"Nutter Butter — Are You OK?","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["unhinged-marketing","arg-scavenger-hunt","glitch-aesthetic","chaos-as-retention","gen-z-native","screen-recording-bait","cursor-chaos"],"patterns":["landing-page-anatomy","scrollytelling-product-reveals","sound-on-web","short-form-video-hooks","loaders-and-site-intros"],"updated":"2026-07-22","links":{"site":"https://nutterbutter.com","mobbin":"https://mobbin.com/apps/nutter-butter"},"one_liner":"A century-old cookie's marketing site rebuilt as a glitchy ARG fever-dream — chaos as a retention mechanic, not a redesign mistake, and the clearest gen-z case study for \"the site is the content.\"","words":864,"file":"apps/nutter-butter-site.md"},{"slug":"olipop","title":"Olipop","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["functional-soda","mid-century-can-craft","prebiotic-cpg","retro-illustration","per-flavor-packaging","premium-not-casino"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart","reviews-and-social-proof"],"updated":"2026-07-26","links":{"site":"https://drinkolipop.com"},"one_liner":"Co-founded by David Lester (a packaging designer by background) and Ben Goodwin, Olipop sells a genuinely functional product — prebiotic fiber soda with 2–5g sugar — through mid-century Americana can ","words":970,"file":"apps/olipop.md"},{"slug":"on-running","title":"On","kind":"app","category":"genz-brands","tier":"A","platforms":["web","ios"],"tags":["swiss-grid","cloudtec-transparency","spec-forward-pdp","kinetic-photography","single-accent-red"],"patterns":["product-detail-pages","landing-page-anatomy","pickers-steppers-controls"],"updated":"2026-07-26","links":{"site":"https://www.on.com"},"one_liner":"Swiss performance footwear brand whose core visual trick is literal transparency — cutaway diagrams and 3D rotate views of the hollow CloudTec cushioning pods sit on the PDP next to a full running-ner","words":795,"file":"apps/on-running.md"},{"slug":"opal-camera","title":"Opal","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["dtc-hardware","scroll-storytelling","macro-video","waitlist-drops","product-photography","premium-web"],"patterns":["product-detail-pages","drops-and-restocks","scrollytelling-product-reveals","premium-web-microinteractions","landing-page-anatomy","camera-and-capture-ui"],"updated":"2026-07-22","links":{"site":"https://opalcamera.com","mobbin":"https://mobbin.com/apps/opal-camera"},"one_liner":"Direct-to-consumer camera hardware brand (Tadpole, C1) that sells a webcam the way Apple sells a flagship phone — through macro product film, obsessive spec density, and manufactured scarcity around a","words":749,"file":"apps/opal-camera.md"},{"slug":"our-legacy","title":"Our Legacy","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["single-weight-typography","archival-research-as-content","provenance-labeling","milestone-as-formal-concept","named-mood-as-spec","workshop-sub-line-split"],"patterns":["landing-page-anatomy","product-detail-pages","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://www.ourlegacy.com"},"one_liner":"A Stockholm label whose site typography is deliberately flattened to a single family in a single weight, forcing raw, often melancholic photography to do all of the visual differentiation, while colle","words":875,"file":"apps/our-legacy.md"},{"slug":"palace","title":"Palace Skateboards","kind":"app","category":"genz-brands","tier":"B","platforms":["web"],"tags":["absurdist-copy","deadpan-voice","streetwear","drop-culture","zero-radius","spec-sheet-type","minimal-chrome"],"patterns":["microcopy-and-ux-writing","drops-and-restocks","product-detail-pages","navigation-systems","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://palaceskateboards.com","mobbin":"https://mobbin.com/apps/palace-skateboards"},"one_liner":"A near-vanilla e-commerce grid that reads as a cult brand purely because the product copy is unhinged — the clearest existing proof that one loud element on a quiet base beats redesigning every surfac","words":887,"file":"apps/palace.md"},{"slug":"pglang","title":"pgLang (Kendrick)","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["minimalism","anti-marketing","manifesto-typography","mystery-drops","mixed-media","monochrome"],"patterns":["landing-page-anatomy","drops-and-restocks","microcopy-and-ux-writing","loaders-and-site-intros","scrollytelling-product-reveals"],"updated":"2026-07-22","links":{"site":"https://pglang.com","mobbin":"https://mobbin.com/apps/pglang"},"one_liner":"A multi-lingual creative company (Kendrick Lamar + Dave Free) whose flagship site has, for years, been little more than a single page of manifesto prose — proof that withholding information, not surfa","words":818,"file":"apps/pglang.md"},{"slug":"playdate","title":"Playdate (Panic)","kind":"app","category":"genz-brands","tier":"S","platforms":["web"],"tags":["yellow-brand","1-bit-dithering","crank-input","episodic-drops","pixel-ui","toy-premium","unboxing-ritual"],"patterns":["onboarding-flows","drops-and-restocks","checkout-and-cart","motion-language-systems","microcopy-and-ux-writing","premium-web-microinteractions"],"updated":"2026-07-22","links":{"site":"https://play.date","mobbin":"https://mobbin.com/apps/playdate"},"one_liner":"A palm-size handheld game console with a hand-crank, sold in weekly episodic drops instead of an app store — Panic's proof that a hard technical constraint (a 1-bit black-and-white screen) can become ","words":897,"file":"apps/playdate.md"},{"slug":"rhode-skin","title":"Rhode","kind":"app","category":"genz-brands","tier":"A","platforms":["web","ios"],"tags":["dewy-minimalism","gradient-backgrounds","glossy-3d-renders","restock-mechanic","founder-macro-video","merch-as-marketing"],"patterns":["product-detail-pages","drops-and-restocks","pickers-steppers-controls","landing-page-anatomy"],"updated":"2026-07-26","links":{"site":"https://rhodeskin.com"},"one_liner":"Hailey Bieber's skincare line renders every product to look wet and glowing (soft gradients, glossy 3D bottle renders, water-droplet textures) and then proved the aesthetic's pull by launching a liter","words":807,"file":"apps/rhode-skin.md"},{"slug":"salomon","title":"Salomon","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["trail-running-heritage","technical-pdp","sportstyle-crossover","spec-sheet-as-proof","mountain-photography","xt-6-hype"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart","reviews-and-social-proof"],"updated":"2026-07-26","links":{"site":"https://www.salomon.com"},"one_liner":"A French Alpine sports brand (skis and trail gear since 1947) whose deeply technical, mountain-tested product pages — Contagrip outsole ratings, GORE-TEX callouts, terrain diagrams — got adopted whole","words":995,"file":"apps/salomon.md"},{"slug":"supreme","title":"Supreme","kind":"app","category":"genz-brands","tier":"A","platforms":["web","ios"],"tags":["scarcity-driven","drop-culture","deliberate-plainness","streetwear","bot-resistant-checkout","editorial-lookbook","weekly-cadence"],"patterns":["drops-and-restocks","checkout-and-cart","product-detail-pages","anti-patterns-dark-patterns","landing-page-anatomy"],"updated":"2026-07-22","links":{"site":"https://www.supremenewyork.com","mobbin":"https://mobbin.com/apps/supreme"},"one_liner":"A streetwear label that proved a brand can look unfinished on purpose — the site's flatness IS the flex, and the real product is the weekly ritual of scarcity, not the interface.","words":882,"file":"apps/supreme.md"},{"slug":"the-row","title":"The Row","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["quiet-luxury","no-logo","neutral-palette","dense-grid-restraint","price-integrity","clinical-photography"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.therow.com"},"one_liner":"The Olsen-founded house that proved restraint itself could be the flex — no logo mark, no color, no motion, no sale — but unlike its quiet-luxury peers it runs a surprisingly dense product grid, becau","words":849,"file":"apps/the-row.md"},{"slug":"toteme","title":"Totême","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["scandi-minimalism","monochrome-palette","signature-scarf","overcast-light-photography","wordmark-only-branding"],"patterns":["product-detail-pages","landing-page-anatomy","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://toteme.com"},"one_liner":"Stockholm label that builds its entire visual identity out of near-monochrome basics, flat overcast daylight, and one recurring accessory (the Signature Scarf) worn across nearly every campaign image ","words":742,"file":"apps/toteme.md"},{"slug":"travis-scott-cactus-jack","title":"Cactus Jack / Travis Scott","kind":"app","category":"genz-brands","tier":"A","platforms":["web"],"tags":["drop-mechanics","earth-tone-palette","cross-brand-skins","scarcity-commerce","event-spectacle","grunge-texture"],"patterns":["drops-and-restocks","checkout-and-cart","landing-page-anatomy","scrollytelling-product-reveals","monetization-upsell-moments","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://cactusjack.com","mobbin":"https://mobbin.com/apps/cactus-jack"},"one_liner":"A merch-and-event brand system that gets its power from artificial scarcity and a single portable mark, not from any reusable component library — the design lesson is the mechanism (countdown → raffle","words":838,"file":"apps/travis-scott-cactus-jack.md"},{"slug":"blinkist","title":"Blinkist","kind":"app","category":"growth-masters","tier":"A","platforms":["ios","android"],"tags":["paywall-benchmark","trial-timeline","onboarding-quiz","editorial-warmth","habit-loop","audio-first","category-color-coding"],"patterns":["paywalls-and-pricing-sheets","onboarding-flows","media-players","push-notification-strategy","progress-and-data-viz","streaks-and-gamification"],"updated":"2026-07-22","links":{"site":"https://www.blinkist.com","mobbin":"https://mobbin.com/apps/blinkist"},"one_liner":"Nonfiction book/podcast summarizer (\"Blinks,\" ~15-minute text-or-audio digests) whose trial-to-paid paywall — the vertical timeline showing exactly when you'll be reminded and exactly when you'll be c","words":787,"file":"apps/blinkist.md"},{"slug":"cal-ai","title":"Cal AI","kind":"app","category":"growth-masters","tier":"A","platforms":["ios","android"],"tags":["onboarding-funnel","camera-first","paywall-heavy","quiz-onboarding","teen-founder-growth","macro-tracking"],"patterns":["onboarding-flows","paywalls-and-pricing-sheets","camera-and-capture-ui","streaks-and-gamification","progress-and-data-viz","reviews-and-social-proof"],"updated":"2026-07-22","links":{"site":"https://calai.app","mobbin":"https://mobbin.com/apps/cal-ai"},"one_liner":"Point your camera at food, get a calorie/macro estimate back — the product is a single AI trick, but the onboarding-to-paywall script wrapped around it is the more-copied artifact than the scan itself","words":768,"file":"apps/cal-ai.md"},{"slug":"duolingo","title":"Duolingo","kind":"app","category":"growth-masters","tier":"S","platforms":["ios","android","web"],"tags":["gamification","streaks","mascot-marketing","guilt-notifications","lesson-bites","freemium"],"patterns":["streaks-and-gamification","paywalls-and-pricing-sheets","push-notification-strategy","onboarding-flows","progress-and-data-viz","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.duolingo.com","mobbin":"https://mobbin.com/apps/duolingo"},"one_liner":"A language app that discovered its real product is the streak, not the lesson — the clearest public case study in turning a mascot, a currency, and a loss-aversion counter into a habit machine.","words":959,"file":"apps/duolingo.md"},{"slug":"fabulous","title":"Fabulous","kind":"app","category":"growth-masters","tier":"A","platforms":["ios","android"],"tags":["onboarding-maximalism","commitment-devices","pastel-gradients","ritual-framing","subscription-funnel","conversion-theater"],"patterns":["onboarding-flows","paywalls-and-pricing-sheets","permission-priming","microcopy-and-ux-writing","monetization-upsell-moments","streaks-and-gamification"],"updated":"2026-07-22","links":{"site":"https://www.fabulous.co","mobbin":"https://mobbin.com/apps/fabulous"},"one_liner":"Habit/routine-building app that turned onboarding itself into the sales pitch — a long, guided ritual of quiz answers, a typed pledge, and a letter to your future self, all completed before the subscr","words":722,"file":"apps/fabulous.md"},{"slug":"rocket-money","title":"Rocket Money","kind":"app","category":"growth-masters","tier":"A","platforms":["ios","android"],"tags":["subscription-audit","cancellation-flow","savings-framing","fintech","paywall-slider","dollar-hero-numbers"],"patterns":["paywalls-and-pricing-sheets","dashboards-and-consoles","progress-and-data-viz","monetization-upsell-moments","onboarding-flows","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.rocketmoney.com","mobbin":"https://mobbin.com/apps/rocket-money"},"one_liner":"Bank-linked subscription tracker/bill negotiator whose whole product is built around one recurring beat — surface a dollar amount, frame it as found money, then sell a concierge action against it.","words":789,"file":"apps/rocket-money.md"},{"slug":"apple-fitness","title":"Apple Fitness / Health","kind":"app","category":"health-fitness","tier":"S","platforms":["ios"],"tags":["data-viz","gamification","dark-and-light-split","rings","streaks","wearable-companion"],"patterns":["progress-and-data-viz","streaks-and-gamification","dashboards-and-consoles","sharing-and-export-flows","permission-priming","live-activities-widgets"],"updated":"2026-07-22","links":{"site":"https://www.apple.com/apple-fitness-plus/","mobbin":"https://mobbin.com/apps/apple-fitness"},"one_liner":"Two apps splitting one job — Fitness gamifies today's effort with three closing rings, Health archives everything as trend charts — together the industry's benchmark for compressing noisy time-series ","words":927,"file":"apps/apple-fitness.md"},{"slug":"bevel","title":"Bevel","kind":"app","category":"health-fitness","tier":"A","platforms":["ios"],"tags":["healthkit-synthesis","card-system","warm-palette","data-viz","no-hardware","indie-craft"],"patterns":["progress-and-data-viz","dashboards-and-consoles","permission-priming","onboarding-flows","settings-screens"],"updated":"2026-07-22","links":{"site":"https://bevelapp.co","mobbin":"https://mobbin.com/apps/bevel"},"one_liner":"A recovery/readiness dashboard that reads Apple Health (sleep, heart rate, workouts, steps) already on your phone and synthesizes it into a single daily score — no wearable, no manual logging, working","words":864,"file":"apps/bevel.md"},{"slug":"calm","title":"Calm","kind":"app","category":"health-fitness","tier":"A","platforms":["ios","android"],"tags":["ambient-nature-imagery","sleep-stories","contextual-color","breathing-animation","premium-wellness","low-stimulus-motion","subscription-pacing"],"patterns":["onboarding-flows","paywalls-and-pricing-sheets","permission-priming","media-players","motion-language-systems","streaks-and-gamification"],"updated":"2026-07-22","links":{"site":"https://calm.com","mobbin":"https://mobbin.com/apps/calm"},"one_liner":"Meditation/sleep app built entirely around full-bleed nature photography and celebrity-narrated Sleep Stories — the anti-Headspace: hushed and photographic where Headspace is playful and illustrated.","words":866,"file":"apps/calm.md"},{"slug":"eight-sleep","title":"Eight Sleep","kind":"app","category":"health-fitness","tier":"A","platforms":["web","ios","android"],"tags":["sleep-hardware","temperature-as-control","autopilot-ai","hardware-plus-subscription","biometric-dashboard","science-endorsed"],"patterns":["product-detail-pages","dashboards-and-consoles","progress-and-data-viz","paywalls-and-pricing-sheets","onboarding-flows"],"updated":"2026-07-26","links":{"site":"https://www.eightsleep.com"},"one_liner":"A hardware-plus-subscription sleep system (the Pod) where what you're actually paying for collapses into one literal dial — 55° to 110°F, adjusted automatically by an \"Autopilot\" algorithm — so both t","words":1068,"file":"apps/eight-sleep.md"},{"slug":"finch","title":"Finch","kind":"app","category":"health-fitness","tier":"A","platforms":["ios","android"],"tags":["pastel-palette","pet-companion","gentle-gamification","non-shaming-copy","illustrated-icons","habit-loop","low-density"],"patterns":["streaks-and-gamification","onboarding-flows","activation-checklists","push-notification-strategy","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://finchcare.com","mobbin":"https://mobbin.com/apps/finch"},"one_liner":"A tamagotchi where the food is real self-care actions — every completed task feeds a bird companion, and the bird's visible growth is the only \"streak graph\" the app needs.","words":796,"file":"apps/finch.md"},{"slug":"gentler-streak","title":"Gentler Streak","kind":"app","category":"health-fitness","tier":"S","platforms":["ios"],"tags":["illustration-led","forgiveness-first","streaks","pastel-palette","hand-drawn","wellness"],"patterns":["streaks-and-gamification","progress-and-data-viz","onboarding-flows","permission-priming","motion-language-systems","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://gentlerstreak.com","mobbin":"https://mobbin.com/apps/gentler-streak"},"one_liner":"An Apple Design Award-winning activity tracker (Gentler Stories LLC, Slovenia — Social Impact category, 2024) that swapped Apple Fitness's ring-closing guilt for an illustrated, forgiveness-first stre","words":794,"file":"apps/gentler-streak.md"},{"slug":"headspace","title":"Headspace","kind":"app","category":"health-fitness","tier":"S","platforms":["ios","android"],"tags":["illustration-system","warm-onboarding","session-player","breathing-motion","mascot-brand","low-density"],"patterns":["onboarding-flows","media-players","motion-language-systems","progress-and-data-viz","paywalls-and-pricing-sheets","permission-priming"],"updated":"2026-07-22","links":{"site":"https://www.headspace.com","mobbin":"https://mobbin.com/apps/headspace"},"one_liner":"A meditation app that decided its cast of round, dot-eyed characters (Sun, and the wider \"Everyman Studio\" family) IS the product differentiator — everything else (typography, layout, motion) is built","words":996,"file":"apps/headspace.md"},{"slug":"levels-health","title":"Levels","kind":"app","category":"health-fitness","tier":"A","platforms":["web","ios","android"],"tags":["cgm-storytelling","metabolic-health","biohacking-calm","quiz-onboarding","tiered-plans","clinical-trust"],"patterns":["onboarding-flows","progress-and-data-viz","dashboards-and-consoles","paywalls-and-pricing-sheets","forms-and-input"],"updated":"2026-07-26","links":{"site":"https://www.levels.com"},"one_liner":"Levels pioneered bringing continuous glucose monitoring (CGM) to non-diabetic \"biohackers,\" and its entire interface exists to answer one question calmly and specifically: what did that meal just do t","words":1049,"file":"apps/levels-health.md"},{"slug":"macrofactor","title":"MacroFactor","kind":"app","category":"health-fitness","tier":"A","platforms":["ios","android"],"tags":["algorithm-transparency","fast-logging","trend-line-dataviz","anti-gamification","power-user-shortcuts","macro-tracking"],"patterns":["progress-and-data-viz","forms-and-input","onboarding-flows","paywalls-and-pricing-sheets","pickers-steppers-controls","streaks-and-gamification"],"updated":"2026-07-22","links":{"site":"https://macrofactorapp.com","mobbin":"https://mobbin.com/apps/macrofactor"},"one_liner":"A macro/calorie tracker built by data scientists that treats the logging keyboard and the weight-trend graph as the whole product, and deliberately strips out streaks, badges, and social feed because ","words":885,"file":"apps/macrofactor.md"},{"slug":"oura","title":"Oura","kind":"app","category":"health-fitness","tier":"S","platforms":["ios","android"],"tags":["soft-medical","gradient-scores","sleep-viz","calm-data","readiness","low-saturation"],"patterns":["progress-and-data-viz","dashboards-and-consoles","onboarding-flows","streaks-and-gamification","push-notification-strategy","settings-screens"],"updated":"2026-07-22","links":{"site":"https://ouraring.com","mobbin":"https://mobbin.com/apps/oura"},"one_liner":"A ring app that turned three body scores into a daily ritual — the reference for making biometric data feel reassuring instead of clinical or alarming.","words":819,"file":"apps/oura.md"},{"slug":"strava","title":"Strava","kind":"app","category":"health-fitness","tier":"A","platforms":["ios","android"],"tags":["social-fitness","map-art","gamification","community","kudos-economy","data-viz"],"patterns":["feeds-and-ranking","streaks-and-gamification","progress-and-data-viz","maps-and-location","profile-screens","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://www.strava.com","mobbin":"https://mobbin.com/apps/strava"},"one_liner":"Turns a solitary run or ride into a public performance — the feed, the kudos tap, and the segment leaderboard convert exercise data into a status economy.","words":893,"file":"apps/strava.md"},{"slug":"waking-up","title":"Waking Up","kind":"app","category":"health-fitness","tier":"A","platforms":["ios","android"],"tags":["near-monochrome","serif-typography","anti-gamification","meditation","restraint","audio-first"],"patterns":["onboarding-flows","progress-and-data-viz","settings-screens","dark-mode-and-theming","microcopy-and-ux-writing","paywalls-and-pricing-sheets"],"updated":"2026-07-22","links":{"site":"https://wakingup.com","mobbin":"https://mobbin.com/apps/waking-up"},"one_liner":"Sam Harris's meditation app; a book-like, near-monochrome interface that treats restraint itself as the retention mechanism, in open opposition to the streak-and-badge playbook the rest of the categor","words":741,"file":"apps/waking-up.md"},{"slug":"whoop","title":"Whoop","kind":"app","category":"health-fitness","tier":"S","platforms":["ios","android"],"tags":["dark-first","data-dense","biometric-dials","subscription-hardware","coach-voice","screenless"],"patterns":["dashboards-and-consoles","progress-and-data-viz","onboarding-flows","paywalls-and-pricing-sheets","streaks-and-gamification","push-notification-strategy"],"updated":"2026-07-22","links":{"site":"https://whoop.com","mobbin":"https://mobbin.com/apps/whoop"},"one_liner":"A strap with no display, so the app has to carry the entire relationship — three color-coded scores (Recovery, Strain, Sleep) rendered as dials, delivered with a coach's voice instead of a dashboard's","words":914,"file":"apps/whoop.md"},{"slug":"apple-music","title":"Apple Music","kind":"app","category":"media-entertainment","tier":"A","platforms":["ios","android","web"],"tags":["light-first","editorial","lyrics-spectacle","liquid-glass","curated","audio-quality-badges"],"patterns":["media-players","paywalls-and-pricing-sheets","onboarding-flows","motion-language-systems","dark-mode-and-theming","feeds-and-ranking"],"updated":"2026-07-22","links":{"site":"https://music.apple.com","mobbin":"https://mobbin.com/apps/apple-music"},"one_liner":"The streaming app that refuses Spotify's dark-first, algorithm-first playbook — white chrome, human-written curation, and a lyrics screen built to be screen-recorded, at the cost of feeling less \"at h","words":822,"file":"apps/apple-music.md"},{"slug":"bandcamp","title":"Bandcamp","kind":"app","category":"media-entertainment","tier":"A","platforms":["web"],"tags":["artist-owned-page-design","bandcamp-cyan","pay-what-you-want","direct-to-fan-commerce","zero-radius-utility-ui","bandcamp-fridays"],"patterns":["product-detail-pages","media-players","checkout-and-cart","landing-page-anatomy","dark-mode-and-theming"],"updated":"2026-07-26","links":{"site":"https://bandcamp.com"},"one_liner":"Every artist and label page is a fully re-skinnable storefront the artist themselves colors, backgrounds, and prices — Bandcamp's entire design system is built to disappear behind whoever's music it's","words":1144,"file":"apps/bandcamp.md"},{"slug":"criterion","title":"Criterion Collection","kind":"app","category":"media-entertainment","tier":"S","platforms":["web","all"],"tags":["spine-numbering","film-collection-as-object","essay-culture","cover-art-commissioning","physical-media-craft","curated-not-algorithmic"],"patterns":["product-detail-pages","landing-page-anatomy","media-players","search-ux","checkout-and-cart"],"updated":"2026-07-26","links":{"site":"https://www.criterion.com"},"one_liner":"A film distributor and streaming channel that assigns every release a permanent, sequential spine number and a commissioned original cover artwork — turning an ordinary media catalog into a numbered, ","words":903,"file":"apps/criterion.md"},{"slug":"letterboxd","title":"Letterboxd","kind":"app","category":"media-entertainment","tier":"S","platforms":["ios","android","web"],"tags":["collector-social","diary-logging","star-ratings","poster-grid","review-culture","pro-tier"],"patterns":["reviews-and-social-proof","profile-screens","feeds-and-ranking","search-ux","pricing-pages-web","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://letterboxd.com","mobbin":"https://mobbin.com/apps/letterboxd"},"one_liner":"A film diary that turned \"I watched this\" into a public artifact — ratings, reviews, and lists compound into a taste-graph, and the poster grid does the selling before any copy does.","words":956,"file":"apps/letterboxd.md"},{"slug":"longplay","title":"Longplay","kind":"app","category":"media-entertainment","tier":"A","platforms":["ios"],"tags":["album-art","anti-playlist","widgets","indie-craft","music-player","curation-gate"],"patterns":["media-players","live-activities-widgets","onboarding-flows","monetization-upsell-moments","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://longplay.rocks","mobbin":"https://mobbin.com/apps/longplay"},"one_liner":"A front-end for Apple Music (and later Spotify) that replaces the queue/playlist UI with a literal wall of album covers, betting that curated browsing beats an algorithmic feed.","words":765,"file":"apps/longplay.md"},{"slug":"monocle","title":"Monocle","kind":"app","category":"media-entertainment","tier":"A","platforms":["web"],"tags":["plantin-serif-editorial","signal-yellow-accent","print-grid-on-web","radio-shop-print-trinity","quality-of-life-franchise","columnist-as-masthead"],"patterns":["landing-page-anatomy","feeds-and-ranking","media-players","product-detail-pages","checkout-and-cart","docs-and-changelogs"],"updated":"2026-07-26","links":{"site":"https://monocle.com"},"one_liner":"A \"global briefing\" brand that never lets its digital and commercial arms (Monocle Radio, the shop, city guides, live events) drift into separate visual languages from the print magazine — the whole s","words":1203,"file":"apps/monocle.md"},{"slug":"mubi","title":"MUBI","kind":"app","category":"media-entertainment","tier":"S","platforms":["all"],"tags":["dark-canvas","poster-led","editorial-voice","curation-scarcity","taste-brand","motion-restraint"],"patterns":["feeds-and-ranking","media-players","paywalls-and-pricing-sheets","onboarding-flows","monetization-upsell-moments","drops-and-restocks"],"updated":"2026-07-22","links":{"site":"https://mubi.com","mobbin":"https://mobbin.com/apps/mubi"},"one_liner":"A film service that competes with Netflix's infinite grid by showing fewer things, better — poster-first browse, critic-voice copy, and a rotating, deliberately finite library (~30 hand-picked titles ","words":734,"file":"apps/mubi.md"},{"slug":"netflix","title":"Netflix","kind":"app","category":"media-entertainment","tier":"A","platforms":["all"],"tags":["autoplay","dark-surface","row-taxonomy","thumbnail-personalization","choice-architecture","offline-downloads"],"patterns":["feeds-and-ranking","media-players","onboarding-flows","paywalls-and-pricing-sheets","profile-screens","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://netflix.com","mobbin":"https://mobbin.com/apps/netflix"},"one_liner":"A near-black shelf of horizontally-scrolling rows where every pixel (thumbnail, row title, autoplay trailer) exists to cut the seconds between opening the app and pressing play.","words":1059,"file":"apps/netflix.md"},{"slug":"overcast","title":"Overcast","kind":"app","category":"media-entertainment","tier":"A","platforms":["ios"],"tags":["podcast-player","indie-dev","orange-accent","invisible-features","waveform","patronage-pricing"],"patterns":["media-players","onboarding-flows","monetization-upsell-moments","sharing-and-export-flows","settings-screens"],"updated":"2026-07-22","links":{"site":"https://overcast.fm","mobbin":"https://mobbin.com/apps/overcast"},"one_liner":"Marco Arment's one-man-built podcast app where the flex isn't visual polish, it's silence-removal and social-clip sharing turned into invisible, always-on product features.","words":808,"file":"apps/overcast.md"},{"slug":"plex","title":"Plex / Jellyfin","kind":"app","category":"media-entertainment","tier":"A","platforms":["all"],"tags":["dark-first","poster-wall","metadata-driven","self-hosted","backdrop-hero","cross-device-resume"],"patterns":["media-players","feeds-and-ranking","search-ux","dark-mode-and-theming","navigation-systems","settings-screens"],"updated":"2026-07-22","links":{"site":"https://www.plex.tv","mobbin":"https://mobbin.com/apps/plex"},"one_liner":"Netflix-grade browse-and-resume chrome bolted onto a library you actually own — the reference for turning a folder of files into something that feels like a streaming service.","words":861,"file":"apps/plex.md"},{"slug":"pocket-casts","title":"Pocket Casts","kind":"app","category":"media-entertainment","tier":"A","platforms":["ios","android","web"],"tags":["podcast-player","queue-management","cross-platform","red-brand","filters","playback-controls"],"patterns":["media-players","settings-screens","feeds-and-ranking","navigation-systems","tables-and-dense-data","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://pocketcasts.com","mobbin":"https://mobbin.com/apps/pocket-casts"},"one_liner":"A podcast player that treats the queue and smart filters as the product, not the catalog — the reference for turning a firehose of episodic content into a small, ordered, personally-curated list.","words":865,"file":"apps/pocket-casts.md"},{"slug":"spotify","title":"Spotify","kind":"app","category":"media-entertainment","tier":"S","platforms":["all"],"tags":["dark-first","media-player","shelf-layout","color-extraction","gesture-driven","brand-green","data-viz-virality"],"patterns":["media-players","feeds-and-ranking","paywalls-and-pricing-sheets","onboarding-flows","sharing-and-export-flows","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://spotify.com","mobbin":"https://mobbin.com/apps/spotify"},"one_liner":"A near-black, shelf-organized library app whose now-playing surface and Wrapped campaign became the two most-copied mechanisms in consumer media UI.","words":916,"file":"apps/spotify.md"},{"slug":"twitch","title":"Twitch","kind":"app","category":"media-entertainment","tier":"A","platforms":["web","desktop","mobile"],"tags":["live-chat","sub-economy","bits","community-commerce","dark-mode","parasocial"],"patterns":["chat-and-messaging-ui","live-commerce-and-auctions","streaks-and-gamification","monetization-upsell-moments","dm-commerce-and-community-selling"],"updated":"2026-07-22","links":{"site":"https://twitch.tv","mobbin":"https://mobbin.com/apps/twitch"},"one_liner":"Live-streaming platform where the chat sidebar, not the video player, is the actual product — every monetization surface (subs, bits, channel points) is a grammar layered on top of real-time group cha","words":951,"file":"apps/twitch.md"},{"slug":"vinyl-me-please","title":"Vinyl Me Please","kind":"app","category":"media-entertainment","tier":"B","platforms":["web"],"tags":["text-to-join-membership","pressing-metadata-as-marketing","colorway-naming","curation-as-club","mastering-credit-transparency","live-selling-feed"],"patterns":["landing-page-anatomy","product-detail-pages","checkout-and-cart","onboarding-flows"],"updated":"2026-07-26","links":{"site":"https://www.vinylmeplease.com"},"one_liner":"VMP replaces the standard email/password membership funnel with a literal SMS relationship — \"TEXT 'VMP' TO (314) 300-9979 TO JOIN/SWAP/ADD\" is the primary CTA across the entire homepage — while every","words":1078,"file":"apps/vinyl-me-please.md"},{"slug":"youtube","title":"YouTube","kind":"app","category":"media-entertainment","tier":"A","platforms":["web","ios","android","tv"],"tags":["video-player","chapters","dense-metadata","red-accent","shorts-graft","creator-tools"],"patterns":["media-players","feeds-and-ranking","monetization-upsell-moments","dashboards-and-consoles","progress-and-data-viz","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://youtube.com","mobbin":"https://mobbin.com/apps/youtube"},"one_liner":"Two products in one shell — a dense, power-user video player/creator suite, and a TikTok-shaped vertical feed (Shorts) stapled on top — and the seam between them is the most instructive thing about th","words":874,"file":"apps/youtube.md"},{"slug":"1password","title":"1Password","kind":"app","category":"productivity-tools","tier":"A","platforms":["web","ios","android","desktop","browser-extension"],"tags":["vault-metaphor","trust-ui","autofill","biometric-unlock","security-as-calm","icon-matching"],"patterns":["auth-and-signin","settings-screens","search-ux","forms-and-input","onboarding-flows","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://1password.com","mobbin":"https://mobbin.com/apps/1password"},"one_liner":"Turns a threat-model problem (password/secret custody) into a filing-cabinet metaphor — vaults, items, categories — so the emotional register stays \"organized,\" never \"at risk.\"","words":907,"file":"apps/1password.md"},{"slug":"amie","title":"Amie","kind":"app","category":"productivity-tools","tier":"A","platforms":["mac","ios","web"],"tags":["joyful-productivity","emoji-forward","spring-motion","calendar-todo-fusion","pastel-color","personality-led"],"patterns":["calendars-and-scheduling","onboarding-flows","motion-language-systems","microcopy-and-ux-writing","tooltips-and-feature-discovery","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://amie.so","mobbin":"https://mobbin.com/apps/amie"},"one_liner":"A calendar/todo hybrid that treats scheduling as a tactile, personality-led act — timebox a task by dragging it onto the day, and the whole interface springs and pops back at you.","words":836,"file":"apps/amie.md"},{"slug":"apple-shortcuts","title":"Shortcuts","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","mac"],"tags":["visual-programming","block-based","gallery-driven","parameter-pills","automation","system-integration"],"patterns":["onboarding-flows","permission-priming","tooltips-and-feature-discovery","settings-screens","forms-and-input","pickers-steppers-controls"],"updated":"2026-07-22","links":{"site":"https://apps.apple.com/us/app/shortcuts/id915249334","mobbin":"https://mobbin.com/apps/shortcuts"},"one_liner":"Apple's visual-automation builder that makes if/then/loop programming legible to non-programmers by rendering every parameter as an inline, tappable sentence-fragment instead of a code field.","words":975,"file":"apps/apple-shortcuts.md"},{"slug":"arc-browser","title":"Arc","kind":"app","category":"productivity-tools","tier":"S","platforms":["mac","windows","ios"],"tags":["sidebar-nav","spaces","playful-chrome","gradient-theming","keyboard-driven","novelty-tax","browser-ui"],"patterns":["navigation-systems","command-palettes-and-keyboard-ux","onboarding-flows","tooltips-and-feature-discovery","motion-language-systems","dashboards-and-consoles"],"updated":"2026-07-22","links":{"site":"https://arc.net","mobbin":"https://mobbin.com/apps/arc"},"one_liner":"A browser that replaced the top tab bar and address bar with a single vertical sidebar (tabs, search, and per-context \"Spaces\" all in one column) — critically loved, structurally unable to cross into ","words":869,"file":"apps/arc-browser.md"},{"slug":"bear-notes","title":"Bear","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","mac"],"tags":["markdown","typography","red-accent","tag-system","writing-focus","minimal-chrome"],"patterns":["settings-screens","paywalls-and-pricing-sheets","search-ux","dark-mode-and-theming","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://bear.app","mobbin":"https://mobbin.com/apps/bear"},"one_liner":"A markdown notes app with almost no chrome — one accent color, one editor font choice, and a tag system built from #hashtag syntax instead of folders, proving restraint can be the entire design langua","words":800,"file":"apps/bear-notes.md"},{"slug":"craft-docs","title":"Craft","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","mac","web"],"tags":["card-based","warm-neutrals","editorial-typography","per-doc-theming","low-density","daily-notes"],"patterns":["onboarding-flows","docs-and-changelogs","dark-mode-and-theming","sharing-and-export-flows","calendars-and-scheduling"],"updated":"2026-07-22","links":{"site":"https://www.craft.do","mobbin":"https://mobbin.com/apps/craft"},"one_liner":"A block-based notes/docs app that competes with Notion not on power-user features but on visual craft — cards, backgrounds, and typography treated as the product, not decoration on top of it.","words":778,"file":"apps/craft-docs.md"},{"slug":"fantastical","title":"Fantastical","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","mac"],"tags":["natural-language-input","mac-assed-mac-app","widget-suite","day-ticker","calendar","subtle-color"],"patterns":["calendars-and-scheduling","forms-and-input","live-activities-widgets","dashboards-and-consoles","settings-screens","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://flexibits.com/fantastical","mobbin":"https://mobbin.com/apps/fantastical"},"one_liner":"A calendar whose entire pitch is one text field — type a sentence, get a correctly-parsed event — wrapped in Mac/iOS-native chrome so faithful it reads as an Apple product with better taste.","words":928,"file":"apps/fantastical.md"},{"slug":"flighty","title":"Flighty","kind":"app","category":"productivity-tools","tier":"S","platforms":["ios"],"tags":["live-activities","data-dense","forecasting","premium-utility","dark-first","real-time"],"patterns":["live-activities-widgets","push-notification-strategy","progress-and-data-viz","dashboards-and-consoles","paywalls-and-pricing-sheets","tables-and-dense-data"],"updated":"2026-07-22","links":{"site":"https://flightyapp.com","mobbin":"https://mobbin.com/apps/flighty"},"one_liner":"Flight tracker that won Apple's Design Award for treating a Live Activity as the primary product surface, not an add-on — the lock screen becomes the app.","words":874,"file":"apps/flighty.md"},{"slug":"notion","title":"Notion","kind":"app","category":"productivity-tools","tier":"S","platforms":["web","ios","android","desktop"],"tags":["block-editor","grayscale-chrome","database-views","templates","slash-commands","low-density-default"],"patterns":["tables-and-dense-data","kanban-and-boards","dashboards-and-consoles","command-palettes-and-keyboard-ux","settings-screens","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://notion.so","mobbin":"https://mobbin.com/apps/notion"},"one_liner":"A blank canvas made navigable by one universal insertion command and one reusable data schema rendered through many views — chrome recedes to grayscale so content color always wins.","words":859,"file":"apps/notion.md"},{"slug":"notion-calendar","title":"Notion Calendar (Cron)","kind":"app","category":"productivity-tools","tier":"S","platforms":["mac","ios","web"],"tags":["calendar","command-bar","timezone-rails","availability-sharing","notion-color-system","menu-bar-app","dense-scheduling"],"patterns":["calendars-and-scheduling","command-palettes-and-keyboard-ux","dashboards-and-consoles","sharing-and-export-flows","settings-screens","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://calendar.notion.so","mobbin":"https://mobbin.com/apps/notion-calendar"},"one_liner":"Cron's fast native calendar, absorbed into Notion in 2023 and rebranded — proof that a scheduling tool can carry Notion's off-white calm into a genuinely dense, keyboard-first interface without feelin","words":885,"file":"apps/notion-calendar.md"},{"slug":"obsidian","title":"Obsidian","kind":"app","category":"productivity-tools","tier":"A","platforms":["desktop","ios","android"],"tags":["local-first","markdown-editor","plugin-ecosystem","graph-view","community-theming","power-user","offline-first"],"patterns":["dark-mode-and-theming","command-palettes-and-keyboard-ux","settings-screens","docs-and-changelogs","progress-and-data-viz","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://obsidian.md","mobbin":"https://mobbin.com/apps/obsidian"},"one_liner":"A markdown vault with no server and no account, built on a \"core app + everything else is a plugin\" architecture — its interface is only as calm as the user's plugin list, and that's the entire point.","words":869,"file":"apps/obsidian.md"},{"slug":"raycast","title":"Raycast","kind":"app","category":"productivity-tools","tier":"S","platforms":["mac","ios","web"],"tags":["launcher","keyboard-driven","extension-ecosystem","ai-commands","command-palette","macos-native"],"patterns":["command-palettes-and-keyboard-ux","ai-chat-and-copilot-ux","search-ux","settings-screens","tooltips-and-feature-discovery","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://raycast.com","mobbin":"https://mobbin.com/apps/raycast"},"one_liner":"A Spotlight replacement that turned \"type an action, get a result\" into an OS-level UI grammar — root list, nested action panel, inline AI, and an extension store — now the reference every keyboard-fi","words":932,"file":"apps/raycast.md"},{"slug":"structured","title":"Structured","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","android"],"tags":["timeline-ui","pastel-gradients","timeboxing","rounded-typography","widgets","drag-to-resize","spring-motion"],"patterns":["calendars-and-scheduling","progress-and-data-viz","streaks-and-gamification","live-activities-widgets","onboarding-flows","paywalls-and-pricing-sheets"],"updated":"2026-07-22","links":{"site":"https://structured.app","mobbin":"https://mobbin.com/apps/structured"},"one_liner":"Turns \"make a to-do list\" into \"draw your day\" — a vertical 24-hour timeline where task blocks have literal height, which is the single mechanism that made timeboxing legible to a non-planner audience","words":903,"file":"apps/structured.md"},{"slug":"superhuman","title":"Superhuman","kind":"app","category":"productivity-tools","tier":"S","platforms":["mac","ios","web"],"tags":["keyboard-first","speed-as-luxury","dark-mode","dense","concierge-onboarding","monospace-accents"],"patterns":["command-palettes-and-keyboard-ux","onboarding-flows","dashboards-and-consoles","dark-mode-and-theming","tooltips-and-feature-discovery","progress-and-data-viz"],"updated":"2026-07-22","links":{"site":"https://superhuman.com","mobbin":"https://mobbin.com/apps/superhuman"},"one_liner":"An inbox that charges $30/mo to make you feel elite for hitting keys instead of clicking — the definitive case study in productivity-as-status rather than productivity-as-utility.","words":849,"file":"apps/superhuman.md"},{"slug":"superlist","title":"Superlist","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","mac","web"],"tags":["motion-rich","block-editor","collaborative","playful-physics","checklist","spring-animation"],"patterns":["onboarding-flows","activation-checklists","kanban-and-boards","motion-language-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://superlist.com","mobbin":"https://mobbin.com/apps/superlist"},"one_liner":"A to-do/collaboration app from Christian Reber's post-Wunderlist studio that treats \"checking a box\" as the emotional core of the product, then builds a Notion-style block editor and live multiplayer ","words":831,"file":"apps/superlist.md"},{"slug":"things-3","title":"Things 3","kind":"app","category":"productivity-tools","tier":"S","platforms":["ios","mac"],"tags":["white-space","single-accent-color","motion-restraint","todo","magic-plus","tutorial-as-content"],"patterns":["onboarding-flows","activation-checklists","forms-and-input","motion-language-systems","navigation-systems","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://culturedcode.com/things","mobbin":"https://mobbin.com/apps/things-3"},"one_liner":"A to-do app that teaches its entire feature set through the to-do list itself, and treats blank space as the primary design material.","words":902,"file":"apps/things-3.md"},{"slug":"tiimo","title":"Tiimo","kind":"app","category":"productivity-tools","tier":"A","platforms":["ios","android"],"tags":["neurodivergent-first","visual-timeline","icon-first","gentle-notifications","accessibility","low-density","body-doubling"],"patterns":["onboarding-flows","calendars-and-scheduling","push-notification-strategy","accessibility-baselines","live-activities-widgets","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://www.tiimoapp.com","mobbin":"https://mobbin.com/apps/tiimo"},"one_liner":"ADHD/autism-built visual day planner that replaces the digital clock with proportional colored shapes — the reference for making time legible to a brain that doesn't parse numbers as urgency. Named 20","words":880,"file":"apps/tiimo.md"},{"slug":"todoist","title":"Todoist","kind":"app","category":"productivity-tools","tier":"A","platforms":["all"],"tags":["natural-language-input","cross-platform-parity","gamification","red-brand","task-lists","karma"],"patterns":["onboarding-flows","streaks-and-gamification","calendars-and-scheduling","forms-and-input","progress-and-data-viz","dashboards-and-consoles"],"updated":"2026-07-22","links":{"site":"https://todoist.com","mobbin":"https://mobbin.com/apps/todoist"},"one_liner":"A task manager whose entire design discipline is sameness — the same red accent, the same priority-flag language, and the same natural-language date parser on iOS, Android, web, Windows, macOS, Linux,","words":882,"file":"apps/todoist.md"},{"slug":"bereal","title":"BeReal","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android"],"tags":["dual-camera","notification-ritual","post-to-unlock","monochrome-yellow-accent","ephemeral-feed","camera-native-ugc"],"patterns":["camera-and-capture-ui","push-notification-strategy","streaks-and-gamification","feeds-and-ranking","maps-and-location","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://bereal.com","mobbin":"https://mobbin.com/apps/bereal"},"one_liner":"A daily-photo social app built entirely to protect and dramatize a single mechanic — one push, one two-minute window, one unstaged dual-camera shot — proving constraint itself can be the product.","words":893,"file":"apps/bereal.md"},{"slug":"discord","title":"Discord","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","android","web","desktop"],"tags":["dark-first","community-ia","role-permissions","mobile-nav-redesign","blurple","voice-first","gamer-coded"],"patterns":["chat-and-messaging-ui","dm-commerce-and-community-selling","monetization-upsell-moments","onboarding-flows","navigation-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://discord.com","mobbin":"https://mobbin.com/apps/discord"},"one_liner":"A server/channel hierarchy with granular role permissions and community-funded commerce, built on a gamer-dark UI (stacked near-black grays plus a single blurple accent) that doesn't travel to premium","words":885,"file":"apps/discord.md"},{"slug":"instagram","title":"Instagram","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","android"],"tags":["stories-format","reels","ephemeral-ui","full-bleed-media","gesture-nav","commerce-tabs"],"patterns":["stories-format","feeds-and-ranking","camera-and-capture-ui","dm-commerce-and-community-selling","checkout-and-cart","product-detail-pages"],"updated":"2026-07-22","links":{"site":"https://instagram.com","mobbin":"https://mobbin.com/apps/instagram"},"one_liner":"The app that made full-bleed media, the Stories ring, and swipe-vertical video the baseline every social and commerce surface now inherits whether it means to or not.","words":906,"file":"apps/instagram.md"},{"slug":"locket","title":"Locket","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android"],"tags":["widget-first","minimal-surface","push-notification","living-avatar","single-loop","home-screen-widget"],"patterns":["onboarding-flows","permission-priming","push-notification-strategy","live-activities-widgets","paywalls-and-pricing-sheets"],"updated":"2026-07-22","links":{"site":"https://locket.cam","mobbin":"https://mobbin.com/apps/locket"},"one_liner":"A photo-sharing app whose real product surface is the iOS/Android home-screen widget — the in-app screens exist only to load a camera roll of one and get out of the way.","words":884,"file":"apps/locket.md"},{"slug":"luma-events","title":"Luma","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","web"],"tags":["editorial","warm-neutral","calm-density","event-pages","host-dashboard","restrained-motion","calendar-first"],"patterns":["calendars-and-scheduling","dashboards-and-consoles","checkout-and-cart","sharing-and-export-flows","landing-page-anatomy","reviews-and-social-proof"],"updated":"2026-07-22","links":{"site":"https://lu.ma","mobbin":"https://mobbin.com/apps/luma"},"one_liner":"An events platform that treats the event page like a poster, not a party invite — one neutral chassis, one accent color per event, and a calendar-subscribe mechanic that quietly makes it infrastructur","words":772,"file":"apps/luma-events.md"},{"slug":"partiful","title":"Partiful","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","web"],"tags":["maximalist","sticker-collage","gen-z-voice","event-invites","playful-type","rsvp"],"patterns":["onboarding-flows","chat-and-messaging-ui","sharing-and-export-flows","microcopy-and-ux-writing","push-notification-strategy","referral-and-invite"],"updated":"2026-07-22","links":{"site":"https://partiful.com","mobbin":"https://mobbin.com/apps/partiful"},"one_liner":"Event invites reimagined as a decorable collage surface — a blank canvas of stickers, GIFs, and hand-set type that turns \"you're invited\" into the first moment of the party itself, not a calendar chor","words":825,"file":"apps/partiful.md"},{"slug":"pinterest","title":"Pinterest","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","android","web"],"tags":["masonry-grid","visual-search","collecting","discovery-feed","boards","ecommerce-adjacent"],"patterns":["feeds-and-ranking","search-ux","onboarding-flows","sharing-and-export-flows","product-detail-pages","monetization-upsell-moments"],"updated":"2026-07-22","links":{"site":"https://pinterest.com","mobbin":"https://mobbin.com/apps/pinterest"},"one_liner":"A discovery engine built around saving, not posting — the app that made the staggered masonry grid and the \"board\" the default grammar for visual bookmarking everywhere.","words":817,"file":"apps/pinterest.md"},{"slug":"reddit","title":"Reddit","kind":"app","category":"social-messaging","tier":"B","platforms":["ios","android","web"],"tags":["night-mode-toggle","threaded-comments","community-credibility","upvote-mechanics","old-vs-new-tension","card-feed"],"patterns":["feeds-and-ranking","reviews-and-social-proof","dark-mode-and-theming","navigation-systems","search-ux","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://reddit.com","mobbin":"https://mobbin.com/apps/reddit"},"one_liner":"A card-feed shell wrapped around a text-forum core — the app that proves a UI can chase a decade of \"modernization\" while its most loyal users flee to the old skin it never turned off.","words":1045,"file":"apps/reddit.md"},{"slug":"retro-app","title":"Retro","kind":"app","category":"social-messaging","tier":"S","platforms":["ios"],"tags":["film-inspired","close-friends","weekly-ritual","tactile","small-team-craft","widgets"],"patterns":["camera-and-capture-ui","feeds-and-ranking","push-notification-strategy","live-activities-widgets","profile-screens","onboarding-flows"],"updated":"2026-07-22","links":{"site":"https://retro.app","mobbin":"https://mobbin.com/apps/retro"},"one_liner":"A photo-sharing app that throttles itself on purpose — one roll of film's worth of candid shots a week, developed together, seen only by the small circle you picked — proof that a scarcity mechanic ca","words":812,"file":"apps/retro-app.md"},{"slug":"snapchat","title":"Snapchat","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android"],"tags":["camera-first","ephemeral-content","ar-lenses","gesture-nav","icon-only-status","bitmoji","streaks"],"patterns":["camera-and-capture-ui","stories-format","chat-and-messaging-ui","streaks-and-gamification","permission-priming","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://www.snapchat.com","mobbin":"https://mobbin.com/apps/snapchat"},"one_liner":"The only mainstream app where the camera IS the app shell — everything else (chat, stories, map) lives one swipe away from a permanently-open shutter, and message state is communicated entirely throug","words":795,"file":"apps/snapchat.md"},{"slug":"substack","title":"Substack","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","web"],"tags":["reader-typography","paywall","creator-economy","newsletter","notes-feed","serif-first"],"patterns":["paywalls-and-pricing-sheets","feeds-and-ranking","checkout-and-cart","dashboards-and-consoles","monetization-upsell-moments","chat-and-messaging-ui"],"updated":"2026-07-22","links":{"site":"https://substack.com","mobbin":"https://mobbin.com/apps/substack"},"one_liner":"A publishing platform that spends its entire design budget on making long text pleasant to read, then treats the subscribe prompt as a natural pause in that reading rather than a wall.","words":945,"file":"apps/substack.md"},{"slug":"telegram","title":"Telegram","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","android","web"],"tags":["bot-ui","inline-keyboards","mini-apps","chat-bubbles","custom-themes","channels-as-storefront","payments"],"patterns":["chat-and-messaging-ui","checkout-and-cart","dm-commerce-and-community-selling","dark-mode-and-theming","bottom-sheets-and-modals","push-notification-strategy"],"updated":"2026-07-22","links":{"site":"https://telegram.org","mobbin":"https://mobbin.com/apps/telegram"},"one_liner":"A messenger that grew a second skeleton underneath the chat UI — bots, inline keyboards, Mini Apps and native payments — turning a conversation thread into a storefront without ever leaving it.","words":901,"file":"apps/telegram.md"},{"slug":"threads","title":"Threads","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android"],"tags":["text-first","calm-feed","instant-network","ig-graft","minimal-chrome","cold-start-onboarding"],"patterns":["onboarding-flows","permission-priming","feeds-and-ranking","profile-screens","dm-commerce-and-community-selling","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://www.threads.com","mobbin":"https://mobbin.com/apps/threads"},"one_liner":"Meta's Twitter-alternative that skipped the empty-room problem entirely by importing your Instagram identity and follow graph on first launch, then wrapped a deliberately quiet, low-color feed around ","words":866,"file":"apps/threads.md"},{"slug":"tiktok","title":"TikTok","kind":"app","category":"social-messaging","tier":"S","platforms":["ios","android"],"tags":["full-bleed-video","overlay-ui","sound-first","vertical-feed","creation-pipeline","retention-mechanics"],"patterns":["feeds-and-ranking","camera-and-capture-ui","video-editors-and-timelines","onboarding-flows","sharing-and-export-flows","live-commerce-and-auctions"],"updated":"2026-07-22","links":{"site":"https://www.tiktok.com","mobbin":"https://mobbin.com/apps/tiktok"},"one_liner":"A full-screen, sound-anchored video feed with almost no chrome — the reference for making UI disappear so autoplay content and a floating action rail can carry the entire product.","words":915,"file":"apps/tiktok.md"},{"slug":"whatsapp","title":"WhatsApp","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android","web"],"tags":["e2e-encryption","chat-bubbles","status-stories","voice-messages","business-catalog","restraint-at-scale","cross-platform"],"patterns":["chat-and-messaging-ui","stories-format","dm-commerce-and-community-selling","product-detail-pages","onboarding-flows","push-notification-strategy"],"updated":"2026-07-22","links":{"site":"https://www.whatsapp.com","mobbin":"https://mobbin.com/apps/whatsapp"},"one_liner":"The chat app that shipped almost no visual opinion beyond one color and one bubble shape, then kept it stable for over a decade — the counter-example to trend-chasing, and the reference for how commer","words":922,"file":"apps/whatsapp.md"},{"slug":"x-twitter","title":"X (Twitter)","kind":"app","category":"social-messaging","tier":"A","platforms":["ios","android","web"],"tags":["dense-timeline","realtime-feed","dark-mode","algorithmic-feed","rebrand-decay","monetization-creep"],"patterns":["feeds-and-ranking","dm-commerce-and-community-selling","monetization-upsell-moments","navigation-systems","push-notification-strategy","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://x.com","mobbin":"https://mobbin.com/apps/x"},"one_liner":"The reference for high-density, infinite-scroll social feeds — and, since the 2023 rebrand, a live case study in what happens when monetization pressure gets layered onto a UI that wasn't built to car","words":921,"file":"apps/x-twitter.md"},{"slug":"airbnb","title":"Airbnb","kind":"app","category":"travel-local-food","tier":"S","platforms":["ios","android","web"],"tags":["icon-driven","trust-architecture","photo-first","category-nav","marketplace","rounded"],"patterns":["search-ux","product-detail-pages","reviews-and-social-proof","checkout-and-cart","maps-and-location","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://www.airbnb.com","mobbin":"https://mobbin.com/apps/airbnb"},"one_liner":"A marketplace where strangers pay strangers to sleep in their homes, made to feel low-risk through photography, review density, and a category system that replaced text search with a scroll of illustr","words":982,"file":"apps/airbnb.md"},{"slug":"alltrails","title":"AllTrails","kind":"app","category":"travel-local-food","tier":"A","platforms":["ios","android","web"],"tags":["maps-first","photo-led-trust","difficulty-color-coding","offline-first","community-reviews","outdoor","freemium-paywall"],"patterns":["maps-and-location","reviews-and-social-proof","search-ux","error-offline-recovery","paywalls-and-pricing-sheets"],"updated":"2026-07-22","links":{"site":"https://www.alltrails.com","mobbin":"https://mobbin.com/apps/alltrails"},"one_liner":"Trail discovery app that solved the hardest hybrid in mobile design — a full-bleed map and a scrollable social feed sharing one screen — by making photos and difficulty color-coding do the trust work ","words":891,"file":"apps/alltrails.md"},{"slug":"apple-maps","title":"Apple Maps","kind":"app","category":"travel-local-food","tier":"S","platforms":["ios"],"tags":["cartography","place-cards","flyover","bottom-sheets","dark-mode","transit","real-world-detail"],"patterns":["maps-and-location","bottom-sheets-and-modals","product-detail-pages","search-ux","navigation-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://www.apple.com/maps","mobbin":"https://mobbin.com/apps/apple-maps"},"one_liner":"After the 2012 launch disaster, Apple rebuilt the map from its own survey data and shipped a hand-tuned rendering style; by 2025 it's the app most people point to when they say a map \"feels designed\" ","words":940,"file":"apps/apple-maps.md"},{"slug":"beli","title":"Beli","kind":"app","category":"travel-local-food","tier":"A","platforms":["ios"],"tags":["ranked-lists","forced-choice-ranking","gen-z","social-dining","taste-match","food-discovery"],"patterns":["feeds-and-ranking","reviews-and-social-proof","maps-and-location","referral-and-invite","onboarding-flows","profile-screens"],"updated":"2026-07-22","links":{"site":"https://www.beliapp.co","mobbin":"https://mobbin.com/apps/beli"},"one_liner":"A restaurant tracker that refuses to let you rate anything with stars — every place you've been gets placed into a personal ranked list via head-to-head comparisons, and the resulting score is the who","words":848,"file":"apps/beli.md"},{"slug":"doordash","title":"DoorDash","kind":"app","category":"travel-local-food","tier":"A","platforms":["ios","android","web"],"tags":["food-delivery","order-tracking","live-maps","marketplace-app","subscription-upsell","menu-merchandising","fee-stacking"],"patterns":["order-tracking","checkout-and-cart","maps-and-location","paywalls-and-pricing-sheets","monetization-upsell-moments","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.doordash.com","mobbin":"https://mobbin.com/apps/doordash"},"one_liner":"A delivery marketplace whose real product is the anxiety-management screen — the order tracker — wrapped around a merchandising engine (menus, upsells, DashPass) tuned to lift average order value.","words":899,"file":"apps/doordash.md"},{"slug":"google-maps","title":"Google Maps","kind":"app","category":"travel-local-food","tier":"A","platforms":["all"],"tags":["maps-first","information-dense","bottom-sheet","material-design","live-data","cross-platform"],"patterns":["maps-and-location","bottom-sheets-and-modals","search-ux","reviews-and-social-proof","sharing-and-export-flows","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://maps.google.com","mobbin":"https://mobbin.com/apps/google-maps"},"one_liner":"A live spatial database with millions of overlapping data points (traffic, transit, reviews, photos, business hours, live occupancy) that never feels denser than \"a map with a card at the bottom.\"","words":1060,"file":"apps/google-maps.md"},{"slug":"hopper","title":"Hopper","kind":"app","category":"travel-local-food","tier":"A","platforms":["ios","android"],"tags":["price-prediction","mascot-branding","fintech-upsell","calendar-heatmap","confidence-ui","reward-currency"],"patterns":["monetization-upsell-moments","checkout-and-cart","permission-priming","calendars-and-scheduling","progress-and-data-viz","push-notification-strategy"],"updated":"2026-07-22","links":{"site":"https://www.hopper.com","mobbin":"https://mobbin.com/apps/hopper"},"one_liner":"A travel-booking app that never shows a bare price — every fare ships with a verdict, a confidence score, and a bunny mascot to soften what is otherwise an insurance-and-derivatives product for airfar","words":906,"file":"apps/hopper.md"},{"slug":"resy","title":"Resy","kind":"app","category":"travel-local-food","tier":"A","platforms":["ios","web"],"tags":["editorial-curation","waitlist-ux","warm-neutral-palette","scarcity-design","food-media","notify-pattern","photography-first"],"patterns":["search-ux","product-detail-pages","drops-and-restocks","push-notification-strategy","calendars-and-scheduling","reviews-and-social-proof"],"updated":"2026-07-22","links":{"site":"https://resy.com","mobbin":"https://mobbin.com/apps/resy"},"one_liner":"A reservation platform that skips the Yelp star-rating war entirely and sells restaurants through editorial photography and human-written taste — then turns \"fully booked\" into a queue you're glad to ","words":890,"file":"apps/resy.md"},{"slug":"soho-house","title":"Soho House","kind":"app","category":"travel-local-food","tier":"A","platforms":["mobile","web"],"tags":["digital-membership-card","per-event-visibility","house-as-primary-context","in-app-tab-settlement","time-horizon-grouping","concierge-persona-ai"],"patterns":["profile-screens","calendars-and-scheduling","order-tracking","permission-priming","maps-and-location"],"updated":"2026-07-26","links":{"site":"https://www.sohohouse.com"},"one_liner":"A private membership-club app used by over 90% of Soho House's global membership, built around a digital card that functions as a literal door key across 40+ locations, and organized less like a typic","words":946,"file":"apps/soho-house.md"},{"slug":"uber","title":"Uber","kind":"app","category":"travel-local-food","tier":"S","platforms":["ios","android"],"tags":["map-first","bottom-sheet-ux","state-machine-flows","price-transparency","membership-upsell","live-tracking"],"patterns":["maps-and-location","order-tracking","bottom-sheets-and-modals","paywalls-and-pricing-sheets","monetization-upsell-moments","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://uber.com","mobbin":"https://mobbin.com/apps/uber"},"one_liner":"On-demand mobility and delivery super-app that turned real-time matching into a design pattern — a persistent map, upfront pricing, and a draggable bottom sheet that narrates every stage without ever ","words":882,"file":"apps/uber.md"},{"slug":"apple-weather","title":"Apple Weather","kind":"app","category":"utilities-system","tier":"A","platforms":["ios"],"tags":["data-viz","module-cards","dynamic-backgrounds","materials","severe-alerts","progressive-disclosure"],"patterns":["progress-and-data-viz","dashboards-and-consoles","live-activities-widgets","push-notification-strategy","navigation-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://apple.com/ios/weather","mobbin":"https://mobbin.com/apps/apple-weather"},"one_liner":"A single-screen utility that turns the current condition into the literal canvas (animated gradient + particles), then layers a scrollable grid of glass module-cards on top — the cleanest example on i","words":967,"file":"apps/apple-weather.md"},{"slug":"carrot-weather","title":"CARROT Weather","kind":"app","category":"utilities-system","tier":"A","platforms":["ios"],"tags":["personality-voice","dark-first","widgets","data-density","custom-iconography","subscription-tiers","live-backgrounds"],"patterns":["onboarding-flows","permission-priming","live-activities-widgets","monetization-upsell-moments","microcopy-and-ux-writing","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://www.carrotweather.app","mobbin":"https://mobbin.com/apps/carrot-weather"},"one_liner":"A weather app competing against free OS-level weather by refusing to be neutral — a sarcastic AI personality, a real-time animated sky, and widget customization deep enough to be a hobby, all stacked ","words":808,"file":"apps/carrot-weather.md"},{"slug":"framework-laptop","title":"Framework","kind":"app","category":"utilities-system","tier":"A","platforms":["web"],"tags":["modular-hardware","repairability","expansion-cards","exploded-view-diagrams","configurator-commerce","right-to-repair"],"patterns":["product-detail-pages","landing-page-anatomy","pricing-pages-web","checkout-and-cart","docs-and-changelogs","tables-and-dense-data"],"updated":"2026-07-26","links":{"site":"https://frame.work"},"one_liner":"A consumer-electronics company built around a single mechanism — swappable, cartridge-sized \"Expansion Cards\" that snap into the chassis — that turns repairability, normally a legal footnote, into the","words":857,"file":"apps/framework-laptop.md"},{"slug":"ios-system","title":"iOS 26 System Apps","kind":"app","category":"utilities-system","tier":"S","platforms":["ios"],"tags":["liquid-glass","concentric-design","system-chrome","translucency","native-controls","motion-restraint"],"patterns":["settings-screens","camera-and-capture-ui","navigation-systems","dark-mode-and-theming","bottom-sheets-and-modals"],"updated":"2026-07-22","links":{"site":"https://www.apple.com/ios/ios-26/","mobbin":"https://mobbin.com/apps/ios-settings"},"one_liner":"Apple's Liquid Glass redesign (shipped fall 2025 as iOS 26, the version-number jump to match calendar year) replaced flat translucency with a material that visibly bends and re-samples the content beh","words":830,"file":"apps/ios-system.md"},{"slug":"moonlitt","title":"Moonlitt","kind":"app","category":"utilities-system","tier":"A","platforms":["ios"],"tags":["liquid-glass","moon-phase-tracker","ada-2026-winner","dark-first","ambient-utility","post-cutoff"],"patterns":["motion-language-systems","dark-mode-and-theming","live-activities-widgets","progress-and-data-viz","onboarding-flows","permission-priming"],"updated":"2026-07-22","links":{"site":"https://moonlitt.app","mobbin":"https://mobbin.com/apps/moonlitt"},"one_liner":"A single-purpose moon-phase tracker that won the 2026 Apple Design Award for Interaction, cited by Apple's own judging language as one of two apps demonstrating reference-grade Liquid Glass integratio","words":759,"file":"apps/moonlitt.md"},{"slug":"pixel-android","title":"Pixel / Android 16","kind":"app","category":"utilities-system","tier":"A","platforms":["android"],"tags":["material-3-expressive","dynamic-color","quick-settings","spring-motion","variable-icons","adaptive-layouts"],"patterns":["settings-screens","permission-priming","dark-mode-and-theming","motion-language-systems","live-activities-widgets","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://android.com","mobbin":"https://mobbin.com/apps/android"},"one_liner":"The only major OS where the UI's color palette is generated per-device from the user's wallpaper at runtime, and where \"expressive\" now means physics-driven shape and motion tokens rather than a stati","words":1018,"file":"apps/pixel-android.md"},{"slug":"remarkable","title":"reMarkable","kind":"app","category":"utilities-system","tier":"S","platforms":["tablet","web","desktop","mobile"],"tags":["e-ink","paper-simulation","monochrome-restraint","distraction-free","template-library","stylus-input","material-honesty"],"patterns":["landing-page-anatomy","product-detail-pages","onboarding-flows","sharing-and-export-flows","empty-states","microcopy-and-ux-writing"],"updated":"2026-07-26","links":{"site":"https://remarkable.com"},"one_liner":"A Norwegian e-ink tablet company that turned a slow-refresh, colorless screen — the exact spec that would sink a normal consumer device — into a \"distraction-free thinking\" product, by building the en","words":868,"file":"apps/remarkable.md"},{"slug":"tide-guide","title":"Tide Guide","kind":"app","category":"utilities-system","tier":"A","platforms":["ios"],"tags":["data-viz","liquid-glass","aquatic-theming","custom-animation","single-purpose","award-winning"],"patterns":["progress-and-data-viz","dashboards-and-consoles","tables-and-dense-data","motion-language-systems","dark-mode-and-theming"],"updated":"2026-07-22","links":{"site":"https://tideguideapp.com","mobbin":"https://mobbin.com/apps/tide-guide"},"one_liner":"A tide-chart utility for coastal/water users that won Apple's 2026 Design Award for Visuals & Graphics by treating its own core data — the tide curve — as the app's entire visual identity, wrapped in ","words":665,"file":"apps/tide-guide.md"},{"slug":"abeto-messenger","title":"Messenger (abeto)","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["webgl","real-time-3d","miniature-world","gpu-driven","studio-abeto","dev-craft"],"patterns":["loaders-and-site-intros","premium-web-microinteractions","scrollytelling-product-reveals","sound-on-web","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://messenger.abeto.co","mobbin":"https://mobbin.com/apps/abeto-messenger"},"one_liner":"A single-page WebGL experience from studio abeto that renders as a tiny living planet with real-time physics and lighting — part of the same technical language the studio used to sweep Awwwards' top t","words":751,"file":"apps/abeto-messenger.md"},{"slug":"active-theory","title":"Active Theory","kind":"app","category":"web-experiences","tier":"S","platforms":["web"],"tags":["webgl","scroll-driven-camera","multiplayer-web","loading-choreography","device-tier-lod","custom-cursor","agency-grade"],"patterns":["loaders-and-site-intros","premium-web-microinteractions","scrollytelling-product-reveals","motion-language-systems","sound-on-web","landing-page-anatomy"],"updated":"2026-07-22","links":{"site":"https://activetheory.net","mobbin":"https://mobbin.com/apps/active-theory"},"one_liner":"Creative-technology studio (Coachella, Google, game/film promo sites) that treats the browser as a real-time engine — full-bleed WebGL scenes, scroll-mapped cameras, and a proprietary multiplayer plat","words":836,"file":"apps/active-theory.md"},{"slug":"bruno-simon-portfolio","title":"Bruno Simon Portfolio","kind":"app","category":"web-experiences","tier":"S","platforms":["web"],"tags":["three-js","webgl","physics-based-motion","low-poly-art-style","sound-on-web","playful-portfolio","zero-chrome-ui","loader-as-experience"],"patterns":["loaders-and-site-intros","premium-web-microinteractions","sound-on-web","motion-language-systems","landing-page-anatomy"],"updated":"2026-07-22","links":{"site":"https://bruno-simon.com","mobbin":"https://mobbin.com/apps/bruno-simon-portfolio"},"one_liner":"A drivable 3D RC car IS the portfolio's navigation — the site that proved a gimmick can become a decade-plus benchmark when physics feel, sound, and restraint carry it instead of spectacle alone.","words":885,"file":"apps/bruno-simon-portfolio.md","body":"# Bruno Simon portfolio — the website-as-toy benchmark\n\n**One-liner:** A drivable 3D RC car IS the portfolio's navigation — the site that proved a gimmick can become a decade-plus benchmark when physics feel, sound, and restraint carry it instead of spectacle alone.\n\n## Design DNA\n- Low-poly, flat-shaded 3D art direction: geometric primitives with baked/vertex shading, no PBR realism — keeps the WebGL scene light enough to run smoothly on modest laptops and reads as toy-like rather than trying to be photoreal.\n- Saturated, candy palette per zone: each floating \"island\" (About, Projects, gallery, contact) carries its own dominant hue against a soft gradient sky, so color signals location, not a brand system.\n- Physics-driven camera and vehicle: raycast-wheel suspension gives visible body roll/bounce on landing and cornering; the chase camera trails at a fixed offset with slight lag/tilt — the \"feel\" of the physics engine IS the UI language, no menus needed to sense you've \"arrived.\"\n- Zero-chrome navigation: driving through a portal/coin trigger is what opens the only UI surface (a project card or text panel); there's no persistent nav bar and no scroll — spatial proximity is the router.\n- Sound as confirmation, not decoration: horn honk on click, engine pitch tied to speed, collision thuds — every physical interaction gets an audio cue in place of a toast or haptic, doing the job normally handled by UI copy.\n- Humor via physics, not copy: knockable objects ragdoll or topple when hit, tires spin uselessly if flipped, a dedicated \"get unstuck\" control exists because getting stuck is an anticipated outcome of the mechanic — personality lives in what the physics engine is allowed to do to you, not in illustration or microcopy.\n- Loading sequence is diegetic: a progress bar precedes the car dropping onto the terrain with a suspension bounce on load-complete, so the loader is staged as the first physics beat of the experience rather than a generic spinner.\n- Touch controls: a translucent virtual joystick plus a honk button overlay on mobile — the only persistent chrome on the entire site, sized and positioned for thumb reach so it never competes with the world.\n- Re-recognized by Awwwards as Site of the Month, January 2026 (verified 2026-07) — the build has been iterated over the years but keeps the same core mechanic, evidence the concept ages well because the feel is the product, not the trend it launched inside.\n\n## Signature components\n- RC car controller: four-wheel raycast vehicle physics (suspension travel, grip/slip, mass) driven by WASD/arrows or a touch joystick, with a damped third-person chase camera — the reusable idea is \"vehicle physics as cursor.\"\n- Portal/trigger volumes: invisible collision zones tied to world geometry that fire a UI panel (project title, description, outbound link) when the car enters — navigation by proximity instead of by click target.\n- Diegetic loader: progress bar into a car spawn-and-settle drop, doubling as both load-state communication and the first \"this responds like a toy\" moment.\n- Mobile joystick + horn HUD: the sole persistent overlay, translucent and thumb-zone positioned, extending the input scheme without redesigning the world underneath it.\n\n## Flows worth studying\n- First load: progress bar to car drop-and-bounce to free-roam handoff with no tutorial text — the control mapping is legible from the joystick icon or keys alone, taught by physics response (nudge the stick, watch the car nudge back) rather than instructional copy.\n- Discovery loop: drive to approach an island, portal triggers a card, read or click through to the real project link, drive away and the card dismisses — a \"wander until you find it\" model, deliberately slower than a nav menu, trading efficiency for memorability.\n- Failure/recovery: flipping the car or getting stuck is a designed dead end with a visible fix control, not a bug state — the site treats \"you broke the toy\" as part of the toy rather than an error to hide.\n\n## Steal / Avoid\n**Steal:** physics feedback (bounce, roll, settle) as the primary delight signal instead of easing curves on flat elements; sound-as-confirmation for physical actions in place of a toast; a diegetic loader staged as the experience's first beat rather than a placeholder; letting personality live in what the engine is allowed to do to objects (knockdowns, ragdolls) instead of in copy or illustration.\n**Avoid:** copying the literal car-and-islands mechanic onto anything with a conversion goal — spatial/proximity navigation is intentionally slower than a menu and only earns that tradeoff on a portfolio whose job is memorability, not throughput; the WebGL/physics payload (Three.js plus a physics engine plus assets) is heavy for anything needing fast first paint or working reliably on low-end devices; zero-chrome navigation fails for any surface with a checkout, form, or task the user needs to complete quickly — a hemp shop or emulation-platform app needs findable menus, not exploration.\n\n## Use when\nReference for landing/marketing pages or hero moments on izzy's builds where the goal is a memorable, shareable first impression and the audience will forgive slower wayfinding for delight (a launch page, a build-log/portfolio surface, a loader or intro sequence on a marketing site). Do not reach for this on storefronts, dashboards, or any flow with a purchase, login, or task to complete — those need the opposite: fast, chrome-visible, task-first navigation."},{"slug":"coastal-world","title":"Coastal World","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["webgl-driving-world","game-as-website","mission-based-nav","onboarding-as-tutorial","fog-as-performance-trick","diegetic-hud","stylized-lowpoly"],"patterns":["onboarding-flows","loaders-and-site-intros","navigation-systems","premium-web-microinteractions","sound-on-web","scrollytelling-product-reveals"],"updated":"2026-07-22","links":{"site":"https://www.merci-michel.com","mobbin":"https://mobbin.com/apps/coastal-world"},"one_liner":"A full 3D island you drive around instead of scroll through, built by Merci Michel — the reference case for when \"sell the company\" and \"make a game\" become the same brief.","words":838,"file":"apps/coastal-world.md"},{"slug":"darkroom-engineering","title":"darkroom.engineering","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["webgl-shaders","smooth-scroll","monospace-ui","engineered-minimalism","agency-portfolio","hairline-grid","motion-restraint"],"patterns":["premium-web-microinteractions","scrollytelling-product-reveals","landing-page-anatomy","loaders-and-site-intros","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://darkroom.engineering","mobbin":"https://mobbin.com/apps/darkroom-engineering"},"one_liner":"The studio (ex-Studio Freight) that built Lenis, the smooth-scroll library most of the web now runs on — their own site and client work are the reference for \"the craft is the content\": monospace tele","words":843,"file":"apps/darkroom-engineering.md"},{"slug":"igloo-inc","title":"Igloo Inc","kind":"app","category":"web-experiences","tier":"S","platforms":["web"],"tags":["webgl-scrollytelling","glass-and-ice-shaders","3d-camera-dolly","awwwards-soty","crypto-holding-co","premium-web-craft"],"patterns":["scrollytelling-product-reveals","premium-web-microinteractions","loaders-and-site-intros","landing-page-anatomy","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://iglooinc.com","mobbin":"https://mobbin.com/apps/igloo-inc"},"one_liner":"A crypto holding company's corporate site rebuilt as one continuous WebGL scene — scroll doesn't page through sections, it drives a camera through a modeled glacier/ice environment — and it out-crafte","words":905,"file":"apps/igloo-inc.md"},{"slug":"locomotive-agency","title":"Locomotive","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["smooth-scroll","webgl-agency","editorial-motion","custom-cursor","case-study-pacing","premium-restraint","page-transitions"],"patterns":["scrollytelling-product-reveals","motion-language-systems","landing-page-anatomy","loaders-and-site-intros","premium-web-microinteractions"],"updated":"2026-07-22","links":{"site":"https://locomotive.ca","mobbin":"https://mobbin.com/apps/locomotive"},"one_liner":"Montreal digital studio whose locomotive-scroll library (and the Lenis-lineage tooling that followed from the same Montreal WebGL-dev circle) became the default vocabulary for premium scroll on the we","words":902,"file":"apps/locomotive-agency.md"},{"slug":"lusion","title":"Lusion","kind":"app","category":"web-experiences","tier":"S","platforms":["web"],"tags":["webgl","three-js","physics-toys","scrollytelling","custom-cursor","post-processing","loader-as-brand","awwwards"],"patterns":["loaders-and-site-intros","premium-web-microinteractions","scrollytelling-product-reveals","landing-page-anatomy","motion-language-systems","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://lusion.co","mobbin":"https://mobbin.com/apps/lusion"},"one_liner":"A UK creative studio whose own site is its portfolio piece — real-time 3D \"physics toys\" you can grab and throw, wrapped in enough restraint that it reads premium, not gimmicky. v3 won Awwwards Site o","words":817,"file":"apps/lusion.md"},{"slug":"martin-laxenaire","title":"Martin Laxenaire portfolio","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["webgpu-native","custom-engine","no-threejs","shader-driven","dom-synced-3d","creative-dev","scrollytelling"],"patterns":["scrollytelling-product-reveals","loaders-and-site-intros","premium-web-microinteractions","motion-language-systems","landing-page-anatomy"],"updated":"2026-07-22","links":{"site":"https://martin-laxenaire.fr","mobbin":"https://mobbin.com/apps/martin-laxenaire-portfolio"},"one_liner":"A creative developer's self-portfolio that doubled as a technique demo, now (2026) rebuilt as a WebGPU-native game running on his own from-scratch engine — cited by webgpu.com and Codrops as the leadi","words":683,"file":"apps/martin-laxenaire.md"},{"slug":"obys-agency","title":"Obys","kind":"app","category":"web-experiences","tier":"S","platforms":["web"],"tags":["kinetic-typography","scroll-driven-motion","split-text","custom-cursor","grid-break","page-transitions","art-direction","awwwards-style"],"patterns":["landing-page-anatomy","loaders-and-site-intros","premium-web-microinteractions","scrollytelling-product-reveals","motion-language-systems","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://obys.agency","mobbin":"https://mobbin.com/apps/obys-agency"},"one_liner":"Kyiv-based digital studio whose own site and case-study work (incl. their \"Design Engineering\" positioning) treat typography as the primary interface element — layout, hierarchy, and delight are all d","words":969,"file":"apps/obys-agency.md"},{"slug":"unseen-studio","title":"Unseen Studio","kind":"app","category":"web-experiences","tier":"A","platforms":["web"],"tags":["webgl","shader-type","film-grain","scroll-driven","custom-cursor","agency-site","dark-first"],"patterns":["landing-page-anatomy","scrollytelling-product-reveals","loaders-and-site-intros","premium-web-microinteractions","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://unseen.co","mobbin":"https://mobbin.com/apps/unseen-studio"},"one_liner":"Creative-development studio (Awwwards/FWA-tier case-study sites, client builds) whose defining move is rendering headline type as a GPU-deformable material instead of DOM text — the clearest productio","words":857,"file":"apps/unseen-studio.md"},{"slug":"a24-shop","title":"A24","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["editorial-commerce","film-brand","drops-and-scarcity","minimal-black-white","cult-collector","typography-as-seal"],"patterns":["drops-and-restocks","product-detail-pages","landing-page-anatomy","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://a24films.com/shop","mobbin":"https://mobbin.com/apps/a24"},"one_liner":"A studio's collector shop that refuses normal e-commerce chrome — no icons, no color system, no urgency banners — and lets the film IP and the photography carry the entire sell.","words":914,"file":"apps/a24-shop.md"},{"slug":"anthropic-site","title":"Anthropic.com","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["editorial","serif-headlines","paper-texture","warm-neutral","research-lab","restrained-motion"],"patterns":["landing-page-anatomy","docs-and-changelogs","pricing-pages-web"],"updated":"2026-07-22","links":{"site":"https://anthropic.com","mobbin":"https://mobbin.com/apps/anthropic"},"one_liner":"A corporate/lab site that borrows academic-journal grammar (numbered sections, citation-style footers, sober serif headlines) instead of SaaS-launch grammar, and uses a warm off-white \"paper\" surface ","words":849,"file":"apps/anthropic-site.md"},{"slug":"are-na","title":"are.na","kind":"app","category":"web-marketing","tier":"A","platforms":["web","ios"],"tags":["anti-algorithm","plain-typography","archive-grid","no-vanity-metrics","connection-model","taste-community"],"patterns":["feeds-and-ranking","search-ux","tables-and-dense-data","dashboards-and-consoles","monetization-upsell-moments","anti-patterns-dark-patterns"],"updated":"2026-07-22","links":{"site":"https://www.are.na","mobbin":"https://mobbin.com/apps/are-na"},"one_liner":"A no-likes, no-ranked-feed tool for collecting images/text/links as \"blocks\" that connect into many \"channels\" at once — the taste-community's reference for restraint as the design philosophy itself, ","words":927,"file":"apps/are-na.md"},{"slug":"berkeley-graphics","title":"Berkeley Graphics","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["engineering-aesthetic","monospace-type","spec-sheet-ui","dogfooding","technical-density","configurator-pricing","foundry"],"patterns":["pricing-pages-web","landing-page-anatomy","tables-and-dense-data","docs-and-changelogs","product-detail-pages"],"updated":"2026-07-22","links":{"site":"https://usgraphics.com","mobbin":"https://mobbin.com/apps/berkeley-graphics"},"one_liner":"U.S. Graphics Co.'s home for the Berkeley Mono typeface, built like a hardware spec sheet instead of a SaaS landing page — the reference for selling a technical product to technical buyers with number","words":732,"file":"apps/berkeley-graphics.md"},{"slug":"daylight-computer","title":"Daylight Computer","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["e-ink","paper-aesthetic","health-tech-contrarian","warm-minimalism","hardware-marketing","editorial-typography"],"patterns":["landing-page-anatomy","pricing-pages-web","checkout-and-cart","microcopy-and-ux-writing","reviews-and-social-proof"],"updated":"2026-07-22","links":{"site":"https://daylightcomputer.com","mobbin":"https://mobbin.com/apps/daylight-computer"},"one_liner":"Marketing site for an e-ink \"Live Paper\" tablet that sells a belief (screens are bad for you) before it sells a spec sheet, using print-magazine typography and literal outdoor proof photography instea","words":847,"file":"apps/daylight-computer.md"},{"slug":"family-co","title":"Family","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["warm-minimalism","3d-scroll-storytelling","crypto-wallet","pastel-palette","motion-choreography","brand-differentiation"],"patterns":["landing-page-anatomy","motion-language-systems","onboarding-flows","microcopy-and-ux-writing"],"updated":"2026-07-22","links":{"site":"https://family.co","mobbin":"https://mobbin.com/apps/family"},"one_liner":"A crypto wallet that refused the black-terminal/neon-gradient default of its category and instead built the whole marketing site around scroll-choreographed 3D objects and copy that reads like a perso","words":843,"file":"apps/family-co.md"},{"slug":"framer-site","title":"Framer (framer.com)","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["scroll-driven-motion","bento-grids","template-marketplace","dogfooding","colorful-accents","no-code-builder"],"patterns":["landing-page-anatomy","pricing-pages-web","motion-language-systems","tooltips-and-feature-discovery","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://framer.com","mobbin":"https://mobbin.com/apps/framer"},"one_liner":"A website builder whose own homepage is the demo — interactive, draggable, scroll-scrubbed proof instead of screenshots, wrapped around a template marketplace built to be browsed like a gallery, not a","words":836,"file":"apps/framer-site.md"},{"slug":"glossier","title":"Glossier","kind":"app","category":"web-marketing","tier":"A","platforms":["web","ios"],"tags":["dtc-beauty","millennial-pink","community-sourced","shade-finder","ugc","editorial-pdp"],"patterns":["product-detail-pages","reviews-and-social-proof","landing-page-anatomy","pickers-steppers-controls","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://www.glossier.com","mobbin":"https://mobbin.com/apps/glossier"},"one_liner":"The brand that turned a beauty blog's comment section into a storefront — millennial pink as brand anchor, real customers as the imagery, and the shade finder as the checkout gate.","words":842,"file":"apps/glossier.md"},{"slug":"lando-norris-site","title":"lando.com (Lando Norris)","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["gsap","kinetic-type","scroll-choreography","f1","portfolio-site","awwwards","post-cutoff"],"patterns":["landing-page-anatomy","motion-language-systems","navigation-systems","media-players"],"updated":"2026-07-22","links":{"site":"https://lando.com","mobbin":"https://mobbin.com/apps/lando-norris"},"one_liner":"Lando Norris's official driver site — verified 2026-07(Awwwards, announced early 2026) as Site of the Year — is the current award-bar for what a single-person personality/portfolio site can do with sc","words":562,"file":"apps/lando-norris-site.md"},{"slug":"linear-site","title":"Linear (site)","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["aurora-gradients","scroll-choreography","dark-first","changelog-marketing","saas-benchmark","restrained-motion"],"patterns":["landing-page-anatomy","pricing-pages-web","docs-and-changelogs","motion-language-systems","dark-mode-and-theming","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://linear.app","mobbin":"https://mobbin.com/apps/linear"},"one_liner":"The marketing site that taught the entire SaaS industry to sell \"fast and calm\" through gradient light instead of stock photography — and became the most-copied web-marketing template of the decade.","words":804,"file":"apps/linear-site.md"},{"slug":"mschf","title":"MSCHF","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["drop-culture","anti-brand","manifesto-copy","brutalist-grid","scarcity-mechanics","monospace-meta"],"patterns":["drops-and-restocks","landing-page-anatomy","checkout-and-cart","microcopy-and-ux-writing","anti-patterns-dark-patterns","pricing-pages-web"],"updated":"2026-07-22","links":{"site":"https://mschf.com","mobbin":"https://mobbin.com/apps/mschf"},"one_liner":"A site that sells almost nothing (visually) — near-pure black-on-white chrome that gets out of the way so each numbered \"Drop\" can carry its own color, copy, and hype cycle like a magazine issue.","words":867,"file":"apps/mschf.md"},{"slug":"poolsuite","title":"poolsuite.net (Poolsuite University)","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["retro-os-chrome","skeuomorphic","desktop-metaphor","radio-player","vibe-as-product","cursor-fx"],"patterns":["landing-page-anatomy","media-players","motion-language-systems","microcopy-and-ux-writing","navigation-systems"],"updated":"2026-07-22","links":{"site":"https://poolsuite.net","mobbin":"https://mobbin.com/apps/poolsuite"},"one_liner":"A lifestyle-radio brand (formerly Poolside.fm) that ditched the scrolling-marketing-page format entirely and shipped a fake desktop OS instead — the site's UI is the pitch, not a wrapper around one.","words":936,"file":"apps/poolsuite.md"},{"slug":"stripe-press","title":"Stripe Press","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["editorial-typography","serif-systems","3d-product-renders","paper-palette","long-form-reading","motion-restraint","brand-storytelling"],"patterns":["product-detail-pages","landing-page-anatomy","motion-language-systems","docs-and-changelogs","sharing-and-export-flows"],"updated":"2026-07-22","links":{"site":"https://stripe.press","mobbin":"https://mobbin.com/apps/stripe-press"},"one_liner":"Stripe's publishing imprint site sells books by reading like one — 3D-rendered physical covers, print-grade serif typography, and a warm paper palette that borrows its authority from books, not softwa","words":827,"file":"apps/stripe-press.md"},{"slug":"stripe-site","title":"Stripe (stripe.com)","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["gradient-mesh","docs-as-marketing","developer-trust","animated-diagrams","enterprise-saas","code-tabs","brand-purple"],"patterns":["landing-page-anatomy","pricing-pages-web","docs-and-changelogs","motion-language-systems","navigation-systems","checkout-and-cart"],"updated":"2026-07-22","links":{"site":"https://stripe.com","mobbin":"https://mobbin.com/apps/stripe"},"one_liner":"The marketing site that turned a payments API into a design movement — the mesh-gradient hero every SaaS site copied, and the template for proving a product with live code instead of adjectives.","words":926,"file":"apps/stripe-site.md"},{"slug":"superhuman-site","title":"Superhuman","kind":"app","category":"web-marketing","tier":"A","platforms":["web"],"tags":["premium-positioning","speed-claims","keyboard-driven","exclusivity","dark-hero","quantified-metrics","waitlist"],"patterns":["landing-page-anatomy","onboarding-flows","pricing-pages-web","command-palettes-and-keyboard-ux","monetization-upsell-moments","tooltips-and-feature-discovery"],"updated":"2026-07-22","links":{"site":"https://superhuman.com","mobbin":"https://mobbin.com/apps/superhuman"},"one_liner":"An email client's marketing site that never says \"fast\" without a measurement attached to it, wrapped in a black-and-cream editorial look that reads as an elite instrument rather than another SaaS pro","words":819,"file":"apps/superhuman-site.md"},{"slug":"teenage-engineering","title":"teenage.engineering","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["hardware-brutalism","schematic-layouts","mono-type","product-photography","catalog-grid","minimal-marketing-voice","orange-accent"],"patterns":["product-detail-pages","landing-page-anatomy","pricing-pages-web","checkout-and-cart","docs-and-changelogs"],"updated":"2026-07-22","links":{"site":"https://teenage.engineering","mobbin":"https://mobbin.com/apps/teenage-engineering"},"one_liner":"Swedish synth/hardware maker whose website reads like a patent filing crossed with a military spec sheet — product photography and technical diagrams do the selling, not copy.","words":711,"file":"apps/teenage-engineering.md"},{"slug":"vercel-site","title":"Vercel","kind":"app","category":"web-marketing","tier":"S","platforms":["web"],"tags":["geist-typography","monochrome","dev-brand","ship-speed-copy","conf-microsites","minimalism","black-and-white"],"patterns":["landing-page-anatomy","pricing-pages-web","docs-and-changelogs","navigation-systems","microcopy-and-ux-writing","motion-language-systems"],"updated":"2026-07-22","links":{"site":"https://vercel.com","mobbin":"https://mobbin.com/apps/vercel"},"one_liner":"A cloud-infra company that sells trust through typography and negative space instead of screenshots of servers — the site is the proof that the product is fast.","words":888,"file":"apps/vercel-site.md"},{"slug":"brand-glossier","title":"Glossier (brand)","kind":"brand","category":"beauty","tier":"A","platforms":["web","retail","social"],"tags":["community-sourced-product","reader-to-product-pipeline","ugc-campaign-imagery","millennial-pink-packaging","skin-first-philosophy","showroom-retail"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.glossier.com"},"one_liner":"Source product ideas directly from a beauty blog's reader comments (the Into The Gloss lineage) and ship them in millennial-pink, bubble-pouch packaging photographed on real customers instead of model","words":660,"file":"brands/brand-glossier.md"},{"slug":"brand-liquid-death","title":"Liquid Death (brand)","kind":"brand","category":"beverage","tier":"S","platforms":["web","social","packaging"],"tags":["irreverence","commodity-premium","merch-as-media","voice-discipline","licensing","death-metal-aesthetic"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://liquiddeath.com"},"one_liner":"Turn boring water into a blue-chip beverage brand by pairing metal-show voice with liquor-cabinet production values — the joke sells the can, craft keeps it premium.","words":446,"file":"brands/brand-liquid-death.md","body":"# Liquid Death (brand) — commodity dressed as forbidden object\n\n**One-liner:** Turn boring water into a blue-chip beverage brand by pairing metal-show voice with liquor-cabinet production values — the joke sells the can, craft keeps it premium.\n\n## Positioning\n- **Category refusal:** not \"healthy water,\" not \"wellness,\" not \"sports hydration.\" Positioned as a beverage brand that happens to sell water — adjacent to craft beer / energy / hard seltzer shelf energy without the alcohol.\n- **Owned tradeoff:** loud personality on marketing surfaces, quiet competence on transactional ones. The brand is the bit; checkout is not.\n- **Enemy:** plastic, boring CPG packaging, earnest eco copy that lectures. \"Death to Plastic\" works because aluminum recyclability is a real claim under the gag.\n- **Why clones fail:** skulls + edgy slogans without photography discipline and without a true functional claim read as costume. Liquid Death's moat is production bar + voice discipline + merch cadence, not the iconography alone.\n\n## Voice\n- **Headlines scream, body whispers:** condensed metal-poster display for punchlines; plain workhorse sans for ingredients, legal, checkout. Contrast is the brand.\n- **Joke formats that repeat:** corporate-marketing parody (fake titles, mock testimonials, infomercial pastiche); puns anchored to a real attribute (\"Murder Your Thirst,\" flavor names).\n- **Forbidden:** shock for shock's sake; edgelord without a load-bearing fact; letting the gag bleed into payment/compliance copy.\n- **Partnership voice:** collabs (e.g. irreverent eyewear/lifestyle licenses) blend both brands' registers on a microsite rather than diluting into generic \"collab drop\" copy.\n\n## Signal stack\n- **Can as system root:** matte black tallboy, crest, angular wordmark — site, merch, ads all descend from packaging, not the reverse.\n- **Photography as brand:** liquor-grade lighting and condensation; craft is what makes \"unhinged\" read expensive.\n- **Merch-as-media:** apparel and limited drops treated as first-class products; sellouts left visible as social proof.\n- **Licensing writers' room:** chaos IP cross-pollinates with other irreverent brands instead of forever escalating solo shock.\n- **Scarcity displayed:** sold-out stays listed; waitlist is content, not embarrassment.\n\n## Steal / Avoid\n**Steal:** anchor every punchline to one verifiable claim; spend on craft/photography before more jokes; keep transactional UI voice-quiet; treat merch and core SKU with the same visual bar; show scarcity instead of hiding it.\n**Avoid:** copying skulls/goth motifs onto unrelated categories; applying this register to health/finance/medical trust surfaces; maximizing shock per post without a recurring authored format.\n\n## Use when\nConsumer brands that can own irreverence with a true claim underneath (CPG, merch-forward DTC, lifestyle beverages, limited drops). Directly useful for voice systems on IZZY AWAKE–adjacent commerce when the lesson is \"funny + true + clean checkout.\" Wrong for operator dashboards, medical/fintech trust-first products, or any first-run form where clarity must beat personality."},{"slug":"brand-playful-system","title":"Playful System (grammar)","kind":"brand","category":"brand-systems","tier":"S","platforms":["web","product","print"],"tags":["governed-whimsy","style-guide-constraint","banned-word-list","scoped-humor","illustration-limits"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://mailchimp.com"},"one_liner":"A reusable positioning system where a strict, explicit formal constraint — a fixed palette, a limited set of mascot poses, a one-joke-per-surface rule — is what keeps playfulness legible as a system r","words":842,"file":"brands/brand-playful-system.md"},{"slug":"brand-anti-hero-consumer","title":"Anti-Hero Consumer (grammar)","kind":"brand","category":"consumer","tier":"S","platforms":["web","packaging","social"],"tags":["deadpan-voice","anti-aspiration","self-aware-marketing","category-fatigue","claim-anchored-humor"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.oatly.com"},"one_liner":"A reusable CPG/DTC positioning system where the brand refuses to promise transformation — mocking the category's own sales language instead of dressing up in shock theater — so admitting the product i","words":763,"file":"brands/brand-anti-hero-consumer.md"},{"slug":"brand-nothing","title":"Nothing (brand)","kind":"brand","category":"consumer-tech","tier":"S","platforms":["web","product","social"],"tags":["transparent-design","community","glyph","anti-apple","launch-culture","genz-tech"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://nothing.tech"},"one_liner":"Consumer tech brand that made \"see the guts\" and Glyph language into recognizable identity, then used community and launch theater to punch above a startup's weight against phone giants.","words":352,"file":"brands/brand-nothing.md"},{"slug":"brand-joyride","title":"JOYRIDE (brand)","kind":"brand","category":"cpg-confectionery","tier":"A","platforms":["web","retail","social"],"tags":["creator-co-ownership","retail-as-proof","better-for-you-candy","colorful-not-casino","real-founder-audience"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.joyridesweets.com"},"one_liner":"A better-for-you candy brand where a creator's existing audience functions as the initial distribution and trust channel to get onto real retail shelves (Target and beyond), and the candy itself stays","words":782,"file":"brands/brand-joyride.md"},{"slug":"brand-sourboys","title":"SourBoys (brand)","kind":"brand","category":"cpg-confectionery","tier":"A","platforms":["web","social","retail"],"tags":["creator-authenticity","small-town-craft","sourness-as-product-language","dye-free-pitch","community-voice"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://sour.gg"},"one_liner":"Creator-founded sour candy brand where a granular \"sourness level\" system, the founders' ongoing on-camera presence, and a real small-town Texas shop are the proof it's not just a licensed face on a c","words":849,"file":"brands/brand-sourboys.md"},{"slug":"brand-gumroad","title":"Gumroad (brand)","kind":"brand","category":"creator-economy","tier":"A","platforms":["web","product"],"tags":["creator-tools","simplicity","indie","yellow","self-serve","maker"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://gumroad.com"},"one_liner":"Creator commerce brand that made \"put a price on your work\" feel indie and obvious — yellow energy, low ceremony, product pages that get out of the way of the creator's own brand.","words":369,"file":"brands/brand-gumroad.md"},{"slug":"brand-brat","title":"Brat / Charli XCX (brand)","kind":"brand","category":"culture","tier":"A","platforms":["social","web","packaging"],"tags":["lime-green","meme-format","cultural-os","typography","season","fandom"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://charlixcx.com"},"one_liner":"Album-as-operating-system: acid lime, blunt lowercase typography, and meme-ready templates that let fans and brands cosplay the aesthetic — culture spreads because the kit is copyable.","words":369,"file":"brands/brand-brat.md"},{"slug":"brand-mschf","title":"MSCHF (brand)","kind":"brand","category":"culture","tier":"S","platforms":["web","social","retail-drop"],"tags":["provocation-as-distribution","art-versus-commerce","legal-drama-as-act-two","absurdist-product-thesis","drop-as-artwork","controversy-flywheel"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://mschf.com"},"one_liner":"Ship a genuinely absurd, physically real object (a giant cartoon rain boot, sneakers with a drop of human blood in the sole) framed as \"an individually numbered work of art,\" sell out in minutes, then","words":759,"file":"brands/brand-mschf.md"},{"slug":"brand-duolingo","title":"Duolingo (brand)","kind":"brand","category":"edtech","tier":"S","platforms":["app","web","social"],"tags":["mascot-as-celebrity","unhinged-marketing","streak-mechanic","guilt-notification-humor","retention-driven-chaos","meme-native-brand"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.duolingo.com"},"one_liner":"Let the green owl mascot run an unhinged, meme-native social media career (death threats about missed lessons, viral stunts, a manufactured \"villain era\") that has nothing to do with language pedagogy","words":712,"file":"brands/brand-duolingo.md"},{"slug":"brand-a24","title":"A24 (brand)","kind":"brand","category":"entertainment","tier":"S","platforms":["web","app","retail","social"],"tags":["taste-as-identity","membership-subscription","film-specific-merch","minimal-poster-language","meme-native-marketing","indie-curation"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://a24films.com","shop":"https://shop.a24films.com"},"one_liner":"Turn \"I have good taste in film\" into a wearable, subscribable identity — film-specific merch (a Hereditary gingerbread treehouse kit, a Midsommar flower crown) plus a paid membership (AAA24) convert ","words":619,"file":"brands/brand-a24.md"},{"slug":"brand-off-white","title":"Off-White (brand)","kind":"brand","category":"fashion","tier":"A","platforms":["web","retail","packaging"],"tags":["readymade-quotation-marks","industrial-signage","grey-area-thesis","diagonal-stripes","high-low-collision","streetwear-luxury-bridge"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.off---white.com/en-us/"},"one_liner":"Print the plain English name of an object in quotation marks directly onto that object (\"SHOELACES,\" \"AIR,\" \"KEEP OFF\") — a Duchamp-readymade gag repeated so consistently it became a licensable indust","words":697,"file":"brands/brand-off-white.md"},{"slug":"brand-quiet-luxury","title":"Quiet Luxury (grammar)","kind":"brand","category":"fashion","tier":"S","platforms":["web","product","retail"],"tags":["restraint-as-status","no-logo","material-integrity","price-integrity","achromatic-palette","editorial-calm"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.therow.com"},"one_liner":"A reusable positioning system (drawn from The Row, Loro Piana, and Totême's shared grammar, not any single company) where withholding logo, color, motion, and urgency signals becomes the entire trust ","words":806,"file":"brands/brand-quiet-luxury.md"},{"slug":"brand-rick-owens","title":"Rick Owens (brand)","kind":"brand","category":"fashion","tier":"A","platforms":["web","retail","runway"],"tags":["total-world-building","gothic-brutalism","muted-monastic-palette","runway-as-performance","furniture-crossover","subculture-as-luxury"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://rickowens.eu"},"one_liner":"Refuse to let \"fashion brand\" be the ceiling — apply the same monastic grey/black/bone palette and draped, asymmetric silhouette logic to clothing, sneakers, furniture, and store architecture so the r","words":675,"file":"brands/brand-rick-owens.md"},{"slug":"brand-cash-app","title":"Cash App (brand)","kind":"brand","category":"fintech","tier":"A","platforms":["app","web","social"],"tags":["cashtag-as-handle","community-invented-ritual","cultural-sponsorship","green-identity","street-fintech","underbanked-first"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://cash.app"},"one_liner":"Give money movement a personal handle (the $cashtag) instead of a bank-routing form, then adopt a giveaway ritual (#CashAppFriday) that users invented themselves — the brand's biggest campaigns are th","words":703,"file":"brands/brand-cash-app.md"},{"slug":"brand-stripe","title":"Stripe (brand)","kind":"brand","category":"fintech","tier":"S","platforms":["web","docs","product"],"tags":["developer-trust","clarity","infrastructure-prestige","gradient","documentation-as-brand"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://stripe.com"},"one_liner":"Payments brand built on developer trust: clarity, documentation, and visual calm that signal \"this is the adult in the room\" — prestige without bank stuffiness.","words":358,"file":"brands/brand-stripe.md"},{"slug":"brand-utility-first","title":"Utility First (grammar)","kind":"brand","category":"fintech","tier":"S","platforms":["web","product"],"tags":["trust-via-clarity","live-calculator","exact-numbers","stated-limitations","docs-as-marketing"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://wise.com"},"one_liner":"A reusable positioning system where the brand's entire trust claim is a live, exact, checkable number — a fee, a rate, a limit — placed where lifestyle imagery would normally go, so precision itself r","words":819,"file":"brands/brand-utility-first.md"},{"slug":"brand-craft-provenance","title":"Craft Provenance (grammar)","kind":"brand","category":"food","tier":"S","platforms":["web","packaging","retail"],"tags":["single-origin","naming-mechanism","verifiable-sourcing","process-as-copy","batch-honesty"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.graza.co"},"one_liner":"A reusable positioning system where the entire brand is the traceable origin story of one material or process, named in exact, checkable detail — the provenance itself is the product claim, not suppor","words":782,"file":"brands/brand-craft-provenance.md"},{"slug":"brand-stake","title":"Stake.com (brand)","kind":"brand","category":"gambling","tier":"A","platforms":["web","app","streaming"],"tags":["high-contrast-identity","streamer-distribution","crypto-native-trust-theater","neon-visual-system","ethically-bounded-case-study"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://stake.com"},"one_liner":"Online crypto casino that built brand recognition through a distinctive neon-on-dark visual system and near-total reliance on streamer/creator sponsorship for distribution, rather than a traditional c","words":882,"file":"brands/brand-stake.md"},{"slug":"brand-industrial-honesty","title":"Industrial Honesty (grammar)","kind":"brand","category":"hardware","tier":"S","platforms":["web","product","packaging"],"tags":["repairability","material-truth","anti-gloss","schematic-aesthetic","spec-sheet-marketing","right-to-repair"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://frame.work"},"one_liner":"A reusable positioning system (the shared grammar across Framework, teenage engineering, and reMarkable, not any one company) where showing the literal internals — the screw, the exploded diagram, the","words":832,"file":"brands/brand-industrial-honesty.md"},{"slug":"brand-teenage-engineering","title":"Teenage Engineering (brand)","kind":"brand","category":"hardware","tier":"S","platforms":["web","product","packaging"],"tags":["industrial-design","playful-precision","scarcity","object-as-brand","nordic-minimal","enthusiast"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://teenage.engineering"},"one_liner":"Brand as industrial-design cult: products look like toys engineered by adults, scarcity and documentation deepen desire, and the website behaves like a museum catalog more than a storefront.","words":420,"file":"brands/brand-teenage-engineering.md"},{"slug":"brand-balenciaga","title":"Balenciaga (brand, Demna-era)","kind":"brand","category":"luxury-fashion","tier":"S","platforms":["web","campaign","retail"],"tags":["controlled-controversy","scale-as-signal","campaign-as-cultural-event","absurdity-as-craft","price-integrity"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.balenciaga.com"},"one_liner":"Luxury house that weaponizes deliberate absurdity — exaggerated silhouettes, \"ugly\" objects treated as icons, and campaigns built to detonate in culture — using the same technical construction rigor a","words":745,"file":"brands/brand-balenciaga.md"},{"slug":"brand-chrome-hearts","title":"Chrome Hearts (brand)","kind":"brand","category":"luxury-fashion","tier":"S","platforms":["web","retail","product"],"tags":["motif-system","scarcity-as-heritage","gothic-craft","price-as-exclusion","subculture-aristocracy"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.chromehearts.com"},"one_liner":"Luxury built on a closed vocabulary of recurring symbols (cross, fleur-de-lis, dagger, Gothic script) stamped in sterling silver and leather across jewelry, eyewear, furniture, and clothing — so the o","words":770,"file":"brands/brand-chrome-hearts.md"},{"slug":"brand-editorial-authority","title":"Editorial Authority (grammar)","kind":"brand","category":"media","tier":"S","platforms":["web","print","retail"],"tags":["masthead-trust","curatorial-verdict","byline-accountability","issue-numbering","editorial-commerce-split"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://monocle.com"},"one_liner":"A reusable positioning system where the brand borrows journalism's trust architecture — mastheads, numbered issues, bylines, curatorial verdicts — instead of advertising claims, so the audience trusts","words":799,"file":"brands/brand-editorial-authority.md"},{"slug":"brand-founder-voice","title":"Founder Voice (grammar)","kind":"brand","category":"media","tier":"S","platforms":["web","social","product"],"tags":["founder-led","personal-register","distribution-as-voice","authenticity-signal","low-production-trust"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.mintmobile.com"},"one_liner":"A reusable positioning system where the founder's own unfiltered register — not a brand style guide — becomes the primary distribution channel, and every surface is written to sound like that one pers","words":812,"file":"brands/brand-founder-voice.md"},{"slug":"brand-membership-club","title":"Membership Club (grammar)","kind":"brand","category":"membership","tier":"S","platforms":["web","retail","product"],"tags":["exclusivity-mechanism","application-gate","unbranded-status","curated-access","community-vouching"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.sohohouse.com"},"one_liner":"A reusable positioning system where status is signaled by what and who is excluded — an application, a waitlist, a members-only object — rather than by a visible logo, so belonging itself, not a mark,","words":779,"file":"brands/brand-membership-club.md"},{"slug":"brand-uber","title":"Uber (brand)","kind":"brand","category":"mobility","tier":"A","platforms":["web","app","campaign"],"tags":["eta-as-trust","infrastructure-positioning","dual-sided-calm","default-behavior","city-as-product"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.uber.com"},"one_liner":"Mobility brand that positions itself as default civic infrastructure rather than a lifestyle choice — the reliability of a predicted arrival time, not personality, is the thing being sold, and the who","words":815,"file":"brands/brand-uber.md"},{"slug":"brand-gallery-retail","title":"Gallery Retail (grammar)","kind":"brand","category":"retail","tier":"S","platforms":["retail","social","web"],"tags":["installation-cadence","spectacle-commerce-split","photography-first-design","zero-media-distribution","guest-curation"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.gentlemonster.com"},"one_liner":"A reusable positioning system where the store is staged as a rotating art installation on a fixed cadence — generating its own media independent of any product drop — while a separate, disciplined com","words":839,"file":"brands/brand-gallery-retail.md"},{"slug":"brand-corteiz","title":"Corteiz (brand)","kind":"brand","category":"streetwear","tier":"A","platforms":["social","web","retail-guerrilla"],"tags":["founder-voice","tagline-mythology","guerrilla-stunt-pr","coded-belonging","anti-corporate-positioning","direct-to-fan-distribution"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://corteiz.com"},"one_liner":"Run the brand through the founder's own voice and phone camera — Clint419 announces drops, locations, and stunts directly to followers with no PR layer — so \"Rules The World\" reads as a literal, commu","words":698,"file":"brands/brand-corteiz.md"},{"slug":"brand-palace","title":"Palace Skateboards (brand)","kind":"brand","category":"streetwear","tier":"A","platforms":["web","retail","video"],"tags":["logo-as-flexible-system","self-deprecating-humor","skate-credibility","video-first-promo","high-low-collab-range","british-dry-wit"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://palaceskateboards.com"},"one_liner":"Anchor everything to a real skate team and a single flexible mark (the Tri-Ferg triangle) delivered with British self-deprecating dry humor — the brand can collaborate with Ralph Lauren or Adidas one ","words":716,"file":"brands/brand-palace.md"},{"slug":"brand-supreme","title":"Supreme (brand)","kind":"brand","category":"streetwear","tier":"S","platforms":["web","retail","social"],"tags":["scarcity-as-operating-model","drop-calendar","box-logo","collab-as-commentary","resale-economy","brand-silence"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.supreme.com"},"one_liner":"Turn a fixed weekly drop time and a hard-capped box logo into a standing cultural appointment — the brand never explains, discounts, or restocks, so the resale market does its advertising for free.","words":613,"file":"brands/brand-supreme.md"},{"slug":"copy-waitlist-and-invite","title":"Waitlist and invite copy","kind":"copy","category":"acquisition","tier":"A","platforms":["web","mobile"],"tags":["waitlist","invite","referral","scarcity","exclusivity"],"patterns":["referral-and-invite","onboarding-flows"],"updated":"2026-07-26","links":{},"one_liner":"Exclusivity copy only survives contact with a real audience when it states the one true reason for the wait — capacity, onboarding quality, or intentional selection — because the instant that reason t","words":652,"file":"copy/copy-waitlist-and-invite.md"},{"slug":"copy-founder-notes","title":"Founder notes and changelog voice","kind":"copy","category":"brand","tier":"A","platforms":["web","email"],"tags":["founder-voice","changelog","storytelling","specificity","trust"],"patterns":["docs-and-changelogs","changelog-and-release-notes-inapp"],"updated":"2026-07-26","links":{},"one_liner":"A founder letter or changelog earns trust by naming the actual thing that changed — a real garment studied, a real bug fixed, a real reason a decision was made — in first person, because the moment th","words":686,"file":"copy/copy-founder-notes.md"},{"slug":"copy-irreverent-with-claims","title":"Irreverent copy with real claims","kind":"copy","category":"brand","tier":"S","platforms":["web","social","packaging"],"tags":["voice","humor","claims","dtc","marketing","trust"],"patterns":["microcopy-and-ux-writing","landing-page-anatomy"],"updated":"2026-07-25","links":{},"one_liner":"Loud personality only works when every punchline sits on a true, checkable claim — and when transactional surfaces go mute so the bit never taxes trust.","words":369,"file":"copy/copy-irreverent-with-claims.md"},{"slug":"copy-luxury-quiet","title":"Quiet luxury copy register","kind":"copy","category":"brand","tier":"A","platforms":["web"],"tags":["quiet-luxury","restraint","voice","material-copy","anti-homogenized"],"patterns":["product-detail-pages","landing-page-anatomy"],"updated":"2026-07-26","links":{},"one_liner":"Real quiet-luxury copy replaces persuasion with fact — fabric composition, construction, sourcing, a research citation — set at the same visual and sentence-level weight as the price; the moment the c","words":624,"file":"copy/copy-luxury-quiet.md"},{"slug":"copy-checkout-calm","title":"Checkout calm copy","kind":"copy","category":"commerce","tier":"S","platforms":["web","mobile"],"tags":["checkout","trust","microcopy","payments","fees","errors"],"patterns":["checkout-and-cart"],"updated":"2026-07-25","links":{},"one_liner":"When someone is about to pay, copy gets shorter, clearer, and emotionally flat — personality from the brand site does not follow them into the card form.","words":394,"file":"copy/copy-checkout-calm.md","body":"# Checkout calm copy — quiet words at the money moment\n\n**One-liner:** When someone is about to pay, copy gets shorter, clearer, and emotionally flat — personality from the brand site does not follow them into the card form.\n\n## Voice register\n- **Transactional, adult, specific.** Verbs name the outcome: \"Pay $48,\" \"Place order,\" \"Save card for next time.\"\n- **No jokes, no hype, no fake urgency** on the primary pay control. Urgency belongs on merch drops and marketing — not on \"Confirm payment.\"\n- **Fees and totals in plain language** before the irreversible action. Surprise fees are a copy failure, not a pricing strategy.\n- **Errors diagnose and recover** (\"Card declined — try another card or contact your bank\") instead of blaming the user or going cute.\n\n## Line patterns\n- Primary CTA: verb + object (+ amount when known). Avoid \"Submit\" / \"Continue\" when \"Pay\" is truer.\n- Secondary: \"Back to cart,\" \"Apply code,\" \"Pay a different way\" — equal clarity, lower visual weight in UI, same clarity in words.\n- Trust lines: short facts (\"Encrypted,\" \"You can refund within 30 days\") — not essays.\n- Empty promo field: \"Discount code\" not \"Got a magic code? ✨\"\n- Processing: \"Paying…\" / \"Confirming…\" — state the system, don't entertain.\n- Success: \"Order confirmed\" + what happens next (email, tracking), not confetti copy.\n\n## Do / Don't\n**Do:** match legal reality; show total before pay; name the network/asset if crypto; keep refund/support one tap from failure.\n**Don't:** countdown timers on pay; \"Last chance!!\"; personality slang; burying the total; \"Oopsie\" declines; dark-pattern \"Yes, upgrade me\" defaults written as if helpful.\n\n## Steal / Avoid\n**Steal:** Stripe-like clarity — short labels, honest totals, instructional errors. Keep marketing voice on the PDP and mute it in checkout.\n**Avoid:** Liquid-Death-style jokes on the pay button; fake scarcity; apologizing endlessly; inventing fee names that obscure cost.\n\n## Use when\nAny cart, donate, subscribe, or crypto pay flow. Pair with [[brand-stripe]] for trust tone and [[crypto-checkout-trust]] when wallets are involved. Wrong for manifesto pages and drop teaser copy — those can be loud.\n\nOperators miss this constantly: they port homepage voice into the pay button, then wonder why conversion feels \"off.\" Calm copy is not boring — it is load-bearing trust. If marketing insists on a joke in checkout, put it in the receipt email after money clears, never before."},{"slug":"copy-drop-rules","title":"Drop and waitlist rules copy","kind":"copy","category":"commerce","tier":"A","platforms":["web","social"],"tags":["drops","waitlist","rules","scarcity","fairness","launches"],"patterns":["drops-and-restocks"],"updated":"2026-07-25","links":{},"one_liner":"Scarcity only builds trust when the rules are legible before the event — who can enter, when winners notify, what losers get next, and whether the wait is real.","words":386,"file":"copy/copy-drop-rules.md"},{"slug":"copy-pricing-and-plans","title":"Pricing and plans copy","kind":"copy","category":"commerce","tier":"A","platforms":["web"],"tags":["pricing","plans","tiers","comparison","saas","honesty"],"patterns":["pricing-pages-web","paywalls-and-pricing-sheets","monetization-upsell-moments"],"updated":"2026-07-26","links":{},"one_liner":"Every plan gets a one-line \"for whom,\" every claim gets a number attached instead of an adjective, and the comparison table never engineers a decoy through selective feature renaming — clarity is the ","words":644,"file":"copy/copy-pricing-and-plans.md"},{"slug":"copy-ugc-prompting","title":"UGC prompting copy","kind":"copy","category":"growth","tier":"A","platforms":["web","mobile","email"],"tags":["ugc","reviews","photos","prompts","social-proof","sharing"],"patterns":["reviews-and-social-proof","referral-and-invite"],"updated":"2026-07-26","links":{},"one_liner":"The prompts that actually produce usable reviews, photos, and shares name the exact thing to show or say and fire at the moment the product was just used, not five minutes after purchase — a vague \"Te","words":715,"file":"copy/copy-ugc-prompting.md"},{"slug":"copy-error-and-empty","title":"Error and empty states","kind":"copy","category":"product","tier":"S","platforms":["web","mobile","desktop"],"tags":["errors","empty-states","recovery","onboarding","microcopy"],"patterns":["onboarding-flows"],"updated":"2026-07-25","links":{},"one_liner":"Empty and error screens are product moments: say what happened, what to do next, and what will change — never a shrug illustration with \"Nothing here yet.\"","words":369,"file":"copy/copy-error-and-empty.md"},{"slug":"copy-onboarding-first-run","title":"Onboarding first-run copy","kind":"copy","category":"product","tier":"A","platforms":["web","mobile","desktop"],"tags":["onboarding","first-run","teaching","tooltips","activation"],"patterns":["onboarding-flows","tooltips-and-feature-discovery","permission-priming"],"updated":"2026-07-26","links":{},"one_liner":"The best first-run copy gets a user to their own first real result fast, then teaches the rest of the product exactly at the moment each feature becomes relevant — never a five-slide tour that recites","words":681,"file":"copy/copy-onboarding-first-run.md"},{"slug":"copy-support-and-recovery","title":"Support and recovery copy","kind":"copy","category":"product","tier":"A","platforms":["web","mobile"],"tags":["support","refunds","help-center","trust","recovery","billing"],"patterns":["subscription-management-and-cancel-flow"],"updated":"2026-07-26","links":{},"one_liner":"Help-center, refund, dunning, and \"something went wrong\" copy is where a brand's whole trust balance gets tested at once — the fix is stating the real mechanism and the real next step in plain numbers","words":693,"file":"copy/copy-support-and-recovery.md"},{"slug":"copy-technical-honest","title":"Technical honest copy","kind":"copy","category":"product","tier":"A","platforms":["web","cli","hardware"],"tags":["engineering","api","hardware","spec-sheet","precision","no-marketing-fog"],"patterns":["docs-and-changelogs"],"updated":"2026-07-26","links":{},"one_liner":"Engineer-facing, API, and hardware copy sells through the diagram and the datasheet, not the adjective — teenage engineering names a headline after a model code, Framework photographs the screwdriver,","words":687,"file":"copy/copy-technical-honest.md"},{"slug":"creator-affiliate-engine","title":"Creator affiliate engine","kind":"growth","category":"acquisition","tier":"A","platforms":["web","mobile","social"],"tags":["affiliate","creator-economy","attribution","influencer","commission","ltk"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.shopltk.com"},"one_liner":"Give creators a unique, trackable code or link tied to their own name with a real-time dashboard, pair it with brand-fit guardrails instead of a script, and the incentive to keep mentioning the produc","words":726,"file":"growth/creator-affiliate-engine.md"},{"slug":"free-tool-top-of-funnel","title":"Free tool top of funnel","kind":"growth","category":"acquisition","tier":"A","platforms":["web"],"tags":["free-tool","seo","product-led-growth","calculator","plg","self-serve"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.canva.com"},"one_liner":"Ship a genuinely useful free tool that completely solves one narrow real problem, and let the moment a user hits its natural ceiling — more volume, more collaborators, more history — be the only place","words":766,"file":"growth/free-tool-top-of-funnel.md"},{"slug":"waitlist-referral","title":"Waitlist + referral","kind":"growth","category":"acquisition","tier":"S","platforms":["web","mobile"],"tags":["waitlist","referral","viral-loop","invite","early-access","superhuman"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://www.superhuman.com"},"one_liner":"Gate access, then let every waitlisted person skip the line by inviting others — turning patience into a growth mechanic when the product is actually scarce or intentionally paced.","words":428,"file":"growth/waitlist-referral.md"},{"slug":"drop-mechanics","title":"Drop mechanics","kind":"growth","category":"commerce","tier":"S","platforms":["web","mobile","social"],"tags":["scarcity","drops","waitlist","draw","snkrs","hype","inventory"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://www.nike.com/launch"},"one_liner":"Controlled release + visible demand turns inventory into media: the event is the acquisition channel, and sellout is proof that compounds desire for the next drop.","words":439,"file":"growth/drop-mechanics.md","body":"# Drop mechanics — scarcity as a growth engine\n\n**One-liner:** Controlled release + visible demand turns inventory into media: the event is the acquisition channel, and sellout is proof that compounds desire for the next drop.\n\n## The loop\n- **Trigger:** announced drop time / draw window / early-access tier (email, app push, social countdown).\n- **Action:** enter draw, queue, or FCFS checkout for a limited SKU.\n- **Reward:** win/purchase confirmation, unboxing content, social status of \"got it.\"\n- **Next cycle:** sold-out residue + waitlist + rumor calendar feed the following drop; losers remain in the funnel.\n- **What compounds:** audience size, perceived desirability, UGC, and email/app install base — not just units sold.\n- **Levers:** allocation size, access rules (members vs public), bot resistance, and how loudly sellout is displayed afterward.\n\n## Mechanics in the wild\n- **Nike SNKRS / Launch:** draws and launches as appointment commerce; app is the arena; loss is part of the habit loop.\n- **Supreme / streetwear FCFS:** queue culture and block culture; speed and presence matter; restocks are events.\n- **Liquid Death merch drops:** sellouts left visible; scarcity as content without always needing a draw system.\n- **Teenage Engineering limited runs:** quieter scarcity — cult catalog energy rather than hype-app theater.\n- Edge differences: **draw** randomizes fairness optics; **FCFS** rewards speed/tech; **waitlist** softens loss into deferred hope.\n\n## Anatomy checklist\n- Teaser / calendar entry with exact rules (who can enter, when winners notify).\n- Identity + anti-bot layer appropriate to demand (account quality, device checks) without tanking UX for humans.\n- States for: registered, pending, won, lost, purchased, sold out — each with clear next action.\n- Post-drop: public sold-out PDPs, waitlist capture, \"notify on restock,\" content kit for winners.\n- Instrumentation: enter rate, win rate, checkout completion, bot fail rate, share rate, return-to-next-drop.\n- MVP: timed release + email waitlist + honest sold-out state. Scaled: app, draws, member tiers, localized inventory.\n\n## Failure modes\n- Fake scarcity on infinite inventory → trust collapse.\n- Bot dominance → community rage; growth becomes toxic.\n- Rules opacity → accusations of favoritism.\n- Drop fatigue → audience trains to ignore countdowns.\n- Checkout breaks at peak → acquired demand dies at the money moment.\n- Brand mismatch: medical/fintech \"drops\" feel manipulative.\n\n## Steal / Avoid\n**Steal:** make rules legible; display sellout as proof; give losers a next action; treat the drop calendar as content; match mechanic (draw vs FCFS) to fairness needs; keep post-purchase shareable.\n**Avoid:** artificial timers on evergreen stock; copying SNKRS chrome without demand; punishing real fans with captcha hell while bots win; using drops as a substitute for product-market fit."},{"slug":"telegram-commerce","title":"Telegram commerce","kind":"growth","category":"community","tier":"A","platforms":["telegram","web"],"tags":["telegram","community","bots","crypto-commerce","alerts","dm-sales"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://telegram.org"},"one_liner":"Use Telegram groups/channels/bots as the distribution and relationship layer — alerts, trust, and checkout handoffs — especially where crypto, drops, and community-native buyers already live.","words":453,"file":"growth/telegram-commerce.md"},{"slug":"content-as-product-loop","title":"Content-as-product loop","kind":"growth","category":"content","tier":"S","platforms":["web","email","mobile"],"tags":["editorial","newsletter","subscription","media","owned-audience","podcast"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://stratechery.com"},"one_liner":"When the writing, podcast, or newsletter isn't a funnel bolted onto an unrelated product but is itself the thing being evaluated and paid for, every piece has to earn attention on its own merit, and t","words":804,"file":"growth/content-as-product-loop.md"},{"slug":"seo-content-cluster","title":"SEO content cluster","kind":"growth","category":"content","tier":"A","platforms":["web"],"tags":["seo","content","topical-authority","cluster","search","programmatic"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://developers.google.com/search/docs"},"one_liner":"Pick a money topic, build a hub + spoke cluster of genuinely useful pages, and let internal links + freshness turn search demand into a durable acquisition channel — not a pile of keyword essays.","words":423,"file":"growth/seo-content-cluster.md"},{"slug":"ugc-seed-loop","title":"UGC seed loop","kind":"growth","category":"content","tier":"A","platforms":["web","mobile","social"],"tags":["ugc","content","remix","packaging","meme","community-content"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.glossier.com"},"one_liner":"Build one specific, easy-to-copy format into the product itself, then treat regramming and featuring the best copies as a core marketing job — the format teaches the next customer what a \"good post\" l","words":790,"file":"growth/ugc-seed-loop.md"},{"slug":"crypto-checkout-trust","title":"Crypto checkout trust","kind":"growth","category":"crypto","tier":"A","platforms":["web"],"tags":["crypto","checkout","trust","payments","wallet","conversion"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://commerce.coinbase.com"},"one_liner":"Crypto payment flows win when they feel as boring and verifiable as card checkout — clear amounts, clear addresses/networks, clear status — because trust friction kills conversion harder than gas fees","words":436,"file":"growth/crypto-checkout-trust.md"},{"slug":"launch-event-theater","title":"Launch event theater","kind":"growth","category":"events","tier":"A","platforms":["web","mobile","in-person"],"tags":["live-event","launch","ritual","livestream","appointment-viewing","keynote"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.apple.com/apple-events/"},"one_liner":"Turn a launch into a recurring, appointment-shaped ritual with its own recognizable format and fandom, so the anticipation, live communal watching, and aftermath discourse become a bigger and more dur","words":830,"file":"growth/launch-event-theater.md"},{"slug":"marketplace-liquidity-flywheel","title":"Marketplace liquidity flywheel","kind":"growth","category":"marketplace","tier":"S","platforms":["web","mobile"],"tags":["marketplace","cold-start","liquidity","two-sided","supply-demand","wedge"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://stockx.com"},"one_liner":"A marketplace has no value until both sides show up, so the operator manually subsidizes the scarcer side first inside one narrow wedge, and only opens up self-serve growth once early transactions act","words":825,"file":"growth/marketplace-liquidity-flywheel.md"},{"slug":"community-owned-surface","title":"Community-owned surface","kind":"growth","category":"retention","tier":"S","platforms":["web","mobile"],"tags":["community","retention","moat","network-effects","in-product-social","leaderboard"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.strava.com"},"one_liner":"When the social surface (leaderboard, feed, gallery, votes-into-production) lives inside the core product loop rather than in a separate rented channel, contribution becomes nearly the same action as ","words":741,"file":"growth/community-owned-surface.md"},{"slug":"habit-streak-retention","title":"Habit streak retention","kind":"growth","category":"retention","tier":"A","platforms":["mobile","web"],"tags":["streak","habit-loop","retention","gamification","notifications","forgiveness"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.duolingo.com"},"one_liner":"A well-designed streak makes consistency itself feel rewarding and offers real forgiveness for a missed day, while a toxic streak turns a lapse into a threat against something the user actually cares ","words":748,"file":"growth/habit-streak-retention.md"},{"slug":"post-purchase-dopamine","title":"Post-purchase dopamine","kind":"growth","category":"retention","tier":"A","platforms":["web","email","mobile"],"tags":["retention","receipt","unboxing","shop-app","order-tracking","ufg"],"patterns":[],"updated":"2026-07-25","links":{"site":"https://shop.app"},"one_liner":"Treat confirmation → tracking → delivery → unboxing as a designed product experience so buyers create content, reorder, and trust the brand enough to buy again without re-acquisition cost.","words":425,"file":"growth/post-purchase-dopamine.md"},{"slug":"ai-slop","title":"AI slop — the anti-reference","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["anti-reference","default-convergence","gradient-purple","bento-grid","inter-font","auto-generated"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.creativebloq.com","mobbin":"https://mobbin.com/glossary/ai-generated-ui"},"one_liner":"emerged 2023–2025 as generative tools (v0, Lovable, Framer AI, Midjourney logo prompts, ChatGPT-drafted landing copy) converged on the same defaults because they were trained on the same defaults — a ","words":932,"file":"movements/ai-slop.md","body":"# AI slop — the anti-reference — the visual dialect of \"an LLM made this in one prompt and nobody art-directed it after\"\n\n**Lineage:** emerged 2023–2025 as generative tools (v0, Lovable, Framer AI, Midjourney logo prompts, ChatGPT-drafted landing copy) converged on the same defaults because they were trained on the same defaults — a feedback loop of AI output becoming AI training data. Named and codified 2025–2026: Sailop's ~100-page \"State of the AI-Generated Web\" report catalogued the tells at scale, 925studios published an avoidance guide, and Creative Boom ran the epitaph line — \"the four-pointed star for AI logos, and gradients for everything\" (verified 2026-07). It is now a *named, shamed* genre — launches get roasted specifically for reading as AI slop, independent of whether AI actually built them. This card exists so izzy's builds are never mistaken for one-shot output.\n\n## Definers\n- **Palette:** blue→purple gradient (≈#4F46E5 → ≈#A855F7 or ≈#3B82F6 → ≈#8B5CF6) as the default \"brand\" move, applied to hero backgrounds, buttons, and text-fill alike, with no other reason for purple to exist in the product.\n- **Type:** Inter (or an Inter-indistinguishable geometric grotesk) at the default weight ladder, no optical sizing, no display-cut pairing — because it's the default in every scaffold (shadcn/ui, Tailwind UI, v0), never a chosen decision.\n- **Iconography:** the four-pointed \"sparkle\" star (◆ variant, not a 5/6-point star) as the universal glyph for \"AI-powered,\" stamped next to every feature regardless of relevance.\n- **Layout:** bento-grid-by-default — a wall of uniform ≈16–24px-radius rounded rectangles, each holding one feature, laid out because it's an easy CSS-grid template, not because the content has that shape.\n- **Cards/shadows:** identical soft drop shadow (≈0 4px 20px rgba(0,0,0,.08)) and identical corner radius on every surface, so hero, pricing, and testimonial cards are visually indistinguishable containers.\n- **Texture:** a barely-visible noise/grain overlay or blurred gradient-blob background, added as a \"premium\" signal with no relationship to brand or content.\n- **Copy voice:** em-dash-heavy sentences, rule-of-three lists (\"Fast. Secure. Simple.\"), and headline formula \"The [adjective] way to [verb]\" — content generated to fill the layout rather than the layout built to carry specific content.\n- **Motion:** fade-up-on-scroll applied uniformly to every section at the same duration/easing, signaling \"I have a scroll-animation library installed,\" not intent.\n\n## Execution recipe\nThe tells above are produced by identifiable technical shortcuts — auditing for these mechanisms catches slop before it ships:\n- Gradient: `background: linear-gradient(135deg, #4F46E5, #A855F7)` dropped onto a `<section>` or `background-clip: text` on a headline — the single most common \"make it look AI\" instruction executed literally.\n- Bento grid: `display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px` with every child sharing one `.card` class (`border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.08)`) — zero per-card art direction.\n- Sparkle icon: a single Lucide/Heroicons `sparkles` or `sparkle` SVG re-used as the \"AI feature\" badge across the whole page instead of a custom mark.\n- Noise overlay: a base64 SVG `feTurbulence` filter or a repeating PNG at `opacity: .03–.05` layered over the hero — copy-pasted from a Tailwind/shadcn snippet, never tuned to the brand.\n- Scroll motion: Framer Motion / AOS.js `fadeInUp` with the library's default `duration: 0.5, ease: \"easeOut\"` on every `<section>`, unedited from the docs example.\n- Copy: LLM-drafted marketing copy pasted in unedited — checkable by density of em dashes, \"unlock/elevate/seamless,\" and headline templates that would fit any product with a find-and-replace.\n\n## Reference products & sites\nNo specific product is \"the\" reference — that's the point: this is the *default template* look shared across v0/Lovable/Framer-AI output, generic SaaS landing pages, and low-effort NFT/crypto-adjacent sites circa 2024–2026. The named counter-examples in the trade coverage (Sailop, 925studios, Creative Boom, verified 2026-07) are landing pages that got called out precisely for this convergence — treat any current top-of-ProductHunt SaaS page as a live specimen before shipping.\n\n## Use when / reads dated when\n- **Never as the target look.** Use this card only as a pre-ship checklist — run it against BBA Peptides, Kessler's Collectables, Broken Bags, the Izzy Reels editor UI, IZZY PLAY's console, operator dashboards, and any landing/marketing page before calling them done.\n- Reads dated **immediately** once a viewer recognizes the template — the genre's whole liability is that it signals \"no art direction happened\" the instant it's named, which is now (mid-2026, per the trade coverage above).\n- Highest-risk surfaces: fast-turnaround landing pages, admin/operator dashboards built off shadcn defaults, and any AI-copy-drafted product description — exactly the surfaces speed pressure tempts a shortcut.\n\n## Failure modes\n- Treating the gradient or sparkle icon as \"branding\" instead of removing them — the fix is deletion, not a different gradient.\n- Swapping Inter for another neo-grotesk (Geist, Söhne) without changing weight/spacing decisions — still reads as slop if the *system* (uniform radius, uniform shadow, uniform grid) is untouched.\n- Keeping the bento grid but reskinning colors — the tell is the layout logic (equal-weight cards regardless of content importance), not the palette.\n- Running AI-drafted copy through a \"make it sound more human\" pass that only swaps synonyms — em-dash density and rule-of-three structure survive a synonym pass; the fix is rewriting from the actual product fact, per [[feedback_no_invented_copy]].\n- Believing avoidance = using a *different* trendy default (glassmorphism, neubrutalism) with zero brand-specific reasoning — swapping one convergence for another isn't an escape, it's slop with a different silhouette.\n\n**The escape move:** every visual decision must trace to a fact about *this* product (its actual palette from [[reference_izzy_visual_compass]] or the project's own brief, its actual content hierarchy, its actual voice) — if a component would look identical on a different product with a find-and-replace, it's slop."},{"slug":"anti-design-anti-grid","title":"Anti-design / anti-grid","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["anti-design","neo-brutalism","broken-grid","raw-texture","maximalism","chaos-design"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://brutalist-websites.com","mobbin":"https://mobbin.com/glossary/anti-design"},"one_liner":"roots in David Carson's Ray Gun typography and punk zine collage (Jamie Reid) rejecting the Swiss grid; resurfaced as \"ugly web\" MySpace-era maximalism; formalized as the brutalist-web-design revival ","words":1041,"file":"movements/anti-design-anti-grid.md"},{"slug":"archival-museum-catalog","title":"Archival museum catalog","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["accession-number","provenance-caption","plate-layout","vitrine-spacing","catalog-typography","object-as-artifact"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://collection.cooperhewitt.org","mobbin":"https://mobbin.com/glossary/museum-catalog"},"one_liner":"the museum wall label and the auction-house lot sheet — two closely related documentation formats developed to describe a physical object with enough precision that it could be identified, tracked, an","words":1103,"file":"movements/archival-museum-catalog.md"},{"slug":"aurora-mesh-gradients","title":"Aurora / mesh gradients","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["gradient-mesh","ambient-color","hero-background","grain-overlay","webgl-shader","saas-cliche","fluid-color"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://stripe.com","mobbin":"https://mobbin.com/glossary/gradient-background"},"one_liner":"Instagram's 2016 rebrand (orange→pink→purple→blue app-icon gradient) proved a gradient could BE an identity, not decoration. Stripe generalized it into a design system with its ~2018 diagonal purple-t","words":871,"file":"movements/aurora-mesh-gradients.md"},{"slug":"bento-grids","title":"Bento grids","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["feature-grid","apple-keynote","modular-layout","css-grid","dashboard-ui","saas-default","asymmetric-grid"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.apple.com/apple-events/","mobbin":"https://mobbin.com/glossary/bento-grid"},"one_liner":"named for Japanese compartmentalized lunch boxes; the web pattern crystallized from Apple's product pages and keynote feature-summary slides (iPhone/iPad/Mac launch decks, roughly 2020-2023 as macOS B","words":1058,"file":"movements/bento-grids.md"},{"slug":"blueprint-technical-drawing","title":"Blueprint technical drawing","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["exploded-view","hairline-stroke","dimension-lines","callout-leaders","patent-drawing","cad-aesthetic"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://frame.work","mobbin":"https://mobbin.com/glossary/exploded-diagram"},"one_liner":"engineering and patent-drawing convention — USPTO design-patent illustration standards (uniform hairline strokes, no shading, numbered reference lines pointing to labeled parts) and the cyanotype \"blu","words":1128,"file":"movements/blueprint-technical-drawing.md"},{"slug":"brat-lofi-luxury","title":"Lo-fi as luxury (brat school)","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["brutalist-minimalism","single-accent-color","deliberate-lofi","gatekeeping","limited-drop","anti-polish"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://corteiz.co","mobbin":"https://mobbin.com/apps/corteiz"},"one_liner":"Corteiz (Clint419, UK, ~2017 on) proved gatekept scrappiness — bootleg-adjacent camo, a repeated alligator \"RTW\" mark, invite/password/GPS-coordinate drops — could out-desire actual luxury without a s","words":1041,"file":"movements/brat-lofi-luxury.md"},{"slug":"chaos-brand-unhinged","title":"Unhinged brand (chaos with money)","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["absurdist-voice","meme-marketing","brand-voice","social-first","manufactured-discourse","commerce-chrome"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://liquiddeath.com","mobbin":"https://mobbin.com/apps/liquid-death"},"one_liner":"Old Spice's \"The Man Your Man Could Smell Like\" (2010, Wieden+Kennedy) proved absurdist voice could move a legacy category; Wendy's Twitter roast era (~2017) proved a brand could run inside a platform","words":964,"file":"movements/chaos-brand-unhinged.md"},{"slug":"claymorphism-soft-3d","title":"Claymorphism & soft 3D","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["claymorphism","soft-3d","pastel","inflated-icons","neumorphism-evolution","matte-render","friendly-ui","onboarding"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://hype4.academy/articles/design/claymorphism-in-user-interfaces","mobbin":"https://mobbin.com/glossary/claymorphism"},"one_liner":"direct descendant of neumorphism (Alexander Plyuto's 2019 \"Skeuomorph mobile banking\" Dribbble shot, monochrome carved-gray UI). Neumorphism died fast on accessibility (near-zero contrast between elem","words":992,"file":"movements/claymorphism-soft-3d.md"},{"slug":"data-brutalism","title":"Data brutalism","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["dense-ui","monospace-numerics","trading-terminal","dark-mode","tabular-data","operator-console","semantic-color"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.hyperliquid.xyz","mobbin":"https://mobbin.com/apps/kraken-pro"},"one_liner":"roots in the Bloomberg Terminal (launched 1982; still ships a dense multi-pane, function-key-driven layout to ~325k paid seats), crossed with the 2010s \"brutalist web design\" backlash against flat/Boo","words":830,"file":"movements/data-brutalism.md","body":"# Data brutalism — density itself is the status symbol\n\n**Lineage:** roots in the Bloomberg Terminal (launched 1982; still ships a dense multi-pane, function-key-driven layout to ~325k paid seats), crossed with the 2010s \"brutalist web design\" backlash against flat/Bootstrap sameness (raw HTML, visible grid, no decoration). Crystallized into its current form on crypto-native trading UIs — Kraken Pro (formerly Cryptowatch), Hyperliquid, dYdX, TradingView's watchlist/DOM panes — through the early 2020s, where density became a deliberate signal of professional-grade access set against consumer fintech's whitespace-heavy onboarding (Robinhood, Cash App). The pitch: if a screen looks like it needs training to read, the product must be for people serious enough to have that training.\n\n## Definers\n- **Near-black, not pure black, background** ≈#0a0a0d–#0d0e12, often with a faint blue or green tint rather than true `#000` — pure black reads as OLED-saver, tinted near-black reads as \"instrument panel.\"\n- **Monospace or tabular numerics everywhere data lives** — IBM Plex Mono / JetBrains Mono / SF Mono / Berkeley Mono at ≈11–13px, `font-variant-numeric: tabular-nums` on any proportional fallback so digits don't jitter column alignment as values tick.\n- **Semantic color is rationed to exactly two hues plus neutral** — green ≈#26a69a/#00c853 for up/bid, red ≈#ef5350/#ff3b3b for down/ask, everything else stays grayscale white-on-dark. Any third accent hue dilutes the signal.\n- **Hairline dividers, not cards** — 1px borders at low contrast (gray-on-gray, ≈8-12% opacity difference from the fill) segment panels; no drop shadows, no elevation, no border-radius (or ≤2px) — flatness is the brutalist tell.\n- **Row height compressed to ≈18–24px**, near-zero cell padding, so dozens to hundreds of rows sit on screen without scrolling — the opposite of consumer list-view breathing room.\n- **Multi-pane tiling** — the viewport is divided into many simultaneous live feeds (orderbook, trade tape, chart, positions, chat) rather than one focused view a user navigates between tabs to reach.\n- **Micro-flash on value change** — a background-color pulse (≈150–300ms fade) on the exact cell that updated, tinted green or red by direction, is the only permitted animation; it signals liveness, not delight.\n\n## Execution recipe\n- Font stack: monospace for every numeric cell; keep labels/nav in a normal UI sans so the mono read stays reserved for data (mixing mono into prose is the #1 tell of someone imitating the surface without the substance).\n- CSS grid or `<table>` with `border-collapse: collapse`, 1px `border-color` tokens at low alpha, fixed row-height via `line-height` not `padding`.\n- Color tokens: `--up`, `--down`, `--neutral` only; every other UI element (chrome, borders, secondary text) stays on a grayscale ramp.\n- Flash-on-update: a CSS `@keyframes` background pulse triggered by a class toggle on websocket tick, removed after animation-end — never a persistent color, or the semantic read breaks.\n- Dockable/resizable panes (golden-layout, react-mosaic, or CSS grid-template-areas with drag handles) so density is user-configurable, not fixed — real terminals let operators build their own layout.\n- Virtualized scrolling (windowing) once row counts exceed a few hundred — density without virtualization is just a memory leak with a UI attached.\n- Sticky, low-height headers (≈24–28px) that never wrap; column labels abbreviated to 3-5 characters (BID, ASK, 24H%) the way real terminals do.\n\n## Reference products & sites\n[[kraken-pro]] (order book + trade tape density, green/red bid-ask), [[hyperliquid]] (funding-rate tickers, positions table, dark tinted background), [[tradingview]] (watchlist + DOM panes, tabular numerics), [[stripe-dashboard]] and [[vercel-dashboard]] as the *soft* adjacent case — data-dense but whitespace-padded, useful as the contrast reference for how much this movement strips away. Bloomberg Terminal itself is the ur-text but has no public web surface to link.\n\n## Use when / reads dated when\nReach for this on **operator dashboards and internal consoles** (inventory/stock-ops admin views, shop-ops-style control panels), **crypto/market-watch surfaces**, and any **data-table view inside an app** where the audience is the operator, not the customer — an emulation platform's ROM library grid in list-view, an admin's order queue, a trading or portfolio screen. It fits when the user's stated goal is scanning many rows fast, and density genuinely encodes more real information per pixel. It does **not** fit storefront/marketing pages, checkout flows, or onboarding — whitespace signals trust there, not expertise. It reads dated the moment density is applied decoratively: a dashboard with fifteen empty-feeling dense rows that could've been five clear ones. Once every SaaS admin panel copies the terminal look, it stops signaling \"professional-grade\" and starts signaling \"we photocopied Bloomberg.\"\n\n## Failure modes\nApplying monospace to labels and prose instead of reserving it for numeric cells (breaks legibility, gains nothing). Using more than two semantic hues, which drowns the actual bid/ask or pass/fail signal. Cramming rows for visual effect when the underlying dataset doesn't have that much real information — decorative complexity, not density. Skipping virtualization so a \"dense\" table with 2,000 unwindowed DOM rows chokes the browser. And the deepest tell: real terminals are dense because operators need every field simultaneously to make split-second decisions — if the build has no such decision to support, the density is cosplay, not function."},{"slug":"dopamine-maximalism","title":"Dopamine maximalism / Y2K","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["chrome-text","stickers","gradient-mesh","y2k-revival","gen-z-nostalgia","glossy-ui","maximalism"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://partiful.com","mobbin":"https://mobbin.com/apps/partiful"},"one_liner":"revival of late-90s/early-2000s \"Frutiger Aero\" web skeuomorphism (glossy XP/Vista buttons, chrome CD-ROM UI, Bliss-wallpaper optimism) plus 2000s teen-mall visual culture (Claire's, Bratz, MSN Messen","words":994,"file":"movements/dopamine-maximalism.md"},{"slug":"editorial-serif-web","title":"Editorial serif web","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["serif-display","drop-cap","rag-control","magazine-layout","prestige-type","longform"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://stripe.press","mobbin":"https://mobbin.com/apps/anthropic"},"one_liner":"roots in print magazine/book typography (Swiss and American editorial design of the 1960s–80s: The New Yorker, Vanity Fair, university-press book design). Ported to the web as brands wanted to signal ","words":964,"file":"movements/editorial-serif-web.md"},{"slug":"eink-dot-matrix","title":"E-ink & dot-matrix","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["paper-mimic","dithering","monospace","calm-tech","low-refresh","thermal-print"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://remarkable.com","mobbin":"https://mobbin.com/apps/remarkable"},"one_liner":"E Ink Corp span out of MIT Media Lab in 1997; Amazon's Kindle (2007) put the reflective grayscale panel in front of a mass audience. reMarkable (Norway, 2017; Paper Pro added color E Ink Kaleido in 20","words":939,"file":"movements/eink-dot-matrix.md"},{"slug":"frutiger-aero-revival","title":"Frutiger Aero revival","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["frutiger-aero","y2k-revival","glassmorphism","web2-nostalgia","gen-z-nostalgia","glossy-ui","aqua-ui"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://frutigeraeroarchive.org"},"one_liner":"the aesthetic of ~2004–2013 consumer tech — Windows XP's \"Bliss\" wallpaper + Luna theme, Windows Vista/7 Aero Glass, Mac OS X Aqua's candy buttons (2000-2007), iTunes/iPod chrome, Xbox 360 \"Blades\" da","words":894,"file":"movements/frutiger-aero-revival.md"},{"slug":"generative-ui","title":"Generative / agentic UI","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["streaming-render","ai-provenance","diff-accept-reject","chat-canvas-split","component-registry","agent-authored"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://sdk.vercel.ai/docs/ai-sdk-rsc/generative-ui","mobbin":"https://mobbin.com/apps/chatgpt"},"one_liner":"emerged 2023–2024 from two threads meeting: chat-first AI products (ChatGPT) needing richer output than markdown, and dev-tool \"agent mode\" features (GitHub Copilot Workspace, Cursor Composer) needing","words":1109,"file":"movements/generative-ui.md"},{"slug":"glassmorphism-2","title":"Glassmorphism 2.0","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["backdrop-filter","frosted-glass","liquid-glass","edge-light","specular-highlight","performance-budget","contrast-safety"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/materials","mobbin":"https://mobbin.com/glossary/glassmorphism"},"one_liner":"first wave (~2020-2021) came out of Windows Vista Aero's frosted chrome, revived by designer Michal Malewicz's \"Glassmorphism\" writeups and macOS Big Sur's Control Center panels, then flattened into a","words":884,"file":"movements/glassmorphism-2.md"},{"slug":"handmade-analog-craft","title":"Handmade analog craft","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["letterpress-deboss","kiln-variation","dye-lot-inconsistency","maker-mark","hand-numbered-edition","material-photography"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.heathceramics.com","mobbin":"https://mobbin.com/glossary/letterpress"},"one_liner":"working craft traditions that never digitized their production — letterpress printing (Hatch Show Print, Nashville, printing show posters on wood type since 1879 and still a working shop, not a museum","words":1261,"file":"movements/handmade-analog-craft.md"},{"slug":"hardware-industrial","title":"Hardware-industrial","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["schematic","monospace-type","part-numbers","function-first","teenage-engineering","technical-drawing","dashboard-ui"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://teenage.engineering","mobbin":"https://mobbin.com/apps/teenage-engineering"},"one_liner":"roots in Dieter Rams-era Braun functionalism (1960s, \"as little design as possible\") and NASA/military technical-drawing standards, filtered through Swiss International Typographic Style grid discipli","words":906,"file":"movements/hardware-industrial.md"},{"slug":"homogenized-premium","title":"Homogenized premium — the anti-reference","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["anti-reference","premium-sameness","quiet-luxury-clone","logo-test-fail","cream-paper","neo-grotesk-serif","bento-lite"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.designrush.com/agency/website-design-development/trends/ai-startup-homepage-design","article":"https://bigpiecreative.com/why-boring-is-the-new-bold-the-quiet-luxury-shift-in-web-design/"},"one_liner":"the direct sister movement to [[ai-slop]] — the overcorrection that followed once purple-gradient AI slop got named and shamed (2025–2026). Builders and AI scaffolds didn't learn to art-direct; they l","words":1254,"file":"movements/homogenized-premium.md","body":"# Homogenized premium — the anti-reference — the visual dialect of \"we hired a designer, and so did everyone else\"\n\n**Lineage:** the direct sister movement to [[ai-slop]] — the overcorrection that followed once purple-gradient AI slop got named and shamed (2025–2026). Builders and AI scaffolds didn't learn to art-direct; they learned a new safe default: swap the gradient for cream, swap Inter-at-default-weight for a \"considered\" serif/grotesk pair, swap the sparkle icon for a hairline rule. Trade coverage clocked the shift in real time — DesignRush's mid-2026 survey of AI-sector homepages found Anthropic, Cohere, xAI, and Mistral converging on \"soft creams, warm grays, and muted off-whites\" as the default signal of enterprise trust (verified 2026-07); Big Pie Creative named it outright as the \"Quiet-Luxury shift in web design,\" noting that \"hyper-intentional restraint\" had itself become a template. The mechanism underneath is statistical: a generator returns the most probable \"premium\" composite, so a prompt for \"quiet luxury, considered, elevated\" now returns the same page everywhere it's asked. The result is a genre that reads as premium to a client on first glance and identical to every other funded launch on second glance. This card exists so izzy's builds never pass \"looks expensive\" while still failing the only test that matters: could a stranger tell whose site this is with the logo covered.\n\n## Definers\n- **Palette:** cream/oat/bone grounds (≈#F7F4EE–#FAF8F3) against charcoal or soft-black ink, with one muted sage/stone/clay accent used on a sliver of the surface — the \"premium\" palette of the moment, applied with zero brand-specific reasoning for why *this* neutral, *this* accent.\n- **Type:** neo-grotesk (Inter, Geist, Söhne) or a \"tasteful\" transitional/humanist serif display (Canela, GT Sectra, Reckless-adjacent) paired with a grotesk body — the exact pairing formula [[quiet-luxury-dtc]] catalogs as earned craft, now run by AI scaffolds and rushed agencies alike with no per-brand tuning of weight, tracking, or x-height.\n- **Layout:** oversized whitespace as a default setting, not a decision — margins padded out because \"premium = space\" is the rule of thumb, independent of what the actual content needs room to say.\n- **Feature rows:** bento-lite — 2–3 column card grids, softer radius and lower elevation than AI-slop's bento (a 1px hairline instead of a drop-shadow flex), but the same underlying logic underneath: equal-weight boxes regardless of which feature actually matters.\n- **Imagery:** soft, desaturated, faintly blurred product or lifestyle photography — \"considered\" lighting that reads as a filter preset (warm highlights, lifted blacks) rather than an actual shoot with direction behind it.\n- **Rules & dividers:** hairline borders (≈1px, low-opacity) standing in for structure everywhere elevation might otherwise be needed — borrowed from the quiet-luxury grammar without the material or provenance content that grammar is supposed to justify.\n- **Copy voice:** \"considered,\" \"elevated,\" \"crafted,\" \"thoughtfully made,\" \"intentional\" — a vocabulary cluster that signals class rather than stating any fact about the actual product.\n- **Motion:** fade-up-on-scroll, ≈400–600ms ease-out, applied uniformly across every section — the same restraint AI-slop's fade-up mutated into, just slower and with the bounce removed.\n- **Logo lockup:** a minimal wordmark with no accompanying mark, icon, or object system — indistinguishable at a glance from any other brand that decided \"restraint\" meant skipping a visual anchor entirely.\n\n## Execution recipe\nThe tells above trace to the same handful of copy-pasted decisions — auditing for these mechanisms catches homogenized premium before a client mistakes it for done:\n- Palette tokens dropped in wholesale: `--paper:#F7F4EE; --ink:#1C1B19; --accent:#8A9A82;` (sage) or `--accent:#B8AFA3` (stone) — pulled from a \"premium palette\" reference board with no derivation from the brand's own material, history, or product.\n- Type stack copy-pasted, not chosen: `font-family:'Canela','GT Sectra',Georgia,serif` for display, `'Suisse Intl','Inter',sans-serif` for body — [[quiet-luxury-dtc]]'s exact pairing recipe, applied with none of its weight/tracking tuning.\n- Section padding set to a flat `120–160px` top/bottom regardless of content density — a \"premium\" default inherited from a template, not a hierarchy decision.\n- Bento-lite grid: `display:grid; grid-template-columns:repeat(3,1fr); gap:24px;` with `border:1px solid rgba(0,0,0,.08)` on every card instead of AI-slop's drop shadow — identical equal-weight-card logic, just a quieter shadow.\n- Photography treatment: a single desaturation-plus-warm-highlight preset (\"Cream,\" \"Editorial,\" or similar Lightroom pack) applied uniformly to stock or lightly-directed photography, standing in for an actual art-directed shoot.\n- Copy: an LLM prompt for \"premium brand copy\" run once and shipped unedited — reliably returns \"considered,\" \"elevated,\" \"crafted,\" checkable the same way AI-slop copy is checkable: by vocabulary density, not by any product fact underneath it.\n- Motion: Framer Motion / AOS.js `fadeInUp` at the library default `duration:0.5, ease:\"easeOut\"` — the same unedited default AI-slop ships, just running on a calmer palette so it reads intentional instead of templated.\n\n## Reference products & sites\nNo single site is \"the\" reference — same trap as [[ai-slop]]. The genre lives across most 2026 funded-startup and AI-sector marketing pages (the Anthropic/Cohere/xAI/Mistral class DesignRush surveyed, verified 2026-07), Framer and Webflow \"editorial\" or \"studio\" template packs, and any agency site optimizing to never offend a client. Contrast it against the real thing it's imitating: [[aesop]] and the [[quiet-luxury-dtc]] movement earn their restraint with actual material and provenance content on the page; homogenized premium copies the surface grammar without the substance the grammar is supposed to carry.\n\n## Use when / reads dated when\n- **Never as the target look — this card is a pre-ship checklist only.** Run it against every \"premium\" landing page, brand site, or investor-facing marketing surface before calling it done: if it passes \"looks expensive\" but fails the logo-removal test (cover the wordmark — does anything else on the page still say whose site this is?), fail the build and send it back for a mechanism, not a palette swap.\n- Reads dated the moment a design-literate viewer — an investor, a competitor's designer, a design-critic post — does that exact logo-removal swap, which is now a routine reviewer move in 2026, not a rare one.\n- Highest-risk surfaces: funded-startup landing pages, agency portfolio sites under deadline pressure, any AI-drafted \"About\" or \"Values\" page, and IzzyDesign's own client work when speed tempts the safe default — exactly where \"looks premium, offends nobody\" is the path of least resistance.\n\n## Failure modes\n- Treating cream-and-sage as \"the brand palette\" instead of recognizing it as this decade's default — the fix is deriving palette from the product or material, not swapping in a different neutral.\n- Swapping the serif for a different \"tasteful\" serif (Canela → Reckless → GT Sectra) without touching the underlying system (grid, spacing, motion) — still homogenized premium if the *structure* is untouched, the identical trap [[ai-slop]] names for gradient swaps.\n- Believing whitespace alone signals premium — per [[quiet-luxury-dtc]]'s own failure modes, whitespace with no typographic hierarchy or material content underneath reads as empty, not as considered.\n- Running the logo-removal test only against the homepage hero — the tell usually shows up first in the feature-row bento-lite cards and the footer, the surfaces nobody bothers to art-direct.\n- Assuming avoidance means bolting one \"weird\" element (an odd cursor, one bold color pop) onto an otherwise homogenized-premium page — a single garnish doesn't change the underlying system, the same \"different trendy default\" trap [[ai-slop]] warns against.\n\n**The escape move:** identical to ai-slop's — every visual decision must trace to a fact about *this* product (its actual materials, its actual founder story, its actual customer, its actual price point), never to \"what premium brands currently look like.\" If a homepage would look equally at home on a competitor's product with a find-and-replace, it fails the logo test, and it fails this card."},{"slug":"immersive-3d-web","title":"Immersive 3D web","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["webgl","webgpu","three-js","shader","scroll-camera","award-site","real-time-3d"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.lusion.co","mobbin":"https://mobbin.com/glossary/webgl-scroll-scene"},"one_liner":"grew out of the WebGL-experiment scene (~2014-2016, three.js maturing, Codrops tutorials) into a defined award-circuit genre once studios like [[igloo-inc]] and [[bruno-simon-portfolio]] proved a brow","words":975,"file":"movements/immersive-3d-web.md"},{"slug":"kinetic-typography-web","title":"Kinetic typography (web)","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["splittext","variable-fonts","scroll-trigger","marquee","shader-type","stagger-animation","gsap","awwwards"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://obys.agency","mobbin":"https://mobbin.com/glossary/kinetic-typography"},"one_liner":"roots in mid-century motion-graphics title sequences (Saul Bass) and 90s/2000s Flash-era web type experiments, but the current web dialect was set by the WebGL/GSAP agency wave of ~2016–2022 — Obys Ag","words":949,"file":"movements/kinetic-typography-web.md"},{"slug":"linear-dark-saas","title":"Linear-dark SaaS","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["dark-mode","hairlines","aurora-gradient","dev-tool","operator-ui","gradient-slop","command-palette"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://linear.app","mobbin":"https://mobbin.com/apps/linear"},"one_liner":"Codified by Linear (launched 2019, Karri Saarinen's team, ex-Airbnb/Coinbase design) across its 2021-2023 redesigns — near-black canvas, hairline dividers instead of shadows, a single indigo-violet gl","words":799,"file":"movements/linear-dark-saas.md"},{"slug":"liquid-glass","title":"Liquid Glass (iOS 26 era)","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["glassmorphism","refraction","specular-highlight","adaptive-tint","skeuomorphism-revival","translucency"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/materials","mobbin":"https://mobbin.com/apps/apple-ios"},"one_liner":"Announced WWDC June 2025, shipped iOS/iPadOS/macOS 26 (Sept 2025). Apple's HIG frames it as the successor to the iOS 7 flat-design era and the frosted \"vibrancy\" material used since iOS 7/8 — a jump f","words":1142,"file":"movements/liquid-glass.md"},{"slug":"material-3-expressive","title":"Material 3 Expressive","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["material-design","spring-motion","shape-morphing","android-native","tonal-color","bold-typography"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://m3.material.io/blog/M3-expressive","mobbin":"https://mobbin.com/apps/pixel-android"},"one_liner":"announced by Google's design team at I/O May 2025 as an evolution of Material Design 3 (2021, itself the successor to \"Material You\" dynamic color). Framed explicitly as a correction: years of muted t","words":993,"file":"movements/material-3-expressive.md"},{"slug":"maximalist-print-editorial","title":"Maximalist print editorial","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["magazine-layout","type-image-collision","oversized-display","duotone-photo","bleed-crop","editorial-art-direction"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.bloomberg.com/businessweek","mobbin":"https://mobbin.com/glossary/magazine-layout"},"one_liner":"business-and-culture glossy magazine design, most visibly the Bloomberg Businessweek relaunch under creative director Richard Turley (2010–2013) — illustrated, deliberately provocative covers where a ","words":1104,"file":"movements/maximalist-print-editorial.md"},{"slug":"neubrutalism","title":"Neubrutalism","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["hard-shadow","raw-borders","color-block","sticker-ui","gumroad-era","anti-gradient","maximalist"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://gumroad.com","mobbin":"https://mobbin.com/glossary/neubrutalism"},"one_liner":"descends from brutalist web design (the anti-template reaction catalogued on brutalistwebsites.com from ~2014, curated by Pascal Deville — exposed HTML defaults, no framework gloss) crossed with Memph","words":866,"file":"movements/neubrutalism.md"},{"slug":"photo-brutalism-flash","title":"Photo brutalism flash","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["on-camera-flash","documentary-photography","indie-sleaze","snapshot-grid","flash-vignette","nightlife-brand"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.thecobrasnake.com","mobbin":"https://mobbin.com/glossary/flash-photography"},"one_liner":"direct-flash nightlife documentary photography, most visibly codified by Mark Hunter's The Cobrasnake (founded 2004) — a blog that photographed LA/NYC party culture on-camera-flash, unretouched, and p","words":1194,"file":"movements/photo-brutalism-flash.md"},{"slug":"quiet-luxury-dtc","title":"Quiet luxury DTC","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["muted-palette","serif-grotesk-pairing","generous-whitespace","trust-signaling","editorial-restraint"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.aesop.com","mobbin":"https://mobbin.com/apps/aesop"},"one_liner":"Grew out of Aesop's retail and packaging language (founded 1987, design-forward globally since the 2000s) crossing into digital DTC alongside the 2010s \"clean beauty\" wave (Glossier's pink-minimalist ","words":905,"file":"movements/quiet-luxury-dtc.md"},{"slug":"retro-os-skeuomorphic-revival","title":"Retro-OS & skeuomorphic revival","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["skeuomorphism","retro-os","poolsuite","teenage-engineering","nostalgia","chrome","textures"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://poolsuite.net","mobbin":"https://mobbin.com/apps/poolsuite"},"one_liner":"Two branches converged. Branch one, OS chrome: Mac OS 9's platinum look (1999) and brushed-metal Aqua (Mac OS X, 2001) with candy-gel buttons and pinstripes, then Windows XP's Luna theme (2001) with i","words":1121,"file":"movements/retro-os-skeuomorphic-revival.md"},{"slug":"risograph-duotone","title":"Risograph duotone","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["spot-color-print","ink-misregistration","limited-palette","paper-tooth","duotone-layering","riso-print"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://hatopress.net","mobbin":"https://mobbin.com/glossary/risograph"},"one_liner":"the Risograph itself — a stencil-duplicator machine manufactured by Riso Kagaku Corporation (Japan, since 1946; the GR/MZ product lines are the ones the art-and-zine world adopted) that prints one ink","words":1228,"file":"movements/risograph-duotone.md"},{"slug":"spatial-ui-flat","title":"Spatial UI on flat screens","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["spatial-ui","glassmorphism","parallax","depth-layering","visionos","frosted-glass","hover-choreography"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/materials","mobbin":"https://mobbin.com/glossary/spatial-ui"},"one_liner":"the direct parent is visionOS (Apple, unveiled WWDC23 June 2023, shipped with Vision Pro Feb 2024) — a UI language built for a device with real depth: glass panels that float in physical space, gaze-t","words":974,"file":"movements/spatial-ui-flat.md"},{"slug":"swiss-international-revival","title":"Swiss / International revival","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["grid-system","helvetica-lineage","editorial","index-page","hairline-rules","sans-serif"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://en.wikipedia.org/wiki/International_Typographic_Style","mobbin":"https://mobbin.com/glossary/swiss-style"},"one_liner":"Zurich/Basel, mid-1950s–60s. Josef Müller-Brockmann, Armin Hofmann, Emil Ruder, Max Bill; codified in the journal Neue Grafik (1958–65) and Müller-Brockmann's Grid Systems in Graphic Design (1981). Gr","words":903,"file":"movements/swiss-international-revival.md"},{"slug":"terminal-mono-ui","title":"Terminal / mono UI","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["monospace","terminal","cli","scanlines","phosphor-glow","developer-tools","retro-computing","ansi"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://usgraphics.com","mobbin":"https://mobbin.com/apps/warp"},"one_liner":"traces to DEC's VT100/VT220 terminals (1978–83, green/amber phosphor CRTs) and the Bell Labs Unix culture that ran on them — a look born from hardware limits (fixed character grid, single-color phosph","words":933,"file":"movements/terminal-mono-ui.md"},{"slug":"utilitarian-warehouse-industrial","title":"Utilitarian warehouse industrial","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["safety-color","stencil-type","hazard-stripe","logistics-livery","workwear-branding","operational-signage"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.carhartt-wip.com","mobbin":"https://mobbin.com/glossary/industrial-signage"},"one_liner":"OSHA and ANSI safety-signage standards (safety orange, safety yellow, and black as codified hazard/caution colors) crossed with logistics-fleet livery — DHL's yellow-and-red parcel branding, Caterpill","words":1083,"file":"movements/utilitarian-warehouse-industrial.md"},{"slug":"xerox-zine-collage","title":"Xerox zine collage","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["halftone","photocopy-grain","torn-paper","riso","mono-accent","diy-punk"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://en.wikipedia.org/wiki/Zine","mobbin":"https://mobbin.com/apps/are-na"},"one_liner":"UK/US punk and riot-grrrl zine culture, late 1970s–1990s: cut-and-paste layouts photocopied on office Xerox machines, then distributed hand-to-hand or mail-order. The look is a byproduct of the produc","words":1174,"file":"movements/xerox-zine-collage.md"},{"slug":"y2k-chrome-cyber","title":"Y2K chrome cyber","kind":"movement","category":"movements","tier":"S","platforms":["web","ios","android"],"tags":["liquid-metal","aqua-gel-ui","lens-flare","holographic-gradient","chrome-text","millennium-futurism"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.ssense.com","mobbin":"https://mobbin.com/glossary/y2k-chrome"},"one_liner":"the chrome-and-candy-plastic look of the internet and consumer electronics circa 1998–2003 — Apple's original iMac G3 and iBook translucent candy-colored plastics, and specifically Mac OS X's \"Aqua\" i","words":1105,"file":"movements/y2k-chrome-cyber.md"},{"slug":"offer-crypto-day-one","title":"Crypto day one","kind":"offer","category":"crypto","tier":"A","platforms":["web"],"tags":["crypto","checkout","pricing","trust","payments"],"patterns":["checkout-and-cart"],"updated":"2026-07-25","links":{},"one_liner":"Offer crypto as a first-class payment path with boring clarity — amounts, networks, expiry, receipts — so crypto-native buyers convert and everyone else still trusts the store.","words":370,"file":"offers/offer-crypto-day-one.md"},{"slug":"offer-bundle-and-kit","title":"Bundle and kit offers","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["bundle","kit","aov","cross-sell","dtc"],"patterns":["product-detail-pages","monetization-upsell-moments"],"updated":"2026-07-26","links":{},"one_liner":"A bundle earns its higher price by combining things a real customer would actually use together, photographed and merchandised with the same care as any single SKU — the moment a bundle exists mainly ","words":680,"file":"offers/offer-bundle-and-kit.md"},{"slug":"offer-enterprise-contact","title":"Enterprise contact sales","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["enterprise","contact-sales","self-serve","conversion-leak","b2b"],"patterns":["pricing-pages-web","monetization-upsell-moments"],"updated":"2026-07-26","links":{},"one_liner":"\"Contact sales\" is honest exactly when the buyer genuinely needs something self-serve can't offer — custom seats, compliance review, dedicated support, negotiated volume — and it's a conversion leak t","words":725,"file":"offers/offer-enterprise-contact.md"},{"slug":"offer-founding-member","title":"Founding member pricing","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["founding-member","early-supporter","lifetime-pricing","support-debt"],"patterns":["paywalls-and-pricing-sheets","referral-and-invite"],"updated":"2026-07-26","links":{},"one_liner":"A founding-member tier has to be priced and scoped as if the product will still exist and still owe that member something in five years, because the entire appeal of \"founding\" is a locked-in status —","words":709,"file":"offers/offer-founding-member.md"},{"slug":"offer-free-forever-plus","title":"Free forever plus paid expansion","kind":"offer","category":"pricing","tier":"A","platforms":["web","mobile"],"tags":["freemium","free-forever","expansion","no-hostage","saas"],"patterns":["monetization-upsell-moments","paywalls-and-pricing-sheets"],"updated":"2026-07-26","links":{},"one_liner":"A genuine free-forever core stays fully usable indefinitely with no forced expiration, while the paid tier sells real expansion (scale, collaboration, advanced capability) on top of it — the model bre","words":735,"file":"offers/offer-free-forever-plus.md"},{"slug":"offer-freemium-gate","title":"Freemium gate","kind":"offer","category":"pricing","tier":"A","platforms":["web","mobile"],"tags":["freemium","paywall","upgrade","limits","trial"],"patterns":["monetization-upsell-moments"],"updated":"2026-07-25","links":{},"one_liner":"Free should prove value fast; the paywall should feel like unlocking more of something you already understand — not a brick wall before the aha moment.","words":352,"file":"offers/offer-freemium-gate.md"},{"slug":"offer-good-better-best","title":"Good, better, best","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["pricing","three-tier","decoy","honest-recommendation","saas"],"patterns":["pricing-pages-web","paywalls-and-pricing-sheets"],"updated":"2026-07-26","links":{},"one_liner":"Three tiers work when the middle one is genuinely where most real customers should land and the page says so plainly — the same structure becomes fraud the moment the \"decoy\" tier exists purely to mak","words":682,"file":"offers/offer-good-better-best.md"},{"slug":"offer-membership-annual","title":"Annual membership pricing","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["membership","annual","renewal","club","box","channel"],"patterns":["subscription-management-and-cancel-flow","paywalls-and-pricing-sheets"],"updated":"2026-07-26","links":{},"one_liner":"Annual club, box, or channel pricing earns its discount by being genuinely easier to leave than to join was hard — a visible renewal date, an honest reminder before the charge, and a pause option — be","words":663,"file":"offers/offer-membership-annual.md"},{"slug":"offer-one-time-vs-sub","title":"One-time vs subscription","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["pricing","one-time","subscription","gumroad","indie","digital-goods"],"patterns":["monetization-upsell-moments"],"updated":"2026-07-25","links":{},"one_liner":"Charge once when the artifact is finite; subscribe when value renews (updates, access, hosting, community). Mixing them without a clear story confuses buyers and your future self.","words":378,"file":"offers/offer-one-time-vs-sub.md"},{"slug":"offer-paywall-moment","title":"In-product paywall moment","kind":"offer","category":"pricing","tier":"A","platforms":["web","mobile"],"tags":["paywall","upgrade","modal","monetization","timing"],"patterns":["monetization-upsell-moments"],"updated":"2026-07-25","links":{},"one_liner":"The best upgrade prompt appears at the moment of blocked intent — export, invite, deploy, remove watermark — with one plan that unlocks that action, not a tour of the whole pricing taxonomy.","words":365,"file":"offers/offer-paywall-moment.md"},{"slug":"offer-tier-clarity","title":"Tier clarity","kind":"offer","category":"pricing","tier":"S","platforms":["web"],"tags":["pricing","tiers","saas","packaging","comparison"],"patterns":["monetization-upsell-moments"],"updated":"2026-07-25","links":{},"one_liner":"Good offers make the difference between plans obvious in under ten seconds — who each tier is for, what unlocks, and what the default recommended path is — without a spreadsheet of decoy confusion.","words":374,"file":"offers/offer-tier-clarity.md","body":"# Tier clarity — packaging people can choose in one glance\n\n**One-liner:** Good offers make the difference between plans obvious in under ten seconds — who each tier is for, what unlocks, and what the default recommended path is — without a spreadsheet of decoy confusion.\n\n## The structure\n- **Axes of value** (not feature spam): seats, usage, access, support, brand removal, API, etc. Pick 2–4 axes max.\n- **Recommended tier** marked honestly (most teams / best value) — not every tier highlighted.\n- **Primary CTA per column** with the same verb where possible (\"Start,\" \"Upgrade\") so comparison stays visual.\n- **Annual/monthly** toggle with math that does not lie about savings.\n- Downgrade/cancel path exists in the product, not only in a buried email.\n\n## Mechanics in the wild\n- **Classic SaaS three-column:** Free / Pro / Business with one recommended middle.\n- **Usage-based:** estimate calculator beside tiers so sticker shock happens before checkout.\n- **Seat-based:** price per member with clear guest vs billable rules.\n- **Good-better-best** consumer: decoy middle only if the value story is real — otherwise people feel tricked.\n- Edge: **contact sales** for enterprise is fine if self-serve still covers the common case.\n\n## Anatomy checklist\n- Plan name + one-line \"for whom\"\n- Price, interval, what's included (bullets ranked by decision weight)\n- Limits stated as numbers people understand\n- FAQ for taxes, trials, refunds, what happens on downgrade\n- Instrumentation: tier click → checkout start → paid; which column converts; where people bounce to FAQ\n- MVP: two tiers + honest free. Scaled: calculator, annual toggle, enterprise column.\n\n## Failure modes\n- 12 indistinguishable checkmarks.\n- \"Unlimited\" that isn't.\n- Recommended badge on every plan.\n- Hiding the only plan that fits behind sales calls unnecessarily.\n- Trial that auto-converts without plain reminder copy ([[copy-checkout-calm]] applies).\n\n## Steal / Avoid\n**Steal:** one recommended path; axes over laundry lists; numbers over adjectives; align pricing page voice with checkout calm.\n**Avoid:** dark-pattern comparison charts; fake \"Most popular\" without data; feature renaming to make tiers look different when they aren't.\n\nWhen in doubt, cut a tier. Two clear plans beat four muddy ones. Your future support macros will thank you, and so will the assistant trying not to invent fake differentiators."},{"slug":"offer-usage-based","title":"Usage-based pricing","kind":"offer","category":"pricing","tier":"A","platforms":["web"],"tags":["usage-based","metered","calculator","bill-shock","api-pricing"],"patterns":["monetization-upsell-moments","pricing-pages-web"],"updated":"2026-07-26","links":{},"one_liner":"Metered pricing only earns trust when the buyer can estimate their own bill before committing — a live calculator, a visible running meter, and a stated overage rule — because the entire risk of usage","words":677,"file":"offers/offer-usage-based.md"},{"slug":"accessibility-baselines","title":"Accessibility baselines","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["accessibility","contrast","wcag","screen-reader","focus-order","dynamic-type","tap-targets"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/accessibility"},"one_liner":"guarantee the interface is operable by someone with low vision, a motor impairment, color-blindness, or a screen reader running — before any visual polish pass. These are floors, not stretch goals: be","words":913,"file":"patterns/accessibility-baselines.md"},{"slug":"account-deletion-and-data-export","title":"Account deletion & data export","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["gdpr","data-export","account-deletion","data-portability","grace-period"],"patterns":["settings-screens","anti-patterns-dark-patterns"],"updated":"2026-07-26","links":{"site":"https://takeout.google.com","mobbin":"https://mobbin.com/glossary/delete-account"},"one_liner":"let a user get a complete, usable copy of their own data (the GDPR Article 20 / CCPA portability right) and, separately, permanently delete their account and its data — two distinct rights that must n","words":972,"file":"patterns/account-deletion-and-data-export.md"},{"slug":"activation-checklists","title":"Activation checklists","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["onboarding","progress","gamification","retention","microcopy"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/onboarding-checklist"},"one_liner":"convert a blank/default account into a working one by breaking \"set this up\" into named, checkable steps, and make the remaining distance to done small enough to feel finishable. It's a Zeigarnik-effe","words":1017,"file":"patterns/activation-checklists.md"},{"slug":"ai-chat-and-copilot-ux","title":"AI chat & copilot UX","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["streaming-text","citations","tool-use-disclosure","regenerate-branch","canvas-artifacts","chat-ux","copilot"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://claude.ai","mobbin":"https://mobbin.com/apps/claude"},"one_liner":"a conversational surface where a model answers, cites, thinks, and sometimes produces a durable artifact. It must show progress before the answer exists (nothing feels worse than a frozen composer), d","words":905,"file":"patterns/ai-chat-and-copilot-ux.md"},{"slug":"anti-patterns-dark-patterns","title":"Dark patterns (what not to do)","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["dark-patterns","deceptive-design","ftc-enforcement","drip-pricing","confirmshaming","roach-motel","fake-urgency","trust-first"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.deceptive.design/","mobbin":"https://mobbin.com/glossary/dark-patterns"},"one_liner":"this isn't a screen, it's a liability checklist. Any surface with money, a subscription, a countdown, or a decline path (storefront checkout, subscription upsell, cancel flow, cookie/consent modal) mu","words":962,"file":"patterns/anti-patterns-dark-patterns.md"},{"slug":"auth-and-signin","title":"Auth & sign-in","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["passkeys","magic-link","otp","social-auth","phone-first","friction-budget","onboarding"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://passkeys.dev","mobbin":"https://mobbin.com/glossary/sign-up-log-in"},"one_liner":"establish identity (once) and re-establish it (fast, repeatedly) with the least friction the risk level allows. The single biggest lever is choosing the right friction budget for the audience before p","words":918,"file":"patterns/auth-and-signin.md"},{"slug":"bottom-sheets-and-modals","title":"Bottom sheets & modals","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["bottom-sheet","detents","drag-to-dismiss","ios-sheets","stacking-limits","gesture-physics","modal-vs-push"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/sheets","mobbin":"https://mobbin.com/glossary/bottom-sheet"},"one_liner":"present a secondary task or choice without losing the context underneath (or, for modals, deliberately cutting context to force focus). The core decision every instance makes: how much of the screen t","words":1034,"file":"patterns/bottom-sheets-and-modals.md"},{"slug":"calendars-and-scheduling","title":"Calendars & scheduling","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["scheduling","calendar-view","availability","timezone","quick-add","booking","time-blocking"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://fantastical.app","mobbin":"https://mobbin.com/apps/fantastical"},"one_liner":"render time as a navigable surface (day/week/month), let a user create or claim a slot in as few taps as possible, and communicate availability across people/timezones without ambiguity. Any surface w","words":1087,"file":"patterns/calendars-and-scheduling.md"},{"slug":"camera-and-capture-ui","title":"Camera & capture UI","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["camera","shutter","permissions","capture","manual-controls","mode-switching","mobile"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/camera"},"one_liner":"get the sensor on screen, get a usable frame captured in under a second of intent, and disclose exactly as much manual control as the user's confidence level warrants — while the OS-level camera/mic p","words":1087,"file":"patterns/camera-and-capture-ui.md"},{"slug":"changelog-and-release-notes-inapp","title":"In-app changelog & release notes","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["changelog","release-notes","whats-new","feature-discovery","versioning"],"patterns":["docs-and-changelogs","onboarding-flows"],"updated":"2026-07-26","links":{"site":"https://linear.app/changelog","mobbin":"https://mobbin.com/glossary/whats-new"},"one_liner":"tell a returning user what changed since their last visit, INSIDE the product, at a moment that doesn't block their actual task. Distinct from [[docs-and-changelogs]], which covers the public/marketin","words":1055,"file":"patterns/changelog-and-release-notes-inapp.md"},{"slug":"chat-and-messaging-ui","title":"Chat & messaging UI","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["messaging","bubbles","read-receipts","typing-indicator","threads","telegram-commerce"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/whatsapp"},"one_liner":"render a linear or grouped exchange between two or more parties so the reader can tell instantly who said what, when, whether it landed, and how to reply — without re-reading timestamps. On izzy's sur","words":933,"file":"patterns/chat-and-messaging-ui.md"},{"slug":"checkout-and-cart","title":"Checkout & cart","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["ecommerce","conversion","payments","guest-checkout","crypto-payments"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/checkout"},"one_liner":"carry a selected item (or set of items) from \"I want this\" to a confirmed payment with the minimum friction that still lets the buyer trust the transaction. Highest-stakes screen in commerce — most ab","words":958,"file":"patterns/checkout-and-cart.md"},{"slug":"collaborative-presence-multiplayer","title":"Collaborative presence & multiplayer","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["web","ios","android"],"tags":["multiplayer","live-cursors","presence","crdt","real-time-collaboration"],"patterns":["comments-and-annotations"],"updated":"2026-07-26","links":{"site":"https://www.figma.com","mobbin":"https://mobbin.com/glossary/collaboration"},"one_liner":"show who else is in a shared document or canvas right now, where they are, and what they're touching, so simultaneous editing feels coordinated instead of like two people fighting over the same object","words":889,"file":"patterns/collaborative-presence-multiplayer.md"},{"slug":"command-palettes-and-keyboard-ux","title":"Command palettes & keyboard UX","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["command-palette","keyboard-shortcuts","power-users","fuzzy-search","navigation","developer-tools"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://raycast.com","mobbin":"https://mobbin.com/glossary/command-palette"},"one_liner":"a keybind-summoned overlay that lets a repeat user do anything the app can do — navigate, mutate state, search — without leaving the keyboard or waiting on page/menu chrome. It exists for the returnin","words":1053,"file":"patterns/command-palettes-and-keyboard-ux.md"},{"slug":"comments-and-annotations","title":"Comments & annotations","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["web","ios","android"],"tags":["comments","annotations","threaded-comments","mentions","resolve-state","presence"],"patterns":["collaborative-presence-multiplayer"],"updated":"2026-07-26","links":{"site":"https://www.figma.com","mobbin":"https://mobbin.com/glossary/comments"},"one_liner":"attach a threaded conversation to a specific point in a document, design, video frame, or code diff — pinned to an object or location rather than floating in general chat — and let that conversation r","words":908,"file":"patterns/comments-and-annotations.md"},{"slug":"dark-mode-and-theming","title":"Dark mode & theming","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["dark-mode","theming","semantic-tokens","oled","elevation","system-preference"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/dark-mode"},"one_liner":"give every surface (background, card, sheet, modal, nav bar) a color that reads at the right depth in low light, without inverting brand colors into mud, breaking photo/logo contrast, or shipping a fl","words":998,"file":"patterns/dark-mode-and-theming.md"},{"slug":"dashboards-and-consoles","title":"Dashboards & consoles","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["kpi-hierarchy","live-data","card-vs-table","alert-surfacing","density-modes","operator-tools"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/dashboard"},"one_liner":"compress a system's state (orders, positions, jobs, health) into a screen that answers two questions in under 2 seconds — is anything on fire and what's the one number that matters right now — then le","words":1063,"file":"patterns/dashboards-and-consoles.md"},{"slug":"dm-commerce-and-community-selling","title":"DM & community commerce","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["dm-commerce","telegram-channels","payment-links","trust-signals","menu-drops","marketplace-offers","community-selling"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/telegram"},"one_liner":"sell a real product or service where the \"storefront\" is a channel/profile and the \"checkout\" is a private message thread — because the seller has no merchant account, wants no paper trail, or is sell","words":869,"file":"patterns/dm-commerce-and-community-selling.md"},{"slug":"docs-and-changelogs","title":"Docs & changelogs","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["documentation","developer-experience","changelog","versioning","search","code-blocks"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://stripe.com/docs","mobbin":"https://mobbin.com/apps/stripe"},"one_liner":"give a user (developer, operator, or power-user) a way to find \"how do I do X\" fast, and give everyone a dated, honest record of what changed. On izzy's surfaces this is rarely a public API reference ","words":916,"file":"patterns/docs-and-changelogs.md"},{"slug":"drops-and-restocks","title":"Drops & restocks","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["drops","waitlist","scarcity","countdown","notify-me","restock","hype","raffle"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/nike-snkrs"},"one_liner":"a product doesn't just go on sale, it arrives at a known moment. The screen's contract shifts depending on phase: pre-drop it recruits an audience (notify me / join the raffle), at-drop it adjudicates","words":912,"file":"patterns/drops-and-restocks.md"},{"slug":"empty-states","title":"Empty states","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["first-run","retention","microcopy"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/empty-state"},"one_liner":"the moment a container has no content yet (first-run, cleared inbox, no results, error-adjacent). It must reframe absence as either possibility (do this next) or achievement (you're done), and it's us","words":485,"file":"patterns/empty-states.md"},{"slug":"error-offline-recovery","title":"Error, offline & recovery","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["offline-first","retry","sync-conflict","network-error","resilience","optimistic-ui","degraded-mode"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/error-state"},"one_liner":"handle the gap between \"connected and fresh\" and \"fully down\" without ever leaving the user stuck. Covers lost connectivity, failed requests, stale cached data, and two devices editing the same thing ","words":915,"file":"patterns/error-offline-recovery.md"},{"slug":"feeds-and-ranking","title":"Feeds & ranking UI","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["infinite-scroll","ranking","pull-to-refresh","ads","chronological"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.instagram.com","mobbin":"https://mobbin.com/apps/instagram"},"one_liner":"surface an ordered stream of items (posts, listings, activity, channel messages) that's too large to show at once, decide WHOSE order wins (a model's or the clock's), and keep it alive as new items ar","words":1021,"file":"patterns/feeds-and-ranking.md"},{"slug":"file-upload-and-import","title":"File upload & import","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["file-upload","drag-and-drop","csv-import","bulk-import","partial-failure","resumable-upload"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.notion.so","mobbin":"https://mobbin.com/glossary/file-upload"},"one_liner":"accept a file, or a batch of files, from a device or another service, show real progress while it transfers, catch bad rows or formats before they corrupt the destination, and handle partial failure w","words":859,"file":"patterns/file-upload-and-import.md"},{"slug":"filters-and-faceted-search","title":"Filters & faceted search","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["faceted-search","filters","catalog-browsing","applied-state","e-commerce","chips"],"patterns":["search-ux"],"updated":"2026-07-26","links":{"site":"https://www.stockx.com","mobbin":"https://mobbin.com/glossary/filter"},"one_liner":"narrow a large result set (products, listings, files, tickets) down to what a user actually wants using structured facets — brand, size, price, status — and keep the applied state visible at all times","words":924,"file":"patterns/filters-and-faceted-search.md"},{"slug":"forms-and-input","title":"Forms & input","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["checkout","validation","onboarding","autofill","error-recovery","mobile-input"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/form"},"one_liner":"collect structured data (checkout, signup, profile, filters, listing creation) with the minimum friction between \"I want to do this\" and \"done.\" Every extra tap, every premature error, every field the","words":1193,"file":"patterns/forms-and-input.md"},{"slug":"haptics-and-sound","title":"Haptics & sound design","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["haptics","sound-design","feedback","microinteractions","brand-sound","accessibility"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/playing-haptics","mobbin":"https://mobbin.com/glossary/haptics"},"one_liner":"confirm that an action registered, communicate its semantic weight (routine vs. success vs. error), and — used sparingly — become a recognizable brand asset, without ever feeling like noise the user h","words":982,"file":"patterns/haptics-and-sound.md"},{"slug":"kanban-and-boards","title":"Kanban & boards","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["drag-and-drop","workflow","project-management","wip-limits","cards","swimlanes"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/kanban-board"},"one_liner":"turn a list of discrete items (tasks, orders, applicants, content pieces, tickets) into columns representing a workflow state, so position on screen = status in the process. The board's entire value i","words":1110,"file":"patterns/kanban-and-boards.md"},{"slug":"keyboard-shortcuts-and-power-user-surface","title":"Keyboard shortcuts & the power-user surface","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","mac","windows"],"tags":["keyboard-shortcuts","power-users","discoverability","keymaps","chords"],"patterns":["command-palettes-and-keyboard-ux"],"updated":"2026-07-26","links":{"site":"https://raycast.com","mobbin":"https://mobbin.com/glossary/keyboard-shortcuts"},"one_liner":"let a returning user act by keystroke alone, with no palette, no menu, no mouse, while staying discoverable enough that a new user can find every shortcut without a manual. Distinct from [[command-pal","words":1018,"file":"patterns/keyboard-shortcuts-and-power-user-surface.md"},{"slug":"landing-page-anatomy","title":"Landing page anatomy","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["landing-page","hero","social-proof","conversion","cta","marketing-site","above-the-fold"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://mobbin.com/apps","mobbin":"https://mobbin.com/glossary/landing-page"},"one_liner":"unlike a product UI, a landing page gets one visitor, one scroll, one decision, before attention decays. It has to state the claim, prove it, and hand off a single next action — fold order and informa","words":950,"file":"patterns/landing-page-anatomy.md"},{"slug":"live-activities-widgets","title":"Live Activities & widgets","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["lock-screen","dynamic-island","widgetkit","glanceable","live-updates","android-widgets","ambient"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/live-activity"},"one_liner":"push the single most current fact about an ongoing or recurring thing (a trip, a delivery, a score, today's weather, a habit streak) onto a screen the user is already looking at — lock screen, Dynamic","words":1193,"file":"patterns/live-activities-widgets.md"},{"slug":"live-commerce-and-auctions","title":"Live commerce & auctions","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["live-shopping","auctions","countdown-urgency","bid-overlay","collectibles","seller-stream","giveaway-mechanics","sold-celebration"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.whatnot.com","mobbin":"https://mobbin.com/apps/whatnot"},"one_liner":"compress the gap between \"I see it\" and \"I own it\" using a live clock, a live crowd, or both. The screen has to do three things at once: show the item, show the pressure mechanic (bid/timer/stock), an","words":1149,"file":"patterns/live-commerce-and-auctions.md"},{"slug":"loaders-and-site-intros","title":"Loaders & site intros","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["preloader","first-paint","enter-gate","audio-unlock","perceived-performance","webgl"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://lusion.co","mobbin":"https://mobbin.com/glossary/loading-state"},"one_liner":"bridge the gap between \"nothing rendered yet\" and \"the experience is ready,\" and on award-tier sites, do double duty as the first brand statement. It must either (a) get out of the way in under ~300ms","words":1050,"file":"patterns/loaders-and-site-intros.md"},{"slug":"loading-skeletons-optimistic-ui","title":"Loading, skeletons & optimistic UI","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["loading-states","skeleton-screens","optimistic-ui","perceived-performance","shimmer","rollback","microinteractions"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/skeleton-loading"},"one_liner":"every screen that shows server- or disk-backed content has a gap between \"user asked\" and \"data arrived.\" This pattern is the discipline of filling that gap so the app reads as responsive even when th","words":1157,"file":"patterns/loading-skeletons-optimistic-ui.md"},{"slug":"localization-and-rtl","title":"Localization & RTL","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["localization","rtl","i18n","pluralization","cldr","string-expansion"],"patterns":["forms-and-input","microcopy-and-ux-writing"],"updated":"2026-07-26","links":{"site":"https://www.airbnb.com","mobbin":"https://mobbin.com/glossary/localization"},"one_liner":"make an interface function correctly for a language the design wasn't built in — mirrored reading direction for Arabic and Hebrew, variable string length, plural rules that aren't just \"singular plus ","words":1012,"file":"patterns/localization-and-rtl.md"},{"slug":"maps-and-location","title":"Maps & location UX","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["bottom-sheet","pin-clustering","route-choreography","live-share","geolocation","wayfinding"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/uber"},"one_liner":"render a map as the primary surface (not decoration) and let a person locate, choose, or track something in space — a pickup point, a store, a delivery, a friend — without the controls ever blocking t","words":1315,"file":"patterns/maps-and-location.md"},{"slug":"media-players","title":"Media players","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["scrubber","mini-player","queue","playback-speed","chapters","gesture-transitions"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/media-player"},"one_liner":"surface audio/video playback state (position, buffering, what's next) and give precise scrubbing/skipping control, while staying out of the way when the user is doing something else (browsing, reading","words":959,"file":"patterns/media-players.md"},{"slug":"microcopy-and-ux-writing","title":"Microcopy & UX writing","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["voice","microcopy","button-labels","error-messages","tone-of-voice","product-writing"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.nngroup.com/articles/microcopy/","mobbin":"https://mobbin.com/glossary/microcopy"},"one_liner":"every button, error, empty state, toast, and confirmation is a line of dialogue the product speaks to a specific person at a specific moment of friction or reward. Treated as an afterthought (whatever","words":947,"file":"patterns/microcopy-and-ux-writing.md"},{"slug":"monetization-upsell-moments","title":"Upsell & monetization moments","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["paywall","upsell","feature-gate","usage-meter","monetization","trial","blur-preview"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/paywall"},"one_liner":"convert a free/lower-tier user at the exact moment they've hit a real ceiling — a usage limit, a locked feature, a result they can partially see but not use — and frame the ask as \"keep doing the thin","words":841,"file":"patterns/monetization-upsell-moments.md"},{"slug":"motion-language-systems","title":"Motion language systems","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["motion-design","spring-physics","easing-curves","choreography","reduced-motion","haptics"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/motion-design"},"one_liner":"a coherent, named set of durations/easings/springs applied consistently across enter, exit, emphasis, and transition — so motion reads as intentional system, not per-screen guesswork. It's the layer t","words":957,"file":"patterns/motion-language-systems.md"},{"slug":"navigation-systems","title":"Navigation systems","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["tab-bar","information-architecture","gesture-nav","sidebar","hamburger-menu","ia"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/navigation"},"one_liner":"make the whole product's shape legible in one glance and get the user to any top-level destination in one tap, while staying out of the way of the content those destinations contain. Navigation is inf","words":1048,"file":"patterns/navigation-systems.md"},{"slug":"notifications-inbox-and-activity","title":"Notifications inbox & activity","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["notification-center","activity-feed","unread-state","grouping","in-app-inbox"],"patterns":["push-notification-strategy"],"updated":"2026-07-26","links":{"site":"https://linear.app","mobbin":"https://mobbin.com/glossary/notification-center"},"one_liner":"give a returning user one persistent, in-app surface — not a push notification, which is ephemeral and off-screen the moment it's dismissed — listing every event relevant to them, with a read/unread s","words":830,"file":"patterns/notifications-inbox-and-activity.md"},{"slug":"onboarding-flows","title":"Onboarding flows","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["first-run","activation","permissions","account-creation","time-to-value"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/onboarding"},"one_liner":"convert an unmotivated arrival into an activated user before the first drop-off point. Every onboarding flow is really answering four questions in some order: what is this, what do I get, what do you ","words":1144,"file":"patterns/onboarding-flows.md"},{"slug":"order-tracking","title":"Order tracking & post-purchase","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["order-status","delivery","notifications","timeline","ecommerce","retention"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.shopify.com/shop","mobbin":"https://mobbin.com/apps/shop"},"one_liner":"the moment checkout ends, buyer anxiety shifts from \"will this work\" to \"where is my thing.\" This flow answers that continuously, without being asked, and closes the loop with proof of delivery. It ap","words":927,"file":"patterns/order-tracking.md"},{"slug":"paywalls-and-pricing-sheets","title":"Paywalls & pricing sheets","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["monetization","subscription","trial","conversion","pricing","revenuecat"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.revenuecat.com/paywalls","mobbin":"https://mobbin.com/glossary/paywall"},"one_liner":"present the value exchange (price for access) at the moment intent is highest, remove every reason to bounce (unclear price, no restore, no exit), and satisfy App Store/Play Store auto-renewal disclos","words":988,"file":"patterns/paywalls-and-pricing-sheets.md"},{"slug":"permission-priming","title":"Permission priming","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["permission-priming","ios-att","push-notifications","soft-ask","contextual-timing","onboarding-trust"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/permission-priming"},"one_liner":"insert a custom, app-controlled explainer before the native OS permission dialog (notifications, ATT/tracking, location, camera/mic, contacts) so the user says yes to a system prompt they were pre-sol","words":1066,"file":"patterns/permission-priming.md"},{"slug":"photo-editors","title":"Photo editors","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["image-editing","sliders","non-destructive","presets","before-after","gestures"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://lightroom.adobe.com","mobbin":"https://mobbin.com/apps/lightroom"},"one_liner":"let a user push tonal, color, and geometric adjustments onto an existing photo and see the result in real time, without ever losing the ability to get back to zero. On izzy's surfaces this is the patt","words":1076,"file":"patterns/photo-editors.md"},{"slug":"pickers-steppers-controls","title":"Pickers, steppers & controls","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["input-controls","segmented-control","stepper","slider","date-picker","chips","micro-interaction"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/pickers","mobbin":"https://mobbin.com/glossary/segmented-control"},"one_liner":"replace an open text field with a constrained input — a range (slider), a discrete count (stepper), a mutually-exclusive set (segmented control), a calendar date, or a multi-select set (chips) — so th","words":894,"file":"patterns/pickers-steppers-controls.md"},{"slug":"premium-web-microinteractions","title":"Premium web microinteractions","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["motion-design","cursor","scroll","gsap","view-transitions","agency-sites"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://gsap.com","mobbin":"https://mobbin.com/glossary/microinteraction"},"one_liner":"the layer under the content — cursor behavior, hover response, scroll-triggered reveal, and page-transition continuity — that tells a visitor a site was built by a motion-literate team rather than ass","words":911,"file":"patterns/premium-web-microinteractions.md"},{"slug":"pricing-pages-web","title":"Pricing pages (web)","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["pricing","tiers","monetization","saas","conversion","enterprise-sales","annual-toggle"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/pricing-page"},"one_liner":"present a small number of plans, let the visitor map their own usage onto one of them fast, and remove the last objection before checkout. It has to do three things at once: anchor value (this is wort","words":941,"file":"patterns/pricing-pages-web.md"},{"slug":"product-detail-pages","title":"Product detail pages","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["ecommerce","buy-box","variant-picker","gallery","social-proof","sticky-cta"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/amazon"},"one_liner":"collapse everything a buyer needs (what it is, what it costs, does it fit/work, can I trust it, how do I get it) into one scroll that ends in a single unambiguous next action. Every element above the ","words":1030,"file":"patterns/product-detail-pages.md"},{"slug":"profile-screens","title":"Profile & identity screens","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["identity","avatar","social-proof","edit-flow","privacy","reputation","share-sheet"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/profile"},"one_liner":"a single surface that proves identity (who), establishes standing (how much to trust/follow/buy from them), and routes to the two things every visitor wants: edit-self (owner) or act-on-them (visitor ","words":951,"file":"patterns/profile-screens.md"},{"slug":"progress-and-data-viz","title":"In-product data viz","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["rings","dials","sparklines","wrapped","charts","touch-gestures"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/data-visualization"},"one_liner":"compress a metric (health, money, usage, price, progress) into a shape the eye reads faster than the digits — a ring that's almost closed, a line that's clearly up, a slide that says \"your year in one","words":1061,"file":"patterns/progress-and-data-viz.md"},{"slug":"push-notification-strategy","title":"Notification strategy & anatomy","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["push-notifications","re-engagement","quiet-hours","grouping","rich-media","deep-linking","retention"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/push-notification"},"one_liner":"deliver a time-relevant fact (status changed, someone acted, a window is closing) outside the app, at the moment it's worth the interruption cost — and never so often that the user revokes the permiss","words":862,"file":"patterns/push-notification-strategy.md"},{"slug":"referral-and-invite","title":"Referral & invite","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["referral","invite","viral-loop","share-sheet","growth-loop","incentives","contact-import"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://growth.design","mobbin":"https://mobbin.com/glossary/referral"},"one_liner":"convert an existing user's social capital into new signups by giving them a shareable artifact (link, code, QR) and a reason to send it, then reward both sides when the loop closes. It's the only patt","words":1015,"file":"patterns/referral-and-invite.md"},{"slug":"reviews-and-social-proof","title":"Reviews & social proof","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["trust","ratings","ugc","marketplace","verification","conversion"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/reviews"},"one_liner":"convert a first-time visitor with no relationship to the seller/brand into a buyer, by showing evidence that other real people transacted and were satisfied. On a storefront it sits between the price ","words":1051,"file":"patterns/reviews-and-social-proof.md"},{"slug":"scrollytelling-product-reveals","title":"Scrollytelling & product reveals","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["scroll-hijacking","canvas-scrubbing","gsap-scrolltrigger","sticky-sections","webgl-camera","product-reveal","hero-sequence"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.apple.com/iphone/","mobbin":"https://mobbin.com/glossary/scrollytelling"},"one_liner":"deliberately hijack the vertical scroll axis so it drives a sequence — image frames, camera movement, or staged copy/visual pairs — instead of just moving the page. Used to teach a product's feature s","words":991,"file":"patterns/scrollytelling-product-reveals.md"},{"slug":"search-ux","title":"Search","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["instant-search","faceted-filters","zero-results","ai-answers","autocomplete","command-palette","recent-searches"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/amazon"},"one_liner":"take a fuzzy, misspelled, or half-typed query and return the smallest possible path to the right object — a product, a message, a command, a piece of media, a chat answer. On commerce surfaces (peptid","words":945,"file":"patterns/search-ux.md"},{"slug":"settings-screens","title":"Settings screens","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["information-architecture","account-management","search","danger-zone","microcopy"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps?screens=settings"},"one_liner":"give a user a predictable, scannable path to any preference, account action, legal doc, or account-ending action — without that list becoming the app's junk drawer. It's low-frequency-visit but high-c","words":1356,"file":"patterns/settings-screens.md"},{"slug":"sharing-and-export-flows","title":"Sharing & export flows","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["export","share-sheet","watermark","progress-theater","attribution","wrapped-cards"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/share-sheet"},"one_liner":"convert an in-app creation (a video, a trade, a workout, a purchase) into something that survives outside the app — a file, a card, a post — while the app decides how much of its own identity rides al","words":996,"file":"patterns/sharing-and-export-flows.md"},{"slug":"short-form-video-hooks","title":"Short-form video hooks","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["hook","retention","caption-overlay","pattern-interrupt","cut-rhythm","loop","ugc"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://www.tiktok.com","mobbin":"https://mobbin.com/apps/tiktok"},"one_liner":"win the swipe-decision window before the viewer's thumb moves, then sustain attention through the first cut so the platform reads a completion/rewatch signal. This is content design, not UI design — b","words":865,"file":"patterns/short-form-video-hooks.md"},{"slug":"sound-on-web","title":"Sound on the web","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["audio","immersive","webgl","gesture-gated","foley","autoplay"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.chrome.com/blog/autoplay/","mobbin":"https://mobbin.com/glossary/sound-on-web"},"one_liner":"gate an audio layer (ambient score, UI foley, audio-reactive visuals) behind explicit consent, survive the browser's autoplay block gracefully, and make sound feel like a premium unlock rather than an","words":895,"file":"patterns/sound-on-web.md"},{"slug":"stories-format","title":"Stories format","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["tap-through","progress-segments","ephemeral","reply-rail","creation-tools","full-screen"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://instagram.com","mobbin":"https://mobbin.com/apps/instagram"},"one_liner":"compress a person's or channel's recent activity into a single full-screen rail the viewer burns through fast — tap to advance, hold to pause, reply inline. It trades the feed's scroll-and-skip econom","words":1070,"file":"patterns/stories-format.md"},{"slug":"streaks-and-gamification","title":"Streaks & gamification","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["streaks","gamification","xp","leagues","habit-formation","badges","forgiveness"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://blog.duolingo.com","mobbin":"https://mobbin.com/apps/duolingo"},"one_liner":"convert one-off usage into a recurring loop by making \"did it again today\" visible, counted, and slightly costly to lose. The pattern spans a hard axis: guilt-driven consistency engines (Duolingo) at ","words":1171,"file":"patterns/streaks-and-gamification.md"},{"slug":"subscription-management-and-cancel-flow","title":"Subscription management & cancel flow","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["web","ios","android"],"tags":["subscription","cancel-flow","dunning","pause","churn","billing"],"patterns":["anti-patterns-dark-patterns","paywalls-and-pricing-sheets"],"updated":"2026-07-26","links":{"site":"https://www.netflix.com","mobbin":"https://mobbin.com/glossary/cancel-subscription"},"one_liner":"let an existing subscriber change plan, pause, or leave with roughly the same number of taps it took to subscribe — the honest counterpart to [[anti-patterns-dark-patterns]]'s roach-motel taxonomy, bu","words":935,"file":"patterns/subscription-management-and-cancel-flow.md"},{"slug":"tables-and-dense-data","title":"Tables & dense data","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["data-density","inline-edit","bulk-actions","sticky-header","responsive-tables","admin-ui","spreadsheet-ux"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/table"},"one_liner":"show many rows of comparable records (transactions, SKUs, issues, ROMs, orders) so a person can scan, sort, select, and act on several at once. This is where power users live for hours — it must rewar","words":1108,"file":"patterns/tables-and-dense-data.md"},{"slug":"tooltips-and-feature-discovery","title":"Tooltips & feature discovery","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["onboarding","coach-marks","progressive-disclosure","anchor-positioning","retention"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/tooltip"},"one_liner":"surface a feature, shortcut, or new-release change the user hasn't discovered on their own, at the moment it's most relevant, without turning the app into a lecture. Every instance is a bet: is this w","words":972,"file":"patterns/tooltips-and-feature-discovery.md"},{"slug":"trust-badges-and-verification","title":"Trust badges & verification","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["trust-badges","verification","kyc","authenticity","anti-spoofing"],"patterns":["reviews-and-social-proof","auth-and-signin"],"updated":"2026-07-26","links":{"site":"https://www.coinbase.com","mobbin":"https://mobbin.com/glossary/verified-badge"},"one_liner":"signal, at a glance, that an identity, listing, or transaction has been checked against some real process — KYC, physical authentication, platform review — distinct from [[reviews-and-social-proof]], ","words":1064,"file":"patterns/trust-badges-and-verification.md"},{"slug":"undo-confirmation-destructive","title":"Undo, confirmation & destructive UX","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["undo","confirmation","destructive-action","trash","type-to-confirm","soft-delete","regret-minimization"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/glossary/confirmation"},"one_liner":"stop or soften an action the user can't easily reverse — delete, send, cancel, remove, pay, withdraw. It has to scale friction to actual stakes: too little and users lose data; too much and they habit","words":1105,"file":"patterns/undo-confirmation-destructive.md"},{"slug":"video-editors-and-timelines","title":"Video editors & timelines","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["timeline","trim-handles","mobile-editing","export-flow","multi-track","gestures"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/capcut"},"one_liner":"let a finger do what a mouse-and-keyboard NLE does with pixel precision — trim, reorder, layer, and preview a multi-clip sequence on a screen too small for any of that to be easy by default. The whole","words":1175,"file":"patterns/video-editors-and-timelines.md"},{"slug":"voice-ui","title":"Voice UI","kind":"pattern","category":"ux-patterns","tier":"S","platforms":["ios","android","web"],"tags":["voice-mode","orb","waveform","barge-in","hands-free","transcript"],"patterns":[],"updated":"2026-07-22","links":{"mobbin":"https://mobbin.com/apps/chatgpt"},"one_liner":"give a spoken conversation a visual home when there's a screen available, and a minimal audio/haptic substitute when there isn't. It must communicate four states unambiguously — idle, listening, proce","words":1143,"file":"patterns/voice-ui.md"},{"slug":"wizards-and-multi-step-flows","title":"Wizards & multi-step flows","kind":"pattern","category":"ux-patterns","tier":"A","platforms":["web","ios","android"],"tags":["multi-step-forms","save-and-resume","progress-indicators","kyc","long-forms","back-safety"],"patterns":["forms-and-input"],"updated":"2026-07-26","links":{"site":"https://mercury.com","mobbin":"https://mobbin.com/glossary/multi-step-form"},"one_liner":"carry a user through a flow too long for one screen — tax filing, a business-account opening, a loan or insurance application, a regulated KYC onboarding — across multiple sessions, browser closes, an","words":896,"file":"patterns/wizards-and-multi-step-flows.md"},{"slug":"android-16-baseline","title":"Android 16/17 · M3 Expressive baseline","kind":"platform","category":"platforms","tier":"S","platforms":["all"],"tags":["material-3-expressive","dynamic-color","predictive-back","edge-to-edge","android-native","motion-system"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://m3.material.io","mobbin":"https://mobbin.com/apps/android"},"one_liner":"Material 3 Expressive (M3E) is the live baseline — introduced Pixel-first on Android 16 QPR1 (Sept 2025), rolled out across Google's own apps through Dec 2025. Verified 2026-07: Android 17 (previewed ","words":900,"file":"platforms/android-16-baseline.md"},{"slug":"cross-platform-feel","title":"Cross-platform (Flutter/RN) native-feel","kind":"platform","category":"platforms","tier":"S","platforms":["all"],"tags":["flutter","react-native","impeller","hermes","gesture-physics","haptics","predictive-back"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://flutter.dev","mobbin":"https://mobbin.com/apps/flutter"},"one_liner":"the historical \"this is obviously a cross-platform app\" tell — janky scroll, laggy gesture response, wrong-feeling back navigation — is closing fast at the engine level (Impeller, Hermes+Fabric), but ","words":919,"file":"platforms/cross-platform-feel.md"},{"slug":"desktop-app-conventions","title":"Desktop app conventions","kind":"platform","category":"platforms","tier":"S","platforms":["all"],"tags":["macos","windows","electron","window-chrome","menu-bar","keyboard-shortcuts","native-materials"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines/macos-windows","mobbin":"https://mobbin.com/apps"},"one_liner":"macOS and Windows read as \"current\" through different mechanisms — Mac via a specific material (Apple's 2025 Liquid Glass refraction layer replacing 2020-era frosted vibrancy) and OS-level chrome (glo","words":954,"file":"platforms/desktop-app-conventions.md"},{"slug":"email-html-baseline","title":"HTML email baseline","kind":"platform","category":"platforms","tier":"S","platforms":["email"],"tags":["html-email","outlook","dark-mode","tables","preheader","plaintext","mso","deliverability"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://www.caniemail.com","reference":"https://reallygoodemails.com"},"one_liner":"HTML email is the most hostile \"browser\" environment still in wide production use — it renders across a fragmented set of engines (Outlook desktop's Word-based renderer, Apple Mail's WebKit, Gmail's s","words":973,"file":"platforms/email-html-baseline.md"},{"slug":"embedded-widget-baseline","title":"Embedded widget / third-party SDK baseline","kind":"platform","category":"platforms","tier":"S","platforms":["web","embedded"],"tags":["iframe","shadow-dom","css-isolation","csp","postmessage","theming","size-negotiation"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://developer.mozilla.org/en-US/docs/Web/API/Web_components","docs":"https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage"},"one_liner":"an embedded widget (a chat bubble, checkout drawer, review carousel, booking form, or any third-party script that renders UI inside someone else's page) is designed for an environment it does not cont","words":1109,"file":"platforms/embedded-widget-baseline.md"},{"slug":"ios-26-baseline","title":"iOS 26 → 27 baseline","kind":"platform","category":"platforms","tier":"S","platforms":["ios"],"tags":["liquid-glass","hig","sf-pro","sheets","tab-bar","live-activities","icon-composer"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://developer.apple.com/design/human-interface-guidelines","mobbin":"https://mobbin.com/apps/ios"},"one_liner":"iOS 26 (fall 2025, versioning jumped from 18 to the year-based \"26\" across the whole OS family) replaced the frosted-blur material used since iOS 7 with Liquid Glass — a translucent, refractive materi","words":833,"file":"platforms/ios-26-baseline.md"},{"slug":"ipados-tablet-baseline","title":"iPadOS tablet baseline","kind":"platform","category":"platforms","tier":"S","platforms":["ipados"],"tags":["ipados","pointer","split-view","stage-manager","apple-pencil","external-display","menu-bar"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://developer.apple.com/design/human-interface-guidelines","mobbin":"https://mobbin.com/apps/ios"},"one_liner":"iPadOS shares iOS's chrome (Liquid Glass surfaces, SF Pro/SF Symbols, sheet-based modals) but is a distinct interaction platform, not a stretched phone screen. The two biggest tells that a build was d","words":958,"file":"platforms/ipados-tablet-baseline.md"},{"slug":"pwa-and-offline-baseline","title":"PWA / installable-offline web baseline","kind":"platform","category":"platforms","tier":"S","platforms":["web","pwa"],"tags":["service-worker","offline","manifest","install-prompt","web-push","storage-quota","workbox"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps","docs":"https://developer.chrome.com/docs/workbox"},"one_liner":"a Progressive Web App is judged on what happens the instant the network isn't perfect, not on how it looks with a fast connection — a service worker intercepting requests, a real offline state, and a ","words":1119,"file":"platforms/pwa-and-offline-baseline.md"},{"slug":"terminal-cli-baseline","title":"Terminal / CLI baseline","kind":"platform","category":"platforms","tier":"S","platforms":["cli"],"tags":["cli","tui","exit-codes","no-color","piping","help-output","ansi","flags"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://clig.dev","docs":"https://man7.org/linux/man-pages/"},"one_liner":"the CLI has no visual layout system to lean on — there's no color, spacing, or type scale unless the tool explicitly emits it via ANSI escape codes, and the tool has to behave correctly whether a huma","words":1052,"file":"platforms/terminal-cli-baseline.md"},{"slug":"tvos-livingroom-baseline","title":"tvOS living-room baseline","kind":"platform","category":"platforms","tier":"S","platforms":["tvos"],"tags":["tvos","focus-engine","ten-foot-ui","remote","poster-art","top-shelf","d-pad"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://developer.apple.com/design/human-interface-guidelines","mobbin":"https://mobbin.com/apps"},"one_liner":"tvOS is a \"10-foot\" platform — the viewing distance (a couch, not a hand) drives every design decision differently from phone/tablet/desktop. There is no cursor and no touch on the screen itself: navi","words":932,"file":"platforms/tvos-livingroom-baseline.md"},{"slug":"watchos-wearable-baseline","title":"watchOS wearable baseline","kind":"platform","category":"platforms","tier":"S","platforms":["watchos"],"tags":["watchos","complications","smart-stack","digital-crown","glanceability","haptics","notifications"],"patterns":[],"updated":"2026-07-26","links":{"site":"https://developer.apple.com/design/human-interface-guidelines","mobbin":"https://mobbin.com/apps"},"one_liner":"watchOS interaction has consolidated around three surfaces a well-behaved app must design for, not just one: the watch face complication, the Smart Stack (a swipeable, ML-ranked stack of glanceable wi","words":947,"file":"platforms/watchos-wearable-baseline.md"},{"slug":"web-2026-baseline","title":"Web 2026 baseline","kind":"platform","category":"platforms","tier":"S","platforms":["web"],"tags":["css","view-transitions","container-queries","webgpu","anchor-positioning","motion","baseline","interop"],"patterns":[],"updated":"2026-07-22","links":{"site":"https://web.dev/baseline","mobbin":"https://mobbin.com/apps/web"},"one_liner":"The platform closed most of the gap that used to require JS libraries — layout (container queries), conditional styling (:has()), and positioned UI (popover + anchor positioning) are native and Baseli","words":918,"file":"platforms/web-2026-baseline.md"},{"slug":"recipe-waitlist-launch","title":"Waitlist launch system","kind":"recipe","category":"acquisition","tier":"A","platforms":["web"],"tags":["recipe","waitlist","referral","launch","landing"],"patterns":["landing-page-anatomy","onboarding-flows"],"updated":"2026-07-25","links":{},"one_liner":"Gate honestly, reward referrals clearly, warm the list, then admit in batches matched to onboarding capacity — so waitlist size becomes activation, not vanity.","words":421,"file":"recipes/recipe-waitlist-launch.md"},{"slug":"recipe-waitlist-to-paid","title":"Waitlist to paid","kind":"recipe","category":"acquisition","tier":"A","platforms":["web"],"tags":["recipe","waitlist","conversion","activation","honest-scarcity"],"patterns":["onboarding-flows","landing-page-anatomy","monetization-upsell-moments"],"updated":"2026-07-26","links":{},"one_liner":"Treat admission off the waitlist as the start of a real activation funnel — batch-sized to onboarding capacity, priced honestly on day one, with no theater at the exact moment the audience is watching","words":907,"file":"recipes/recipe-waitlist-to-paid.md"},{"slug":"recipe-creator-storefront","title":"Creator storefront","kind":"recipe","category":"commerce","tier":"A","platforms":["web"],"tags":["recipe","creator-economy","merch","drops","membership","indie-commerce"],"patterns":["product-detail-pages","landing-page-anatomy","dm-commerce-and-community-selling"],"updated":"2026-07-26","links":{},"one_liner":"Build a personal-brand storefront around one recurring drop cadence and one owned relationship channel (email, SMS, or DM) so the creator's own name does the selling, instead of shipping a Linktree wi","words":923,"file":"recipes/recipe-creator-storefront.md"},{"slug":"recipe-irreverent-dtc","title":"Irreverent DTC drop","kind":"recipe","category":"commerce","tier":"S","platforms":["web"],"tags":["recipe","dtc","drops","voice","merch","checkout"],"patterns":["checkout-and-cart","drops-and-restocks","landing-page-anatomy"],"updated":"2026-07-25","links":{},"one_liner":"Combine Liquid Death voice discipline with drop mechanics and quiet Stripe-grade checkout so the bit sells the product without taxing the card moment.","words":462,"file":"recipes/recipe-irreverent-dtc.md"},{"slug":"recipe-marketplace-wedge","title":"Marketplace wedge","kind":"recipe","category":"commerce","tier":"A","platforms":["web","mobile"],"tags":["recipe","marketplace","two-sided","liquidity","trust"],"patterns":["dm-commerce-and-community-selling","live-commerce-and-auctions","reviews-and-social-proof"],"updated":"2026-07-26","links":{},"one_liner":"Launch a two-sided marketplace by deliberately over-serving one named side first — a specific supply niche or a specific demand niche — and borrow that side's trust mechanism wholesale, instead of bui","words":942,"file":"recipes/recipe-marketplace-wedge.md"},{"slug":"recipe-membership-ritual","title":"Membership ritual","kind":"recipe","category":"commerce","tier":"A","platforms":["web","mobile"],"tags":["recipe","membership","club","ritual","retention","subscription"],"patterns":["subscription-management-and-cancel-flow","onboarding-flows"],"updated":"2026-07-26","links":{},"one_liner":"Design a membership product around one or two genuine, repeating ritual moments — a physical card presented at a door, a numbered object that arrives on a schedule, a text-to-join relationship — so me","words":897,"file":"recipes/recipe-membership-ritual.md"},{"slug":"recipe-quiet-commerce","title":"Quiet commerce","kind":"recipe","category":"commerce","tier":"A","platforms":["web"],"tags":["recipe","quiet-luxury","restraint","dtc","checkout","logo-test"],"patterns":["product-detail-pages","checkout-and-cart","landing-page-anatomy"],"updated":"2026-07-26","links":{},"one_liner":"Let photography and material/provenance data carry the entire sell at price-level visual weight, keep checkout completely silent, then run the homogenized-premium logo test before shipping — because \"","words":952,"file":"recipes/recipe-quiet-commerce.md"},{"slug":"recipe-unmistakable-site","title":"The unmistakable site","kind":"recipe","category":"marketing","tier":"S","platforms":["web"],"tags":["recipe","brand-system","signature-mechanism","logo-test","anti-sameness"],"patterns":["landing-page-anatomy","premium-web-microinteractions","scrollytelling-product-reveals"],"updated":"2026-07-26","links":{},"one_liner":"Force a named, stealable mechanism before any layout gets drawn, then run the logo-removal test as a hard release gate — a site that could be mistaken for someone else's has already failed, no matter ","words":1019,"file":"recipes/recipe-unmistakable-site.md","body":"# The unmistakable site — one invented mechanism, everything else gets out of the way\n\n**One-liner:** Force a named, stealable mechanism before any layout gets drawn, then run the logo-removal test as a hard release gate — a site that could be mistaken for someone else's has already failed, no matter how expensive it looks.\n\n## The brief\nBuild a marketing or brand site — product launch, portfolio, DTC storefront, agency site — whose entire job is to be recognized with the wordmark covered. This is not a polish problem. Stripe-clean, Linear-quiet, or cream-and-serif \"premium\" execution is achievable by any competent shop in a week and proves nothing on its own. The actual brief: invent ONE mechanism — an interaction, an object, a naming system, an IA joke — that a stranger could point at and describe in one sentence, then let that mechanism carry recognition while everything else on the site stays disciplined and gets out of its way.\n\nThis recipe assumes the brand has at least one true, specific fact to hang the mechanism on — a real object, a real process, a real constraint, a real point of view. If the actual brief is \"make us look premium\" with nothing underneath, fix the positioning before touching layout: [[brand-liquid-death]] and [[brand-quiet-luxury]] both show what a signal stack needs to survive on, and both fail instantly without it.\n\n## Card stack\n- [[ai-slop]] — pre-ship checklist, run first: fails the build if gradient, bento-grid, sparkle-icon, or default-Inter tells are present.\n- [[homogenized-premium]] — pre-ship checklist, run second: fails the build if cream, \"tasteful\" serif, or oversized-whitespace \"premium\" tells are present with no mechanism underneath.\n- [[bruno-simon-portfolio]] — steal the *category* of move (physics or interaction standing in for navigation), never the literal RC car.\n- [[mschf]] — steal sequential numbering plus manifesto-style copy as a scarcity-and-publishing mechanism.\n- [[graza]] — steal \"the object's own industrial design does the branding\" — a shape, a color, or a naming split that replaces a logo system outright.\n- [[criterion]] — steal a permanent collector-numbering or hand-curated framing for any catalog that is genuinely finite and completable.\n- Contrast only, do not default here: [[brand-quiet-luxury]] and [[brand-liquid-death]] — both are fully realized systems, not styles to skim. Cloning either without the underlying craft or claim produces homogenized-premium cosplay or costume irreverence, not an unmistakable site.\n\nRead the two pre-ship checklists before touching a single mechanism card — knowing exactly what to fail against sharpens what gets built toward.\n\n## Named direction\n**Formula:** one invented mechanism (specific, nameable, unique to this brand) × one movement (chosen on purpose, never the scaffold default) × one money-surface rule (exactly how the mechanism behaves, or disappears, at the point of payment). Write this as a single sentence before any layout exists. If a section can't survive the sentence, cut it.\n\n**Worked example:** \"Spine-numbered build log (own mechanism, structurally borrowed from [[criterion]]'s permanent catalog number) × [[xerox-zine-collage]] movement for the marketing shell × checkout goes silent — no numbers, no jokes, Stripe-calm chrome only.\" Swap in the project's real mechanism and real movement pick; never ship this exact sentence — it's a template for the exercise, not a brand.\n\n## Build checklist\n- **Logo-removal test (hard gate — cannot ship without passing):** cover the wordmark on every key screen. If a stranger could mistake the page for a competitor, a template, or \"nice site #400,\" it fails. Go back to the mechanism, not to a palette swap.\n- Name the mechanism in one sentence before wireframes exist. If nobody on the team can say what it is without reaching for \"clean\" or \"premium,\" it doesn't exist yet.\n- Run [[ai-slop]] and [[homogenized-premium]] as literal checklists against the *built* site, not just the mockup — both genres are structural, not decorative, and often survive a static comps review only to surface once real content and real breakpoints land.\n- Pressure-test for at least 3 concrete DNA points a teammate or agent could apply without cloning the whole reference site — the same steal-ability bar this library holds every card to.\n- Decide the money-surface rule explicitly: does the mechanism switch off at checkout, contact, or pricing (Liquid Death, mschf), or stay present but calmer (Criterion's essay-first PDP)? Never leave this undecided — it defaults to \"loud everywhere\" or \"quiet everywhere,\" and both are wrong.\n- Budget craft, not just concept: the mechanism needs real photography, real motion tuning, or real copywriting behind it. An unmistakable idea executed at template quality still reads cheap.\n- Show the mechanism to someone outside the project cold. If they describe the site using a competitor's name or \"looks like [template],\" the mechanism didn't land — iterate before shipping, not after launch feedback arrives.\n- Pick the movement deliberately and write the one-line reason down. \"Whatever the starter kit shipped with\" is not a movement choice, it's [[ai-slop]] or [[homogenized-premium]] by default.\n\n## Failure modes\n- **Quiet-luxury cosplay:** withholding chrome, adding a hairline border and a serif headline, calling it done — restraint with no mechanism and no material or claim underneath is [[homogenized-premium]], not craft. [[brand-quiet-luxury]] says it plainly: this system \"is earned, not a starting position.\"\n- **WebGL gimmick without craft:** bolting on a Three.js scene or a scroll-hijack because [[bruno-simon-portfolio]] is in this stack, then shipping it with default easing, no sound design, and no physics tuning — a mechanism without craft behind it reads as a template plugin, not an invention.\n- **Cloning one reference wholesale:** reskinning mschf's black-on-white numbered-drop grammar or Criterion's exact spine-number treatment onto an unrelated category with no original mechanism underneath — it still fails the logo test, it just fails against a different, more specific competitor.\n- **\"Unique\" as random chaos with no system:** scattering odd fonts, colors, and interactions with no repeating logic. A mechanism has to recur and compound — Criterion's number on every release, mschf's number on every drop — or it reads as noise, not as a signature. Chaos without a system belongs to [[chaos-brand-unhinged]], a different card entirely, and even that one needs its own internal discipline to work."},{"slug":"recipe-agent-console","title":"Agent / trading console","kind":"recipe","category":"tools","tier":"S","platforms":["web","desktop"],"tags":["recipe","dense","dashboard","agents","trading","keyboard"],"patterns":["command-palettes-and-keyboard-ux","data-dense-dashboards"],"updated":"2026-07-25","links":{},"one_liner":"Ship an operator surface that feels like a cockpit: keyboard-first, dense data, clear hierarchy — never a marketing landing pretending to be a tool.","words":444,"file":"recipes/recipe-agent-console.md"},{"slug":"recipe-docs-as-product","title":"Docs as product","kind":"recipe","category":"tools","tier":"A","platforms":["web"],"tags":["recipe","documentation","changelog","developer-trust","api"],"patterns":["docs-and-changelogs","changelog-and-release-notes-inapp","tables-and-dense-data"],"updated":"2026-07-26","links":{},"one_liner":"Build documentation and release notes as a first-class, dated, honestly-written product surface — the thing a skeptical developer checks before believing anything else on the marketing page — instead ","words":863,"file":"recipes/recipe-docs-as-product.md"}]}