designmd-forge 1.2.0

package/dist/data/index.json

@@ -0,0 +1,2600 @@
+{
+  "source": "https://github.com/VoltAgent/awesome-design-md",
+  "license": "MIT",
+  "sources": {
+    "ios": "https://github.com/meliwat/awesome-ios-design-md",
+    "mobile": "https://github.com/TrustOtc/awesome-mobile-design-md",
+    "web": "https://github.com/VoltAgent/awesome-design-md"
+  },
+  "note": "Design tokens extracted from publicly visible CSS values of each site, per upstream LICENSE notices. No trademarked assets, logos, or copyrighted imagery are included. Web = VoltAgent/awesome-design-md · Mobile = TrustOtc/awesome-mobile-design-md · iOS = Meliwat/awesome-ios-design-md.",
+  "generated_at": "2026-08-26T19:54:44.347Z",
+  "count": 284,
+  "platforms": [
+    "ios",
+    "mobile",
+    "web"
+  ],
+  "categories": [
+    "AI & LLM Platforms",
+    "Automotive",
+    "Backend, Database & DevOps",
+    "Dating",
+    "Design & Creative Tools",
+    "Developer Tools & IDEs",
+    "E-commerce & Retail",
+    "Finance",
+    "Fintech & Crypto",
+    "Fitness",
+    "Food",
+    "Media & Consumer Tech",
+    "Messaging",
+    "Misc",
+    "Mobile",
+    "Music",
+    "Productivity",
+    "Productivity & SaaS",
+    "Retro Web",
+    "Social",
+    "Travel",
+    "Uncategorized (not yet in upstream README)",
+    "Video"
+  ],
+  "designs": [
+    {
+      "slug": "airbnb",
+      "title": "Airbnb",
+      "category": "E-commerce & Retail",
+      "platform": "web",
+      "short_description": "Travel marketplace. Warm coral accent, photography-driven, rounded UI",
+      "long_description": "A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF at modest weights — display sits at 22–28px in weight 500/600 rather than the heavy 700+ that fintech and enterprise systems use; the brand trusts photography and generous whitespace over typographic muscle. Three product entries (Homes, Experiences, Services) sit in the top nav with hand-illustrated 32-icon glyphs and \"NEW\" badges, signaling a marketplace expansion rather than ",
+      "word_count": 3861
+    },
+    {
+      "slug": "airtable",
+      "title": "Airtable",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic",
+      "long_description": "A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll explainer pages. Primary actions use a near-black pill CTA; secondary actions sit in a white outlined button. Type runs Haas Grotesk in modest weights — never bold for its own sake.",
+      "word_count": 4462
+    },
+    {
+      "slug": "apple",
+      "title": "Apple",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Consumer electronics. Premium white space, SF Pro, cinematic imagery",
+      "long_description": "A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action Blue (#0066cc) interactive color. UI chrome recedes so the product can speak — no decorative gradients, no shadows on chrome, only the one signature drop-shadow under product imagery resting on a surface.",
+      "word_count": 4840
+    },
+    {
+      "slug": "binance",
+      "title": "Binance",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Crypto exchange. Bold Binance Yellow on monochrome, trading-floor urgency",
+      "long_description": "A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceNova / BinancePlex stack at modest weights — the system trusts size and yellow voltage over bold weight. Marketing and product surfaces default to the dark theme; transactional surfaces (buy crypto, deposit, exchange) flip to a light theme that shares the same yellow CTAs and gray-blue hairlines. Trading green (up) and red (down) accents thread through both modes for price-direct",
+      "word_count": 4951
+    },
+    {
+      "slug": "bmw",
+      "title": "BMW",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Luxury automotive. Dark premium surfaces, precise German engineering aesthetic",
+      "long_description": "BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries every primary CTA; dark navy hero bands frame model photography. BMW Type Next Latin sets the entire hierarchy on two weights — heavy 700 display and Light 300 body. Configuration and reservation flows ride a card-based 4-up grid, where each card holds a model render, a name, and a \"Learn More\" link.",
+      "word_count": 3597
+    },
+    {
+      "slug": "bmw-m",
+      "title": "BMW M",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Performance automotive. Motorsport-inspired contrast, M color accents, precision-driven layout",
+      "long_description": "A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed automotive photography (cars on tracks, driver-cockpit shots, carbon-fiber detail) and the iconic M tricolor stripe (light blue → dark blue → red) used sparingly as a brand signature on logos, dividers, and motorsport chrome. Type stays light to medium weight to feel European-engineered, never American-bombastic.",
+      "word_count": 4008
+    },
+    {
+      "slug": "bugatti",
+      "title": "Bugatti",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Luxury hypercar. Cinema-black canvas, monochrome austerity, monumental display type",
+      "long_description": "An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces — Bugatti Display, Bugatti Text Regular, and Bugatti Monospace — and combines them at modest weights with wide tracking to feel European-engineered, hyper-minimal, and quietly expensive. There is no accent color, no decorative element, no chrome — only photography, typography, and the brand wordmark.",
+      "word_count": 3761
+    },
+    {
+      "slug": "cal",
+      "title": "Cal.com",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Open-source scheduling. Clean neutral UI, developer-oriented simplicity",
+      "long_description": "A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12px), product UI fragments shown directly inside cards, and a dark navy footer that visually closes long-scroll pages. Brand voltage comes from the Cal Sans display headline (a custom geometric face) and from product UI artifacts shown in-card rather than from accent colors.",
+      "word_count": 3979
+    },
+    {
+      "slug": "card-heavy",
+      "title": "Card Heavy Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Card-first layout architecture * Every piece of content lives inside a card * Strong visual separation between sections * Emphasize modularity and reusability",
+      "long_description": "* Card-first layout architecture * Every piece of content lives inside a card * Strong visual separation between sections * Emphasize modularity and reusability * Designed for feed, marketplace, and discovery apps * Content should feel scannable and chunked",
+      "word_count": 627
+    },
+    {
+      "slug": "claude",
+      "title": "Claude",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Anthropic's AI assistant. Warm terracotta accent, clean editorial layout",
+      "long_description": "A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model showcase cards). Brand voltage comes from the cream/coral pairing — deliberately warm and humanist where most AI brands use cool blue + slate. Type voice runs a slab-serif display (\"Copernicus\" / Tiempos Headline) for h1/h2 and a humanist sans for body. The signature Anthropic black-radial-spike mark anchors the wordmark.",
+      "word_count": 4187
+    },
+    {
+      "slug": "clay",
+      "title": "Clay",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Creative agency. Organic shapes, soft gradients, art-directed layout",
+      "long_description": "A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot pink, deep teal, lavender, peach, ochre — that punctuate long-scroll explainer pages. Brand voltage comes from 3D-rendered claymation illustrations (mountains, characters, mascots) used as full-bleed hero artifacts and the bright multi-color card surfaces showing product UI fragments.",
+      "word_count": 3120
+    },
+    {
+      "slug": "clickhouse",
+      "title": "ClickHouse",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Fast analytics database. Yellow-accented, technical documentation style",
+      "long_description": "A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice across every page. Code blocks and product UI fragments embed directly in dark cards. The yellow + black pairing (and yellow used scarcely as accent) is the system's signature — brand identity without atmospheric decoration.",
+      "word_count": 3195
+    },
+    {
+      "slug": "cohere",
+      "title": "Cohere",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic",
+      "long_description": "Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between monospaced-feeling display headlines and precise Unica77 UI text.",
+      "word_count": 2770
+    },
+    {
+      "slug": "coinbase",
+      "title": "Coinbase",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Crypto exchange. Clean blue identity, trust-focused, institutional feel",
+      "long_description": "An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The base canvas is pure white; Coinbase Blue (`#0052ff`) is the single brand voltage, used scarcely on primary CTAs, signature glyphs, and inline accent moments. Type runs Coinbase's licensed CoinbaseDisplay (display) and CoinbaseSans (body) at modest weights — display sits at weight 400 not 700, signaling editorial calm rather than fintech-bombastic. Page rhythm rotates between bright white sections, soft gray elevation bands, and full-bleed dark editorial heroes (`#0a0b0d`)",
+      "word_count": 3081
+    },
+    {
+      "slug": "composio",
+      "title": "Composio",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Tool integration platform. Modern dark with colorful integration icons",
+      "long_description": "A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards float above on subtle gray-tinted surfaces. abcDiatype carries display and body in a single sans family with weights 400-600. The brand's strongest visual signature is a four-pane terminal-style mockup (a 2×2 grid of dark code/output panels) with a central blue spotlight glow — used as the homepage hero anchor.",
+      "word_count": 2416
+    },
+    {
+      "slug": "content-first",
+      "title": "Content First Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Content is the primary focus, UI is secondary * Reduce visual noise to near zero * Typography drives the experience * Maximize readability and immersion * UI ",
+      "long_description": "* Content is the primary focus, UI is secondary * Reduce visual noise to near zero * Typography drives the experience * Maximize readability and immersion * UI should disappear when not needed * Designed for reading, writing, and content consumption",
+      "word_count": 593
+    },
+    {
+      "slug": "cursor",
+      "title": "Cursor",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "AI-first code editor. Sleek dark interface, gradient accents",
+      "long_description": "An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`) carries body and display alike — display sits at weight 400 with negative letter-spacing for a magazine feel rather than a bold tech voice. The single brand voltage is **Cursor Orange** (`#f54e00`) reserved for primary CTAs and the wordmark. A signature pastel timeline palette (peach, mint, blue, lavender, gold) marks AI-action stages (Thinking / Reading / Editing / Grepping /",
+      "word_count": 2548
+    },
+    {
+      "slug": "data-dashboard",
+      "title": "Data Dashboard Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Data-first, UI serves information * High information density with clarity * Prioritize quick scanning and comparison * Use visual hierarchy to surface key met",
+      "long_description": "* Data-first, UI serves information * High information density with clarity * Prioritize quick scanning and comparison * Use visual hierarchy to surface key metrics * Designed for monitoring, analytics, and decision-making * Emphasize precision over decoration",
+      "word_count": 666
+    },
+    {
+      "slug": "dell-1996",
+      "title": "Dell (1996)",
+      "category": "Retro Web",
+      "platform": "web",
+      "short_description": "Catalog-era enterprise web. Literal black page frame, flat color-block \"ribbon cards\", chunky Helvetica-Black titles over Times Roman body, and hand-cut GIF stickers (NEW! bursts, award seals, beveled product photos).",
+      "long_description": "An inspired interpretation of Dell.com's 1996 design language — a catalog-era enterprise web design built around a literal black page frame, vivid flat color-block \"ribbon cards\" tinted in sage, salmon, periwinkle, sky, peach and lime, chunky Helvetica-Black display titles, Times Roman body copy, and an entire visual vocabulary of pre-Photoshop hand-cut GIF stickers (NEW! bursts, award seals, beveled product photos).",
+      "word_count": 4428
+    },
+    {
+      "slug": "elevenlabs",
+      "title": "ElevenLabs",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "AI voice platform. Dark cinematic UI, audio-waveform aesthetics",
+      "long_description": "A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base canvas is off-white (`#f5f5f5`) holding warm near-black ink (`#292524`); the brand voltage is photographic, not chromatic — soft pastel atmospheric gradient orbs (mint → peach → lavender → sky) drift through the page as the only \"color\" moments. Display runs Waldenburg Light at weight 300 — the editorial signature. Inter carries body, navigation, captions. CTAs are subtle: a near-black ink pill is the primary, a transparent outline is the secondary. The brand trusts atmospheric photography and mode",
+      "word_count": 2573
+    },
+    {
+      "slug": "enterprise-neutral",
+      "title": "Enterprise Neutral Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Professional, stable, and trustworthy * Function over form, clarity over decoration * High information density with clear structure * Minimal visual noise * C",
+      "long_description": "* Professional, stable, and trustworthy * Function over form, clarity over decoration * High information density with clear structure * Minimal visual noise * Consistent and predictable interactions * Designed for productivity and efficiency",
+      "word_count": 623
+    },
+    {
+      "slug": "expo",
+      "title": "Expo",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "React Native platform. Dark theme, tight letter-spacing, code-centric",
+      "long_description": "A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`#171717`) carries body and display alike. The single brand voltage is **pure black** (`#000000`) for primary CTAs — minimal and editorial-feeling, paired with a small blue text-link accent (`#0d74ce`) reserved for inline body links. Type pairs Inter at modest weights (display 600, body 400) with JetBrains Mono on every code surface. The brand's strongest visual signature is the ",
+      "word_count": 2659
+    },
+    {
+      "slug": "ferrari",
+      "title": "Ferrari",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Luxury automotive. Chiaroscuro black-white editorial, Ferrari Red with extreme sparseness",
+      "long_description": "A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) holding pure white display type; white-canvas bands appear only inside specific editorial contexts (preowned listings, pricing tables). The single brand voltage is **Rosso Corsa** (`#da291c`) — the iconic Ferrari racing red — used scarcely on primary CTAs, the Cavallino mark, and Formula 1 race-position highlights. Type runs **FerrariSans** at modest weights (display 500, body 400) — never bombastic. Spacing follows an explicit 8px token ladder (`xxxs` 4px through `supe",
+      "word_count": 2957
+    },
+    {
+      "slug": "figma",
+      "title": "Figma",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Collaborative design tool. Vibrant multi-color, playful yet professional",
+      "long_description": "A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks. The marketing canvas is rigorously monochrome — figmaSans variable type, pure white surfaces, pure black ink, pill-shaped CTAs — while each story section drops the page into a saturated lime, lavender, cream, mint, or pink panel that reads like a sticky note placed on a clean desk. The result is a design system that feels both technical and joyful — a tool for serious work, made by people who like color.",
+      "word_count": 4124
+    },
+    {
+      "slug": "framer",
+      "title": "Framer",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Website builder. Bold black and blue, motion-first, design-forward",
+      "long_description": "A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident blue (#0099ff) reserved for hyperlinks and selection states. The page rhythm is broken by oversized vibrant gradient atmosphere panels — magenta, violet, orange spotlights — that act as living showcase tiles, not decoration. Every CTA is a white pill on dark; every card is a translucent or charcoal surface; every section title pulls letter-spacing tight enough to feel like a post",
+      "word_count": 3733
+    },
+    {
+      "slug": "hashicorp",
+      "title": "HashiCorp",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Infrastructure automation. Enterprise-clean, black and white",
+      "long_description": "An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as identity tokens rather than decorative palette. Display type is hashicorpSans set in 600/700 with tight 1.17–1.21 line-heights; body type runs the same family at 500 weight with relaxed 1.50–1.71 line-heights. Cards live as charcoal surfaces with 1px translucent gray borders; product showcase cards lift into per-product chromatic gradients. The system reads as confident, techni",
+      "word_count": 3417
+    },
+    {
+      "slug": "hp",
+      "title": "HP",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "PC and printer maker. Pure white canvas, HP Electric Blue signal CTA, geometric Forma DJR Micro, blue chevron decorations",
+      "long_description": "An inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJR sans throughout, and angular blue-chevron decorations that nod to the HP wordmark's slashes. Cards round at 8–16px, photos sit in soft 16px frames, and dark navy slabs anchor the customer-story and \"how can we help\" closing bands.",
+      "word_count": 4700
+    },
+    {
+      "slug": "ibm",
+      "title": "IBM",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Enterprise technology. Carbon design system, structured blue palette",
+      "long_description": "An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Type runs IBM Plex Sans at light weight 300 for display sizes (a brand signature) and 400/600 for body and emphasis. Cards live as thin-bordered tiles with no shadow; sections separate via subtle gray rows. The chrome is square, the typography is light, and the only color in the system is one assertive blue — the result reads as old-world enterprise gravitas reframed for the cloud",
+      "word_count": 3374
+    },
+    {
+      "slug": "intercom",
+      "title": "Intercom",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Customer messaging. Friendly blue palette, conversational UI patterns",
+      "long_description": "An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's proprietary geometric sans), and a single confident Fin Orange (#ff5600) reserved for the Fin AI brand. Cards live as floating white tiles with thin hairline borders and minimal radii (8–16px). Display headlines run Saans at weight 500 with measured negative tracking. The system reads as a careful, product-led publication: product screenshots dominate, ornament is rare, and the only place chromatic energy enters is the Fin Orange CTA.",
+      "word_count": 2914
+    },
+    {
+      "slug": "ios-acorns",
+      "title": "Design System Inspiration of Acorns (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Acorns' iOS app is a **friendly, optimistic micro-investing app** built on one idea: investing should feel approachable, automatic, and rewarding — not like a B",
+      "long_description": "Acorns' iOS app is a **friendly, optimistic micro-investing app** built on one idea: investing should feel approachable, automatic, and rewarding — not like a Bloomberg terminal. The brand is anchored by two colors working in tandem: **Acorns Oak** (`#5A2B82`), a deep, trustworthy purple used for brand surfaces, the Round-Ups card, and structural moments; and **Acorn Green** (`#6FBF4E`), a bright, leafy green that is both the primary action color and the universal \"your money is growing\" signal. The acorn-to-oak-tree metaphor (\"from little acorns mighty oaks grow\") runs through everything — gr",
+      "word_count": 3946
+    },
+    {
+      "slug": "ios-airbnb",
+      "title": "Design System Inspiration of Airbnb (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Airbnb's iOS app is an editorial magazine for places to stay. The canvas is white, photography is the hero, and the UI chrome gets out of the way so a Tuscan fa",
+      "long_description": "Airbnb's iOS app is an editorial magazine for places to stay. The canvas is white, photography is the hero, and the UI chrome gets out of the way so a Tuscan farmhouse, a Tokyo micro-apartment, or a Joshua Tree dome can carry the full emotional weight of the screen. Where most travel apps feel like a database, Airbnb feels like a coffee-table book you can tap into — generous margins, soft corner radii (16pt on every stay card), and a color vocabulary pulled from hospitality rather than tech. The restraint is deliberate: a host's home is the brand, not Airbnb's logo.",
+      "word_count": 4525
+    },
+    {
+      "slug": "ios-alltrails",
+      "title": "Design System Inspiration of AllTrails (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "AllTrails' iOS app is a clean, outdoorsy light space organized around two things: the **map** and the **trail card**. The canvas is pure white (`#FFFFFF`) with ",
+      "long_description": "AllTrails' iOS app is a clean, outdoorsy light space organized around two things: the **map** and the **trail card**. The canvas is pure white (`#FFFFFF`) with a faintly cool sage surface (`#F2F4F1`) for grouped sections — the off-white of a topographic map's paper. The app feels practical and trustworthy rather than decorative: it is a tool people use to decide where to hike and then navigate while they do it, often outdoors in bright sun, so contrast is high, type is legible, and trail photography does the emotional work. The visual language says \"reliable field guide\", not \"lifestyle magazi",
+      "word_count": 3870
+    },
+    {
+      "slug": "ios-amazon",
+      "title": "Design System Inspiration of Amazon (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Amazon's iOS app is a relentlessly functional storefront — a design that has been A/B-tested down to the pixel, where every element is optimized to move a custo",
+      "long_description": "Amazon's iOS app is a relentlessly functional storefront — a design that has been A/B-tested down to the pixel, where every element is optimized to move a customer from \"I might want that\" to \"Place your order\" in the fewest possible taps. There is no pretense of minimalism here. The screen is dense, the hierarchy is aggressive, and every product tile packs photo, title, rating, review count, price, Prime badge, delivery date, and an Add-to-Cart button into a tight rectangle. The visual language is Amazon's own take on \"utility first\": whatever the design sacrifices in breathing room, it recov",
+      "word_count": 4250
+    },
+    {
+      "slug": "ios-amazon-music",
+      "title": "Design System Inspiration of Amazon Music (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Amazon Music's iOS app is built on a **deep teal-navy canvas (`#0C1B22`)** — not a neutral grey or pure black, but a saturated dark blue-green that gives the ap",
+      "long_description": "Amazon Music's iOS app is built on a **deep teal-navy canvas (`#0C1B22`)** — not a neutral grey or pure black, but a saturated dark blue-green that gives the app an instantly recognizable oceanic identity, distinct from Spotify's neutral `#121212` or YouTube Music's near-black `#030303`. This single decision — using a *tinted* dark instead of a neutral one — is the visual thumbprint of the brand. The app's accent, **Amazon Music Cyan (`#00A8E1`)**, is drawn straight from the canvas's hue family, so the whole product feels like one continuous gradient of blue: the dark canvas, the cyan controls",
+      "word_count": 3889
+    },
+    {
+      "slug": "ios-apple-fitness",
+      "title": "Design System Inspiration of Apple Fitness (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Apple Fitness is the purest expression of \"the data *is* the brand\" in Apple's app catalog. The entire identity rests on **three concentric Activity rings** — *",
+      "long_description": "Apple Fitness is the purest expression of \"the data *is* the brand\" in Apple's app catalog. The entire identity rests on **three concentric Activity rings** — **Move** (`#FA114F`, a hot pink-red), **Exercise** (`#92E82A`, electric lime-green), and **Stand** (`#1EE4E1`, bright cyan) — rendered as thick, rounded, glowing arcs on a **true-black canvas** (`#000000`). There is no logo wordmark doing the work here; the rings *are* the logo, and the whole app is engineered to make those three colors the brightest, most saturated thing on a pure-black screen. Everything else — typography, surfaces, ch",
+      "word_count": 4302
+    },
+    {
+      "slug": "ios-apple-maps",
+      "title": "Design System Inspiration of Apple Maps (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Apple Maps is the canonical reference for what a system-native iOS map should feel like — a soft cream-paper canvas, generous translucent search card, and the p",
+      "long_description": "Apple Maps is the canonical reference for what a system-native iOS map should feel like — a soft cream-paper canvas, generous translucent search card, and the precise dance of SF Symbols, native blurs, and just-right typography that defines every first-party Apple app. The map itself is the brand: the cartography uses a warm parchment beige (`#F6F1E6`) over land, soft `#B9D9EB` blues over water, slate roads, and the carefully chosen Apple transit colors (BART orange, MTA green, MUNI gold) on subway and rail lines. Where Google Maps reaches for saturated category icons and dense POI clutter, Ap",
+      "word_count": 4897
+    },
+    {
+      "slug": "ios-apple-music",
+      "title": "Design System Inspiration of Apple Music (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Apple Music's iOS app is the flagship showcase of Apple's own design language — a first-party experience that leans heavily into SF Pro, SF Symbols, system mate",
+      "long_description": "Apple Music's iOS app is the flagship showcase of Apple's own design language — a first-party experience that leans heavily into SF Pro, SF Symbols, system materials (blurs and vibrancy), and haptics. It exists to do one thing: put album art front and center, wrap it in a light-and-air clean interface, and let you fall into an album. The canvas is pure white (`#FFFFFF`) in light mode and true black (`#000000`) in dark — unusually Apple uses the full-contrast black instead of the softer `#121212` most other media apps favor, because the Now Playing screen's album-art-derived gradient needs the ",
+      "word_count": 5509
+    },
+    {
+      "slug": "ios-apple-notes",
+      "title": "Design System Inspiration of Apple Notes (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Apple Notes is Apple's most quietly opinionated app — a 16-year exercise in restraint. Where every other Apple app debates whether to be material or flat, glass",
+      "long_description": "Apple Notes is Apple's most quietly opinionated app — a 16-year exercise in restraint. Where every other Apple app debates whether to be material or flat, glass or solid, Notes commits to one idea: *it's paper*. The canvas is a warm cream yellow (`#FFFBED` in light, `#1A1A1A` in dark), the chrome is suppressed to nearly nothing, the only \"color\" in the entire app is the yellow folder glyph and the brand orange highlights. The aesthetic is *legal pad* — and the legal-pad reference is intentional. Notes is Apple's tribute to the yellow Steno pad and the manila folder, rendered as software.",
+      "word_count": 4297
+    },
+    {
+      "slug": "ios-apple-tv",
+      "title": "Design System Inspiration of Apple TV (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "The Apple TV app is the most *restrained* streaming surface Apple ships. Its philosophy is the opposite of broadcast loudness: the catalog is presented like a c",
+      "long_description": "The Apple TV app is the most *restrained* streaming surface Apple ships. Its philosophy is the opposite of broadcast loudness: the catalog is presented like a curated gallery on a true-black wall. The canvas is pure `#000000` — not a charcoal, not a near-black — chosen so that on OLED iPhones the pixels switch off entirely and inset, rounded artwork appears to float in void. Open the **Watch Now** tab and you see a large \"Watch Now\" title in SF Pro 34pt bold, an inset rounded **hero card** (a single featured Apple TV+ Original, art with 16pt corner radius and a generous bottom scrim), then the",
+      "word_count": 4224
+    },
+    {
+      "slug": "ios-apple-wallet",
+      "title": "Design System Inspiration of Apple Wallet (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Apple Wallet is a vault rendered as a stage. The canvas is true black (`#000000`) — not Apple's usual dark gray — because the screen needs to disappear so the c",
+      "long_description": "Apple Wallet is a vault rendered as a stage. The canvas is true black (`#000000`) — not Apple's usual dark gray — because the screen needs to disappear so the cards can do the entire performance. Cards stack vertically with each one peeking 80pt above the next, perfectly aligned on a vanishing-point spine, like a fanned-out billfold seen from above. When you tap a card, the rest tuck downward into the pocket; when you pull a card up, it lifts off the stack and grows to fill the screen with a 3D-ish parallax that the OS treats as part of the chrome itself. The whole app is essentially a single,",
+      "word_count": 4304
+    },
+    {
+      "slug": "ios-asana",
+      "title": "Design System Inspiration of Asana (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Asana's iOS app is a calm, structured productivity surface whose entire personality comes from one warm color and a disciplined list. The default canvas is whit",
+      "long_description": "Asana's iOS app is a calm, structured productivity surface whose entire personality comes from one warm color and a disciplined list. The default canvas is white (`#FFFFFF`) in light mode and a near-neutral charcoal (`#1E1F21`) in dark mode — Asana's signature dark, NOT pure black. The app opens to **My Tasks**: a vertically scrolling list of task rows, each with a leading circular checkbox, a task name, and a row of small metadata pills (project, due date, assignee avatar). This list IS the product. Everything else — the project board, the timeline, the inbox — is a different rendering of the",
+      "word_count": 4424
+    },
+    {
+      "slug": "ios-audible",
+      "title": "Design System Inspiration of Audible (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Audible's iOS app is a literary listening room rendered in software. The canvas is a warm charcoal (`#1A1A1A`) — not the cold pure-black of music apps, but a de",
+      "long_description": "Audible's iOS app is a literary listening room rendered in software. The canvas is a warm charcoal (`#1A1A1A`) — not the cold pure-black of music apps, but a deep, paper-at-night gray that frames book covers like a well-lit shelf. Surfaces step up to `#2A2A2A` for cards and the player chrome, with `#3A3A3A` hairline dividers. The mood is calm, premium, and unhurried — this is an app for hours-long sessions, so it avoids visual urgency. Audiobook cover art is the chromatic hero; the UI recedes into warm darkness so the artwork (and the act of reading-by-ear) takes the foreground.",
+      "word_count": 3581
+    },
+    {
+      "slug": "ios-bandcamp",
+      "title": "Design System Inspiration of Bandcamp (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Bandcamp's iOS app is a paper-first, editorial music marketplace whose entire identity is built on one belief: the album artwork — uploaded by the artist — is t",
+      "long_description": "Bandcamp's iOS app is a paper-first, editorial music marketplace whose entire identity is built on one belief: the album artwork — uploaded by the artist — is the brand, and the UI exists to get out of its way. The canvas is near-white (`#FFFFFF` with `#F4F4F4` for grouped/elevated zones), text is near-black ink (`#1A1A1A`), and the single brand color, Bandcamp Teal (`#1DA0C3`, with a deeper `#629AA9`), is rationed almost exclusively to the things that connect a fan to an artist: the **artist name link**, the **buy/support price**, and the **fan collection**. Open the app and you land on a fee",
+      "word_count": 4171
+    },
+    {
+      "slug": "ios-bear",
+      "title": "Design System Inspiration of Bear (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Bear's iOS app is a writer's instrument disguised as a design system. The whole product is built around one idea: *the prose is the interface*. Open a note and ",
+      "long_description": "Bear's iOS app is a writer's instrument disguised as a design system. The whole product is built around one idea: *the prose is the interface*. Open a note and you see a calm canvas — pure white (`#FFFFFF`) in light, warm blue-charcoal (`#21252B`) in the default dark theme — a 24pt note title, then a flowing column of Markdown text that renders *live*. You type `# Heading` and the hash dims while the line grows bold; you type `**bold**` and the asterisks fade as the word thickens; you type `- [ ] task` and a tappable checkbox appears in place of the brackets. There are no panels, cards, border",
+      "word_count": 4413
+    },
+    {
+      "slug": "ios-bereal",
+      "title": "Design System Inspiration of BeReal (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "BeReal's iOS app is a deliberate rejection of the polished social-media aesthetic. The interface is a true-black canvas (`#000000`) with almost no chrome, no gr",
+      "long_description": "BeReal's iOS app is a deliberate rejection of the polished social-media aesthetic. The interface is a true-black canvas (`#000000`) with almost no chrome, no gradients, no decorative color — a stark, photographic darkroom where the only thing that matters is the unfiltered dual-camera moment. There is no brand color in the UI. The accent is white. This is a design philosophy, not an oversight: by stripping every gradient, glow, and tint, BeReal forces the eye onto the photo itself — the back camera's view of where you are, and the small front-camera selfie of your face reacting to it. The app ",
+      "word_count": 3273
+    },
+    {
+      "slug": "ios-binance",
+      "title": "Design System Inspiration of Binance (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Binance's iOS app is a dark, dense, data-first trading terminal compressed into a phone. The default and dominant experience is dark mode: a near-black canvas (",
+      "long_description": "Binance's iOS app is a dark, dense, data-first trading terminal compressed into a phone. The default and dominant experience is dark mode: a near-black canvas (`#0B0E11`) onto which thousands of live numbers stream — prices, percentages, order books, candlesticks, P&L. The atmosphere is \"professional exchange, not consumer wallet.\" Where Coinbase rounds its corners and pads generously to feel friendly, Binance tightens everything: 12pt row paddings, hairline `#2B3139` dividers, and tabular monospace figures so that a markets list shows ten pairs without scrolling. The screen should feel like a",
+      "word_count": 4109
+    },
+    {
+      "slug": "ios-bluesky",
+      "title": "Design System Inspiration of Bluesky (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Bluesky's iOS app is a clean, friendly, sky-bright timeline that feels open and uncluttered. The default light surface is pure white (`#FFFFFF`) with near-black",
+      "long_description": "Bluesky's iOS app is a clean, friendly, sky-bright timeline that feels open and uncluttered. The default light surface is pure white (`#FFFFFF`) with near-black text (`#0B0F14`), and it offers two darker variants: a soft \"Dim\" mode on a desaturated slate (`#1E2936`) and a deep \"Dark\" mode (`#0B0F14`). The triple-theme choice is a deliberate accessibility-and-comfort gesture — Bluesky wants you to pick the brightness that suits your eyes, not impose one. Across all three, the timeline is a quiet column of skeet cards separated by hairline dividers, with content given room to breathe.",
+      "word_count": 3140
+    },
+    {
+      "slug": "ios-booking",
+      "title": "Design System Inspiration of Booking.com (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Booking.com's iOS app is dense, blue, and relentlessly conversion-focused — an information-rich travel marketplace where every screen is engineered to move a tr",
+      "long_description": "Booking.com's iOS app is dense, blue, and relentlessly conversion-focused — an information-rich travel marketplace where every screen is engineered to move a traveler from \"browsing\" to \"booked\". The canvas is clean white (`#FFFFFF`) with a light gray surface (`#F2F2F2`) chunking the feed into scannable blocks, so the real estate goes to what sells a stay: a big photo, a name, a review score, and a price. Where a lifestyle travel app breathes, Booking.com packs — property cards are tight, stacked with badges (\"Genius\", \"Free cancellation\", \"Breakfast included\"), and every element earns its pix",
+      "word_count": 3525
+    },
+    {
+      "slug": "ios-bumble",
+      "title": "Design System Inspiration of Bumble (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Bumble's iOS app is unapologetically loud. Where Hinge whispers on cream paper and Tinder neon-flames at you, Bumble paints the screen Bumble Yellow (`#FFC629`)",
+      "long_description": "Bumble's iOS app is unapologetically loud. Where Hinge whispers on cream paper and Tinder neon-flames at you, Bumble paints the screen Bumble Yellow (`#FFC629`) — a saturated, sun-bright honey-yellow — and lets it bake. The yellow is everywhere: the splash, the loading dots, the active tab, the primary CTA, the match badge, the hexagon honeycomb that frames every photo and notification. The brand is a single color used with stadium-rock confidence, paired with a near-black warm canvas to keep contrast brutal. If Hinge is a journal, Bumble is a billboard.",
+      "word_count": 4956
+    },
+    {
+      "slug": "ios-cal-ai",
+      "title": "Design System Inspiration of Cal AI (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Cal AI's iOS app is a dark, editorial calorie-tracker that treats your meals the way a photography portfolio treats its subjects — centered, well-lit, and unclu",
+      "long_description": "Cal AI's iOS app is a dark, editorial calorie-tracker that treats your meals the way a photography portfolio treats its subjects — centered, well-lit, and uncluttered. The canvas is near-black (`#0A0A0A`), the text is crisp white, and the only other color in the interface comes from your own food photos and three softly-saturated macro accents. This is the anti-clinical calorie app: no red-orange warning states, no blocky blue dashboards, no kitschy illustrations of fruit. The app reads more like a minimal iOS health journal or an AI research product than a traditional fitness tracker.",
+      "word_count": 3668
+    },
+    {
+      "slug": "ios-calm",
+      "title": "Design System Inspiration of Calm (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Calm's iOS app is a night sky you can fall asleep inside. The defining surface is a full-screen vertical gradient that runs from a deep twilight blue (`#2A6FD6`",
+      "long_description": "Calm's iOS app is a night sky you can fall asleep inside. The defining surface is a full-screen vertical gradient that runs from a deep twilight blue (`#2A6FD6`) at the top down to a near-black navy (`#0B1E3F`) at the bottom — the color of dusk just after the sun has gone. Over that gradient, almost everything is glass: cards are translucent white (`rgba(255,255,255,0.08)`) so the sky shows through them. The result is an interface that feels less like an app and more like a calm physical space — a planetarium, a lakeside at night — where nothing is sharp, nothing is loud, and the eye is never ",
+      "word_count": 3528
+    },
+    {
+      "slug": "ios-canva",
+      "title": "Design System Inspiration of Canva (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Canva's iOS app is a friendly, confidence-building creation tool. Its whole personality says *you can design this* — to a non-designer, on a phone, in two minut",
+      "long_description": "Canva's iOS app is a friendly, confidence-building creation tool. Its whole personality says *you can design this* — to a non-designer, on a phone, in two minutes. The atmosphere is bright, rounded and gradient-forward. The default workspace is near-white (`#FFFFFF` / `#F7F8FA`), every container has a soft 12–16pt corner radius, and the unmistakable Canva signal is the **cyan→purple brand gradient** (`#00C4CC → #7D2AE8`). That gradient is the logo, the floating **create** button, the primary CTA, and the hero rails of the template galleries. Color is used generously but with discipline: the gr",
+      "word_count": 4205
+    },
+    {
+      "slug": "ios-cash-app",
+      "title": "Design System Inspiration of Cash App (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Cash App is a fintech rendered as a pop-art club flyer. The canvas is near-black, the type is loud, the accent is one violently saturated green, and the most im",
+      "long_description": "Cash App is a fintech rendered as a pop-art club flyer. The canvas is near-black, the type is loud, the accent is one violently saturated green, and the most important screen in the app — the $-amount keypad — is essentially a 1990s ATM reimagined as a high-fashion poster. Where Venmo leans social, Cash App leans cultural: the brand has dressed Megan Thee Stallion in custom Cash Cards, paid YouTubers in $CASHTAG drops, and turned the act of sending money into a remix of Black culture, hip-hop typography, and DIY screen-print energy. The UI rejects every fintech cliche — no charts, no investing",
+      "word_count": 4279
+    },
+    {
+      "slug": "ios-character-ai",
+      "title": "Design System Inspiration of Character.AI (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Character.AI's iOS app exists to do one thing exceptionally well: let you have a believable, immersive conversation with an AI **persona**. Every design decisio",
+      "long_description": "Character.AI's iOS app exists to do one thing exceptionally well: let you have a believable, immersive conversation with an AI **persona**. Every design decision flows from that. The canvas is a near-black neutral (`#0F0F10`) — dark-first, so nothing competes with the conversation for attention. The signature screen is the **chat**: you open a character and you're greeted by a single circular **character avatar** (a soft radial gradient — blue or lilac), the character's name and one-line description centered beneath it (\"Aria — A curious starship navigator · by @lumen\"), and then the dialogue ",
+      "word_count": 3915
+    },
+    {
+      "slug": "ios-charles-schwab",
+      "title": "Design System Inspiration of Charles Schwab (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "The Charles Schwab iOS app is **the digital lobby of a 50-year-old brokerage** — confident, trustworthy, and built to make handling six- and seven-figure accoun",
+      "long_description": "The Charles Schwab iOS app is **the digital lobby of a 50-year-old brokerage** — confident, trustworthy, and built to make handling six- and seven-figure accounts feel safe rather than thrilling. Where a fintech challenger uses gradients and confetti, Schwab uses a deep maritime navy, a single bright cyan-blue action color, and rows of precisely-aligned numbers. Open the app and you land on the **Accounts** screen: a navy gradient hero carrying your **Total Value** in a large 34pt numeral and a green/red day-change line, then a stacked list of every account you hold — Individual Brokerage, Rot",
+      "word_count": 4239
+    },
+    {
+      "slug": "ios-chatgpt",
+      "title": "Design System Inspiration of ChatGPT (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "ChatGPT's iOS app is a master class in deliberate minimalism. The canvas is pure white (`#FFFFFF`) in light mode or near-black (`#212121`) in dark — there is al",
+      "long_description": "ChatGPT's iOS app is a master class in deliberate minimalism. The canvas is pure white (`#FFFFFF`) in light mode or near-black (`#212121`) in dark — there is almost no chrome, no color, no decoration. The design choice maps directly onto the product: ChatGPT is a conversation with a model, and the UI recedes so the *text itself* is the interface. Open a new chat and the screen is almost empty — a centered compose field at the bottom, a subtle \"ChatGPT\" model-selector chip at the top-left, and a \"New chat\" icon top-right. Type a message and everything scrolls upward as the conversation builds, ",
+      "word_count": 4827
+    },
+    {
+      "slug": "ios-chime",
+      "title": "Design System Inspiration of Chime (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Chime's iOS app is a **calm, confidence-building money dashboard** built around one number: how much you can spend right now. The product's emotional job is to ",
+      "long_description": "Chime's iOS app is a **calm, confidence-building money dashboard** built around one number: how much you can spend right now. The product's emotional job is to make banking feel friendly and stress-free for people who've been burned by overdraft fees and minimum balances, so the design is soft, rounded, and reassuring rather than corporate or austere. The light canvas is a near-white off-white (`#F6FBF8`); the signature surface is the **balance hero card** — a full-bleed Chime Mint (`#1EC677` → `#12A862`) gradient panel with the available balance rendered huge in near-black mint-tinted ink, th",
+      "word_count": 4182
+    },
+    {
+      "slug": "ios-chipotle",
+      "title": "Design System Inspiration of Chipotle (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Chipotle's iOS app is built like a foil-wrapped burrito: warm, hand-made, and stripped to the essentials. The canvas is a cream paper tone (`#FFF5E1`) — not sta",
+      "long_description": "Chipotle's iOS app is built like a foil-wrapped burrito: warm, hand-made, and stripped to the essentials. The canvas is a cream paper tone (`#FFF5E1`) — not stark white — evoking the kraft-paper bags and butcher-paper liners of the restaurant. Against that warm field, food photography of bowls and burritos sits on clean white cards (`#FFFFFF`), and the entire experience funnels toward one ritual: building your order, ingredient by ingredient, from a vertical list of choices. This is fast-casual design with a craft sensibility — utilitarian, but never cold.",
+      "word_count": 3326
+    },
+    {
+      "slug": "ios-citymapper",
+      "title": "Design System Inspiration of Citymapper (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Citymapper's iOS app is a **transit nerd's instrument panel disguised as a friendly app**. Its whole reason to exist is to answer \"how do I get from here to the",
+      "long_description": "Citymapper's iOS app is a **transit nerd's instrument panel disguised as a friendly app**. Its whole reason to exist is to answer \"how do I get from here to there, right now, the smartest way?\" — and the visual language is built around a single insight: **every transport mode gets its own loud, consistent color, and a route is read as a colored strip**. Open the app, type a destination, and you get a stack of route cards; each card shows a **leg strip** — a horizontal row of color-coded mode chips (a green walk pill → a blue tube badge → a red bus badge → a green walk pill) with little arrows ",
+      "word_count": 4407
+    },
+    {
+      "slug": "ios-claude",
+      "title": "Design System Inspiration of Claude (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Claude's iOS app feels like an AI assistant rendered on a piece of warm paper. Anthropic deliberately rejected the cold blue-grey aesthetic that defined ChatGPT",
+      "long_description": "Claude's iOS app feels like an AI assistant rendered on a piece of warm paper. Anthropic deliberately rejected the cold blue-grey aesthetic that defined ChatGPT's first wave of imitators and instead chose a sun-warmed cream canvas (`#F8F4ED`), inky near-black type, and a single signature accent — Claude Orange (`#D97757`) — that appears on the send button, the active state of the model picker, and the asterisk-star logomark. The result is a chat surface that reads as humanist before it reads as technological: the AI doesn't shout at you in neon; it sits next to you on the same paper, in the sa",
+      "word_count": 5397
+    },
+    {
+      "slug": "ios-clickup",
+      "title": "Design System Inspiration of ClickUp (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "ClickUp's iOS app is a dense, feature-maximal productivity surface whose personality is the **brand gradient** and an information-rich task list. The default ca",
+      "long_description": "ClickUp's iOS app is a dense, feature-maximal productivity surface whose personality is the **brand gradient** and an information-rich task list. The default canvas is white (`#FFFFFF`) in light mode and a deep blue-violet (`#1B1B2E`) in dark mode — chosen to complement the gradient, NOT neutral black. The app opens to a List view: tasks grouped under **custom status pills** (\"To do\", \"In progress\", \"Review\", \"Complete\"), where each task row packs a status checkbox, name, priority flag, tags, due date, and assignee avatar into a compact line. ClickUp's thesis is \"one app to replace them all\" —",
+      "word_count": 4636
+    },
+    {
+      "slug": "ios-clubhouse",
+      "title": "Design System Inspiration of Clubhouse (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Clubhouse's iOS app feels like a warm, well-lit hallway in someone's home rather than a tech product. The canvas is a soft, paper-like cream (`#F2EFE4`) — not w",
+      "long_description": "Clubhouse's iOS app feels like a warm, well-lit hallway in someone's home rather than a tech product. The canvas is a soft, paper-like cream (`#F2EFE4`) — not white, not gray, a deliberately analog off-cream that reads like recycled stationery. On top of that hallway sits a flow of rounded, hand-drawn-feeling elements: circular profile photos with playful illustrated avatars, fully pill-shaped buttons, and — the defining typographic gesture — room and screen titles set in a **serif display face** (Clubhouse uses a humanist serif; DM Serif Display is the closest free substitute). The combinatio",
+      "word_count": 4661
+    },
+    {
+      "slug": "ios-coffee-meets-bagel",
+      "title": "Design System Inspiration of Coffee Meets Bagel (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Coffee Meets Bagel's iOS app is a *relaxed first date over coffee*, rendered as software. Where swipe-apps are cold and infinite, CMB is warm, curated, and deli",
+      "long_description": "Coffee Meets Bagel's iOS app is a *relaxed first date over coffee*, rendered as software. Where swipe-apps are cold and infinite, CMB is warm, curated, and deliberately scarce: you get a small batch of hand-picked \"bagels\" (matches) once a day. The whole visual language is built from a coffee-house palette — roasted brew-brown (`#A0522D`), a friendly bagel-orange (`#F4623A`), and warm cream (`#F3E4CF`) — over a cozy brown-black canvas (`#14100D` in dark, warm off-white `#FBF6EF` in light). Nothing is stark; even \"white\" is cream. The atmosphere says *take your time, this is a curated introduct",
+      "word_count": 4108
+    },
+    {
+      "slug": "ios-coinbase",
+      "title": "Design System Inspiration of Coinbase (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Coinbase is the crypto exchange rendered as a serious institutional financial product. The canvas is white, the brand is a single saturated blue — Coinbase Blue",
+      "long_description": "Coinbase is the crypto exchange rendered as a serious institutional financial product. The canvas is white, the brand is a single saturated blue — Coinbase Blue (`#0052FF`) — and the entire interface is engineered to make holding cryptocurrencies feel as legitimate as holding a brokerage account. Where Cash App leans pop-cultural and Robinhood leans clean-tech, Coinbase leans grown-up institution: thoughtful spacing, deliberate typography, news-grade list density, and a chart aesthetic borrowed from Bloomberg terminals more than from consumer fintech. The app's job is to convince you that this",
+      "word_count": 4396
+    },
+    {
+      "slug": "ios-copilot",
+      "title": "Design System Inspiration of Microsoft Copilot (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Microsoft Copilot's iOS app is a warm, approachable assistant wrapped in Microsoft's Fluent design language. The canvas is clean white (`#FFFFFF`) in light mode",
+      "long_description": "Microsoft Copilot's iOS app is a warm, approachable assistant wrapped in Microsoft's Fluent design language. The canvas is clean white (`#FFFFFF`) in light mode and a deep neutral (`#202020`) in dark mode, but the defining material is **Fluent acrylic**: frosted, lightly tinted, blurred surfaces that sit *over* content (the prompt bar, sheets, the suggestion tray) so the UI feels physical and layered rather than flat. Where Gemini is a bare document, Copilot is a soft, tactile workspace — answers arrive in gently rounded cards, surfaces have depth, and the whole thing reads friendly and consum",
+      "word_count": 3912
+    },
+    {
+      "slug": "ios-craft",
+      "title": "Design System Inspiration of Craft (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Craft's iOS app is a *beautifully crafted document editor* — the antithesis of a spreadsheet-y productivity tool. Where most note apps feel like text fields wit",
+      "long_description": "Craft's iOS app is a *beautifully crafted document editor* — the antithesis of a spreadsheet-y productivity tool. Where most note apps feel like text fields with chrome bolted on, Craft feels like a native iOS app that a designer obsessed over: rounded everything, soft layered shadows, fluid spring physics, and a signature blue→purple gradient that threads through every primary action. The canvas is warm off-white (`#FCFCFD`) in light, a soft near-charcoal (`#1A1A1E`) in dark — never pure black, never clinical. Open a document and you see a hero zone (optional full-bleed cover, a large emoji o",
+      "word_count": 4444
+    },
+    {
+      "slug": "ios-crunchyroll",
+      "title": "Design System Inspiration of Crunchyroll (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Crunchyroll's iOS app is a cinema for anime. The entire experience is built on a true-black OLED canvas (`#000000`) so that full-bleed key-art — the painted, sa",
+      "long_description": "Crunchyroll's iOS app is a cinema for anime. The entire experience is built on a true-black OLED canvas (`#000000`) so that full-bleed key-art — the painted, saturated, character-forward poster of each show — can bleed edge-to-edge and dissolve into a perfect black floor. Open any title and the first thing you see is a ~60%-of-screen hero image of the show's art, overlaid at the bottom with a black gradient scrim that the title, rating, and genre tags sit on. The philosophy is \"the art is the interface\": Crunchyroll's catalog is its product, and the UI is engineered to recede so the illustrati",
+      "word_count": 4276
+    },
+    {
+      "slug": "ios-crypto-com",
+      "title": "Design System Inspiration of Crypto.com (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Crypto.com's iOS app is a premium, dark, navy-tinted financial super-app. Where Binance feels like a bare trading terminal and Coinbase feels like a friendly co",
+      "long_description": "Crypto.com's iOS app is a premium, dark, navy-tinted financial super-app. Where Binance feels like a bare trading terminal and Coinbase feels like a friendly consumer wallet, Crypto.com positions itself as *aspirational fintech*: a deep near-black canvas with a distinct cool-blue undertone (`#03060F` → `#0B1426`, never neutral gray), generous rounding, and a metallic Visa card that is treated as the hero object of the entire product. The atmosphere is \"private bank meets crypto exchange\" — luxe, calm, and money-confident. The app spans buy/sell, the Crypto.com Visa card, Earn, staking CRO, Pay",
+      "word_count": 4012
+    },
+    {
+      "slug": "ios-deepseek",
+      "title": "Design System Inspiration of DeepSeek (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "DeepSeek's iOS app is a focused, near-monochrome chat interface organized around one idea: **show the model thinking before it answers**. The canvas is a deep n",
+      "long_description": "DeepSeek's iOS app is a focused, near-monochrome chat interface organized around one idea: **show the model thinking before it answers**. The canvas is a deep near-black (`#0E0E10` in dark; a clean white `#FFFFFF` in light), and the only saturated color anywhere is **DeepSeek Blue** (`#4D6BFE`) — a vivid indigo-blue that appears on the whale logomark, the user's message bubble, the send button, and the active **DeepThink (R1)** / **Search** toggles. Everything else is a restrained grey ramp. The result feels like a research tool: serious, quiet, and engineered to make the *reasoning* the spect",
+      "word_count": 4029
+    },
+    {
+      "slug": "ios-deezer",
+      "title": "Design System Inspiration of Deezer (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Deezer's iOS app is a dark-native music player whose entire identity rests on one move: a violet-tinted near-black canvas (`#0F0D13`) across which a single purp",
+      "long_description": "Deezer's iOS app is a dark-native music player whose entire identity rests on one move: a violet-tinted near-black canvas (`#0F0D13`) across which a single purple→pink gradient (`#A238FF` → `#FF0092`) is rationed like a precious resource. The app never goes pure black and never offers a true light theme — the slight violet warmth in the background means the brand gradient feels native to the same color world rather than pasted on top. Open the app and you land on a \"Home for you\" feed of mixes and editorial cards, but the screen everything builds toward is **Flow Now Playing**: a full-bleed li",
+      "word_count": 4054
+    },
+    {
+      "slug": "ios-deliveroo",
+      "title": "Design System Inspiration of Deliveroo (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Deliveroo's iOS app is a single-brand-color food delivery experience. The canvas is pure white (`#FFFFFF`) and the entire interface is built around one unmistak",
+      "long_description": "Deliveroo's iOS app is a single-brand-color food delivery experience. The canvas is pure white (`#FFFFFF`) and the entire interface is built around one unmistakable hue — **Deliveroo Teal** (`#00CCBC`, internally \"Aquamarine\"). That teal is the kangaroo logomark, the primary button, the active tab, the rating star, the Deliveroo Plus mark, the basket button and the search-focus ring. Where most marketplaces juggle three or four accent colors, Deliveroo is disciplined: one bright teal does everything, set against a clean white page and full-color food photography. The teal is so saturated that ",
+      "word_count": 4592
+    },
+    {
+      "slug": "ios-delta",
+      "title": "Design System Inspiration of Delta (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Fly Delta's iOS app is a calm, navy-grounded travel concierge that organizes itself entirely around one question: *where is my trip right now?* The moment you o",
+      "long_description": "Fly Delta's iOS app is a calm, navy-grounded travel concierge that organizes itself entirely around one question: *where is my trip right now?* The moment you open it, the **Today** tab puts your most imminent flight front and center — a full-bleed navy header showing your origin and destination airport codes in big bold type, a small plane gliding along a connecting line, and a status pill (\"On Time\", \"Delayed\", \"Now Boarding\") that is the single most important word on the screen. Everything else (rebooking, bag tracker, SkyMiles, amenities) is one tap away but visually subordinate. The app's",
+      "word_count": 4225
+    },
+    {
+      "slug": "ios-discord",
+      "title": "Design System Inspiration of Discord (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Discord's iOS app is a dark-first community UI built around one load-bearing color: Blurple (`#5865F2`). Open the app and you're dropped into a three-pane archi",
+      "long_description": "Discord's iOS app is a dark-first community UI built around one load-bearing color: Blurple (`#5865F2`). Open the app and you're dropped into a three-pane architecture — a leftmost server rail of rounded-square server icons, a channel list in the middle, and a message thread on the right — compressed into a mobile form factor via horizontal swipe navigation. The canvas is a near-black gradient of grays: the server rail at `#1E1F22`, the channel list at `#2B2D31`, the chat area at `#313338`. These three adjacent grays are so carefully tuned that they read as sibling surfaces rather than competi",
+      "word_count": 4390
+    },
+    {
+      "slug": "ios-disney-plus",
+      "title": "Design System Inspiration of Disney+ (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Disney+'s iOS app is a cinema lobby rendered in deep space-navy. The canvas is `#0A0E2A` — a rich midnight blue, not black — that evokes a darkened theater and ",
+      "long_description": "Disney+'s iOS app is a cinema lobby rendered in deep space-navy. The canvas is `#0A0E2A` — a rich midnight blue, not black — that evokes a darkened theater and the night sky over a castle. Surfaces step up to `#12152E` and `#1A1F3D`, with `#2A3050` hairline dividers. The mood is premium, magical, and aspirational: the app is a portal into five storytelling universes (Disney, Pixar, Marvel, Star Wars, National Geographic), and every screen is staged like a film billboard. The signature visual is the starfield — a subtle scatter of faint white points layered behind the hero billboard so the whol",
+      "word_count": 3561
+    },
+    {
+      "slug": "ios-dominos",
+      "title": "Design System Inspiration of Domino's (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Domino's iOS app is built around a single, famous moment of anticipation: the pizza tracker. The canvas is clean white (`#FFFFFF`) with a light gray surface (`#",
+      "long_description": "Domino's iOS app is built around a single, famous moment of anticipation: the pizza tracker. The canvas is clean white (`#FFFFFF`) with a light gray surface (`#F4F4F4`) chunking content into clear, scannable blocks — the app's job is to get an order placed fast and then turn the wait into a show. Everything is bright, high-contrast, and confident, optimized for a hungry user who wants to tap \"reorder\", customize a pie, and watch a progress bar fill from \"Prep\" to \"Out for delivery\".",
+      "word_count": 3349
+    },
+    {
+      "slug": "ios-doordash",
+      "title": "Design System Inspiration of DoorDash (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "DoorDash's iOS app is warm, appetizing, and unapologetically commercial — a design optimized for one job: turning browsing into a placed order in under sixty se",
+      "long_description": "DoorDash's iOS app is warm, appetizing, and unapologetically commercial — a design optimized for one job: turning browsing into a placed order in under sixty seconds. The visual language leans on large, saturated food photography set against bright white surfaces, with the signature DoorDash Red (`#EB1700`) deployed as a beacon for every \"take action\" moment. Where Instagram's chrome retreats, DoorDash's chrome leans in: prominent search bars, bold category pills, pulsing promo banners, and a red floating checkout button that follows you down every scroll. This is e-commerce design at its most",
+      "word_count": 3684
+    },
+    {
+      "slug": "ios-dropbox",
+      "title": "Design System Inspiration of Dropbox (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Dropbox's iOS app is a calm, paper-white workspace built around one idea: your files should feel as legible and stress-free as a tidy desk. The canvas is a true",
+      "long_description": "Dropbox's iOS app is a calm, paper-white workspace built around one idea: your files should feel as legible and stress-free as a tidy desk. The canvas is a true white (`#FFFFFF`) with a faint warm-cream surface (`#F7F5F2`) reserved for grouped sections and recents shelves. There is almost no chrome — no gradients, no glass, no decorative texture. The app gets out of the way so the content (a folder of photos, a shared PDF, a scanned receipt) is the only thing with weight. This restraint is deliberate brand strategy: Dropbox sells trust and focus, and the UI reads like a well-lit filing room ra",
+      "word_count": 3522
+    },
+    {
+      "slug": "ios-duolingo",
+      "title": "Design System Inspiration of Duolingo (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Duolingo's iOS app is a cartoon classroom in your pocket. The canvas is a clean snow white (`#FFFFFF`) interrupted by oversized blocks of saturated, cheerful co",
+      "long_description": "Duolingo's iOS app is a cartoon classroom in your pocket. The canvas is a clean snow white (`#FFFFFF`) interrupted by oversized blocks of saturated, cheerful color — Feather Green (`#58CC02`) on every primary button, Fox Orange (`#FF9600`) on the streak flame, Bee Yellow (`#FFC800`) on the gem counter, Cardinal Red (`#FF4B4B`) on lost hearts. The palette is bright to the point of playful aggression. This is deliberate: Duolingo is trying to convert a chore (language practice) into a game, and the color system borrows more from mobile puzzle games than from education apps. Nothing is muted, not",
+      "word_count": 4320
+    },
+    {
+      "slug": "ios-ebay",
+      "title": "Design System Inspiration of eBay (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "eBay's iOS app is a clean, utilitarian white canvas (`#FFFFFF`) built for one thing: scanning a deep catalog of listings fast. Where boutique commerce apps lean",
+      "long_description": "eBay's iOS app is a clean, utilitarian white canvas (`#FFFFFF`) built for one thing: scanning a deep catalog of listings fast. Where boutique commerce apps lean editorial and warm, eBay leans dense and efficient — it is a global marketplace of 1.9 billion listings, and the UI is engineered for browse velocity. The signature visual is the listing card: a square product photo, a tight title, a confident price, and a status badge that tells you *how* you can buy it — \"Buy It Now\", an auction bid, or \"Best Offer\". The canvas stays white and quiet so the product photos and the buy-mechanic badges c",
+      "word_count": 3411
+    },
+    {
+      "slug": "ios-espn",
+      "title": "Design System Inspiration of ESPN (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "ESPN's iOS app is a live scoreboard that happens to also be a newsroom. Everything in the design serves one goal: **get the score in front of the user in under ",
+      "long_description": "ESPN's iOS app is a live scoreboard that happens to also be a newsroom. Everything in the design serves one goal: **get the score in front of the user in under a second**. The canvas is a near-black `#0E0F11` (deliberately not pure black, so the scores ticker and game cards lift cleanly off it). The first thing on screen is a **horizontally scrolling scores ticker** — a strip of compact cards, one per game, each showing league, two team abbreviations with logos, scores in tabular numerals, and a status pill (LIVE Q3 / FINAL / 7:05 ET). Below it flows the **SportsCenter feed**: a mix of live ga",
+      "word_count": 4440
+    },
+    {
+      "slug": "ios-etsy",
+      "title": "Design System Inspiration of Etsy (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Etsy's iOS app is a warm, handcrafted marketplace built on a soft cream canvas (`#FAF5EF`) that signals \"handmade, not mass-produced\" the moment it loads. Where",
+      "long_description": "Etsy's iOS app is a warm, handcrafted marketplace built on a soft cream canvas (`#FAF5EF`) that signals \"handmade, not mass-produced\" the moment it loads. Where most commerce apps go stark white, Etsy chooses a gentle paper-warm tone — the digital equivalent of a craft fair under string lights. Product photography is the hero: every listing leads with a large, color-rich maker photo, and the cream surround makes those photos feel like prints on a gallery wall rather than SKUs in a database. The interface is unhurried, tactile, and personal.",
+      "word_count": 3303
+    },
+    {
+      "slug": "ios-evernote",
+      "title": "Design System Inspiration of Evernote (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Evernote's iOS app is a **calm, long-form reading and capture surface**. It is the original \"second brain\" — a place where notes accumulate over years — so the ",
+      "long_description": "Evernote's iOS app is a **calm, long-form reading and capture surface**. It is the original \"second brain\" — a place where notes accumulate over years — so the design system optimizes for *legibility, reassuring structure, and a single confident brand color*. The atmosphere is \"organized notebook\": a clean near-white reading canvas (or a deep near-black in dark mode), generous line-height for body text, hairline list dividers, and exactly one saturated brand color — Evernote Green `#00A82D` — used for the elephant logo, the floating new-note button, checkboxes, links, and primary actions. Noth",
+      "word_count": 4232
+    },
+    {
+      "slug": "ios-expedia",
+      "title": "Design System Inspiration of Expedia (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Expedia's iOS app is a **deal-forward travel marketplace** wrapped in a confident, trip-blue identity. The light canvas is a clean near-white (`#FFFFFF` / `#F5F",
+      "long_description": "Expedia's iOS app is a **deal-forward travel marketplace** wrapped in a confident, trip-blue identity. The light canvas is a clean near-white (`#FFFFFF` / `#F5F7FA`) and the app's emotional center of gravity is the moment you see a *better price*: bundle savings, member prices, and One Key rewards are surfaced everywhere, almost always in the brand's signature **Expedia Yellow** (`#FFC94D`). The app is dense but not cluttered — it leans on full-bleed property and destination photography, big legible price typography, and a yellow \"savings\" accent that punches against the otherwise blue-and-gre",
+      "word_count": 4373
+    },
+    {
+      "slug": "ios-facebook",
+      "title": "Design System Inspiration of Facebook (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Facebook's iOS app is a utility dashboard — dense, function-first, colorful, and recognizable from 25 paces by its one signature element: the Facebook Blue bar ",
+      "long_description": "Facebook's iOS app is a utility dashboard — dense, function-first, colorful, and recognizable from 25 paces by its one signature element: the Facebook Blue bar and `f` logo at the top of the screen. The canvas is a soft light gray (`#F0F2F5`) on light mode, specifically chosen so that the white post cards and stories strip float above it with just enough contrast to register as separate surfaces. Where X and Threads sit on flat, edge-to-edge black canvases, Facebook uses cards — each post, each ad, each suggested group — lives in its own white rectangle with a subtle shadow underneath. This is",
+      "word_count": 5282
+    },
+    {
+      "slug": "ios-feeld",
+      "title": "Design System Inspiration of Feeld (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Feeld's iOS app is the dating app for the open-minded — non-monogamy, kink, queer, exploratory — and its design language is deliberately the opposite of the can",
+      "long_description": "Feeld's iOS app is the dating app for the open-minded — non-monogamy, kink, queer, exploratory — and its design language is deliberately the opposite of the candy-bright, photo-heavy mainstream dating apps. The app is **dark-native**: there is no light mode in the shipping product. The canvas is true black (`#000000`), profile photography is the only large field of color, and the entire interface floats over that black like neon on velvet. The single brand accent is an electric **acid-yellow** (`#E8FF63`) — a color that reads as energetic, queer-coded, and intentionally un-romantic (no soft pi",
+      "word_count": 3858
+    },
+    {
+      "slug": "ios-fidelity",
+      "title": "Design System Inspiration of Fidelity (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Fidelity's iOS app is **institutional calm rendered as software**. It is the home screen of one of the largest brokerages in the world, and the design carries t",
+      "long_description": "Fidelity's iOS app is **institutional calm rendered as software**. It is the home screen of one of the largest brokerages in the world, and the design carries that weight: the interface is dense with numbers, but the chrome around those numbers is deliberately quiet so the data never has to compete with decoration. Open the app and you land on the **Summary** screen — a greeting, your total account value set in a huge 34pt numeral, a green/red day-change line, a sparkline, and then a stacked list of accounts, watchlist symbols, and positions. There is no hero photograph, no marketing illustrat",
+      "word_count": 4159
+    },
+    {
+      "slug": "ios-figma",
+      "title": "Design System Inspiration of Figma (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Figma's iOS app is not a design tool. The desktop app is the design tool — Figma for iPhone is a *companion app*, the place you go to leave a comment on a teamm",
+      "long_description": "Figma's iOS app is not a design tool. The desktop app is the design tool — Figma for iPhone is a *companion app*, the place you go to leave a comment on a teammate's frame at 11pm or fan through your latest projects on the subway. The aesthetic, then, is *Figma minus the chrome*: the same disciplined, content-first sensibility that powers the canvas-tool — neutral background, generous breathing room, geometric precision — but stripped of toolbars, layer panels, and right-click menus. What's left is the *signature* — five primary-colored cubes (the Figma swatches), a thin geometric sans, and th",
+      "word_count": 4272
+    },
+    {
+      "slug": "ios-fitbit",
+      "title": "Design System Inspiration of Fitbit (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Fitbit's iOS app is a warm, encouraging health dashboard organized around a single screen: **Today**. The atmosphere is \"supportive coach,\" not \"clinical chart\"",
+      "long_description": "Fitbit's iOS app is a warm, encouraging health dashboard organized around a single screen: **Today**. The atmosphere is \"supportive coach,\" not \"clinical chart\" — the app celebrates progress, nudges gently, and turns biometric data into friendly, glanceable cards. The dark theme is a deep teal-black (`#001017` → `#002A3A`) that carries the brand's cyan undertone rather than a neutral gray, so the whole product feels distinctly Fitbit even before any color appears. Content is laid out as a vertical scroll of generously rounded cards and tiles (16–24pt radii), each one a self-contained \"stat obj",
+      "word_count": 4109
+    },
+    {
+      "slug": "ios-flickr",
+      "title": "Design System Inspiration of Flickr (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Flickr's iOS app is a photography-first design system where the *image* is the entire interface and chrome is engineered to disappear. Open the app and you land",
+      "long_description": "Flickr's iOS app is a photography-first design system where the *image* is the entire interface and chrome is engineered to disappear. Open the app and you land in the **photostream** — a justified mosaic where photos are scaled to fill the screen edge-to-edge in rows of varying height, separated only by hairline 3pt gutters. There are no cards, no rounded corners on the photos, no drop shadows competing for attention. The canvas is near-black (`#0C0D0E` in dark, `#FFFFFF` in light) precisely so that full-color photography reads first and the UI recedes into negative space. This is the opposit",
+      "word_count": 4204
+    },
+    {
+      "slug": "ios-flighty",
+      "title": "Design System Inspiration of Flighty (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Flighty's iOS app is a deep, premium black canvas (`#0B0B0F`) that treats live flight data like an instrument panel. The aesthetic is \"aviation cockpit meets Ap",
+      "long_description": "Flighty's iOS app is a deep, premium black canvas (`#0B0B0F`) that treats live flight data like an instrument panel. The aesthetic is \"aviation cockpit meets Apple-grade polish\": a near-black field, crisp white type, and a single electric blue accent that carries every active state. The signature visual is the live flight map — a dark world map with a glowing blue great-circle arc connecting origin and airport, the plane sliding along it in real time. This is a power-user tool that earns its darkness: the black recedes so the arc, the on-time percentage, and the gate number can glow.",
+      "word_count": 3421
+    },
+    {
+      "slug": "ios-flo",
+      "title": "Design System Inspiration of Flo (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Flo's iOS app is a soft, reassuring light space built around one circular object: the **cycle wheel**. The canvas is pure white (`#FFFFFF`), and the dominant su",
+      "long_description": "Flo's iOS app is a soft, reassuring light space built around one circular object: the **cycle wheel**. The canvas is pure white (`#FFFFFF`), and the dominant supporting surface is a barely-there blush (`#FFF0F3`) — the color of the inside of a shell. The whole app is rounded, low-contrast, and gentle: nothing has a hard edge, nothing shouts. This is deliberate — Flo handles intimate, sometimes anxious subject matter (cycles, fertility, symptoms), and the visual language is engineered to feel calm, private, and unclinical. It looks less like a medical chart and more like a friendly daily compan",
+      "word_count": 3611
+    },
+    {
+      "slug": "ios-garmin-connect",
+      "title": "Design System Inspiration of Garmin Connect (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Garmin Connect's iOS app is a **data cockpit**. Where consumer fitness apps soften their numbers behind illustration and encouragement, Garmin treats the user a",
+      "long_description": "Garmin Connect's iOS app is a **data cockpit**. Where consumer fitness apps soften their numbers behind illustration and encouragement, Garmin treats the user as an athlete who came for the metrics — pace, VO₂ Max, Training Load, Body Battery, heart-rate zones — and arranges the entire interface as an instrument cluster around them. The app is dark-first: a **true-black canvas** (`#000000`) on which a single brand color, **Garmin Blue** (`#007CC3`), carries every interactive accent, route line, and progress arc. There is no second brand hue; color in Garmin Connect is overwhelmingly *functiona",
+      "word_count": 4412
+    },
+    {
+      "slug": "ios-gas",
+      "title": "Design System Inspiration of Gas (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Gas's iOS app is deliberately, unapologetically *joyful*. It is an anonymous compliments app built for high-schoolers, and every design decision pushes toward w",
+      "long_description": "Gas's iOS app is deliberately, unapologetically *joyful*. It is an anonymous compliments app built for high-schoolers, and every design decision pushes toward warmth, play, and a quick dopamine loop — the opposite of a corporate, dark, \"serious\" product. The screen is a **full-bleed indigo→purple gradient** (`#6C5CE7 → #A06CFF`) from top to bottom, and floating in the center of that purple world is one big, friendly, pure-white **poll card** with very round corners (28pt) and a soft purple-tinted shadow. There is no feed, no infinite scroll, no profiles to stalk. The entire core experience is:",
+      "word_count": 4242
+    },
+    {
+      "slug": "ios-gemini",
+      "title": "Design System Inspiration of Google Gemini (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Google Gemini's iOS app is a calm, conversational surface where the only chrome is the conversation itself. The canvas is clean white (`#FFFFFF`) in light mode ",
+      "long_description": "Google Gemini's iOS app is a calm, conversational surface where the only chrome is the conversation itself. The canvas is clean white (`#FFFFFF`) in light mode and a deep neutral charcoal (`#1E1E1E`) in dark mode — there are no cards, no boxes, no list furniture. A conversation reads like a document: the user's turn sits in a soft gray chip aligned to the trailing edge, and the assistant's reply is plain flowing text on the canvas, marked only by a small gradient sparkle. This document-not-feed posture is the whole point: Gemini wants the model's words to feel like thinking made visible, not U",
+      "word_count": 3681
+    },
+    {
+      "slug": "ios-github",
+      "title": "Design System Inspiration of GitHub (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "GitHub's iOS app is the **Primer design system** rendered for mobile — a developer's tool that is dense, information-first, and engineered to make code, diffs, ",
+      "long_description": "GitHub's iOS app is the **Primer design system** rendered for mobile — a developer's tool that is dense, information-first, and engineered to make code, diffs, and project state legible at a glance. The default experience is **dark mode** (Primer \"dark default\"): a deep blue-tinted near-black canvas (`#0D1117`) with surfaces stepping up in measured increments — `#161B22` (subtle/raised), `#21262D` (buttons, inset rows) — each separated by a precise `#30363D` border. Light mode (`#FFFFFF` canvas, `#F6F8FA` subtle) is a first-class peer. The atmosphere is utilitarian and trustworthy: no flourish",
+      "word_count": 4158
+    },
+    {
+      "slug": "ios-gmail",
+      "title": "Design System Inspiration of Gmail (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Gmail's iOS app is a Material You inbox that inherits Google's multicolor brand DNA while staying clean enough to spend all day in. The canvas is pure white (`#",
+      "long_description": "Gmail's iOS app is a Material You inbox that inherits Google's multicolor brand DNA while staying clean enough to spend all day in. The canvas is pure white (`#FFFFFF`) on light mode — the screen feels like paper, deliberately unbranded, so the *contents* of your inbox (subjects, snippets, labels) carry the visual information. The only structural saturation comes from the Gmail red (`#D93025`) reserved almost exclusively for the Compose FAB (the floating plus button bottom-right), the Gmail logotype, and destructive states like \"Delete forever\". Outside of that single red accent, the UI leans ",
+      "word_count": 4686
+    },
+    {
+      "slug": "ios-goodreads",
+      "title": "Design System Inspiration of Goodreads (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Goodreads' iOS app feels like a well-worn personal library rendered on a screen. The defining gesture of the entire product is a wall of book covers — full-colo",
+      "long_description": "Goodreads' iOS app feels like a well-worn personal library rendered on a screen. The defining gesture of the entire product is a wall of book covers — full-color, photographic jacket art arranged in tight grids and horizontal shelves — sitting on a warm, paper-like tan canvas (`#F4F1EA`). The chrome around those covers is deliberately quiet and bookish: a deep literary brown (`#382110`) for primary surfaces and shelf headers, a serif-leaning headline voice, and a single saturated amber (`#E9A100`) reserved almost exclusively for the five-star rating. Nothing competes with the covers. The app's",
+      "word_count": 4093
+    },
+    {
+      "slug": "ios-google-calendar",
+      "title": "Design System Inspiration of Google Calendar (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Google Calendar's iOS app is the densest information surface in the Google portfolio — a week of meetings, birthdays, reminders, and Goals compressed into a sin",
+      "long_description": "Google Calendar's iOS app is the densest information surface in the Google portfolio — a week of meetings, birthdays, reminders, and Goals compressed into a single phone screen without ever feeling cramped. The design philosophy is pure Material You with iOS manners: clean white surfaces, a tightly disciplined four-color event palette derived from Material primary tones, generous internal whitespace inside each event card, and the floating \"+\" button — the Material FAB — anchored bottom-right on every view. Where Apple's native Calendar leans on system gray and red restraint, Google Calendar l",
+      "word_count": 4706
+    },
+    {
+      "slug": "ios-google-maps",
+      "title": "Design System Inspiration of Google Maps (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Google Maps' iOS app is a pure map-first interface — the earth is the canvas and the UI is a handful of floating shapes laid over it. Unlike most apps that trea",
+      "long_description": "Google Maps' iOS app is a pure map-first interface — the earth is the canvas and the UI is a handful of floating shapes laid over it. Unlike most apps that treat the map as a feature, Maps treats the map as the entire product: every search result, every place card, every navigation instruction exists as a translucent sheet or rounded pill stationed over rendered geography. The result is a chrome-light surface where road vectors, park polygons, and water bodies do all the visual heavy lifting, and the UI chrome melts into whatever landscape is beneath it. This is why a Maps screenshot taken in ",
+      "word_count": 4457
+    },
+    {
+      "slug": "ios-grammarly",
+      "title": "Design System Inspiration of Grammarly (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Grammarly's iOS app is a *calm writing surface wrapped around an opinionated assistant*. The canvas is pure white (`#FFFFFF`) in light mode and a warm charcoal ",
+      "long_description": "Grammarly's iOS app is a *calm writing surface wrapped around an opinionated assistant*. The canvas is pure white (`#FFFFFF`) in light mode and a warm charcoal (`#121212`) in dark — never stark, because the product's job is to make your own prose feel comfortable to read while a quiet green assistant works in the margins. Open the editor and you see a near-frameless document: a serene title in Inter 22-26pt bold, body copy at 16pt with generous 1.65 line-height, and — the signature moment — words and phrases marked with **colored underlines**. Each underline is a category: a red squiggle for C",
+      "word_count": 4323
+    },
+    {
+      "slug": "ios-grindr",
+      "title": "Design System Inspiration of Grindr (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Grindr's iOS app is an unapologetically dark, photo-first grid. The canvas is pure black (`#000000`) — not the softened \"not-quite-black\" of media apps, but tru",
+      "long_description": "Grindr's iOS app is an unapologetically dark, photo-first grid. The canvas is pure black (`#000000`) — not the softened \"not-quite-black\" of media apps, but true black, because the entire screen is wallpapered with profile photography and black is the frame that makes skin tones, lighting, and faces pop. The signature surface is the **cascade**: a dense, edge-to-edge 3-column grid of square profile thumbnails sorted by physical proximity, the closest person top-left. There is almost no chrome between you and the grid — Grindr's product thesis is immediacy, and the UI is built to disappear behi",
+      "word_count": 3490
+    },
+    {
+      "slug": "ios-grok",
+      "title": "Design System Inspiration of Grok (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Grok's iOS app is a true-black terminal for a conversation with an AI that lives inside X. The canvas is pure `#000000` — not the softened near-black of media a",
+      "long_description": "Grok's iOS app is a true-black terminal for a conversation with an AI that lives inside X. The canvas is pure `#000000` — not the softened near-black of media apps, but the OLED-true black that X itself adopted. Against that void, the conversation reads like a transcript: there are no chat bubbles competing for attention, no gradient flourishes, no rounded cards stacked in a feed. The screen is mostly empty space and text, and that emptiness is the point — Grok wants the model's words and the X posts it cites to be the only things on screen. It is the design equivalent of a command line that h",
+      "word_count": 3935
+    },
+    {
+      "slug": "ios-groupme",
+      "title": "Design System Inspiration of GroupMe (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "GroupMe's iOS app is a friendly, high-energy group-messaging surface built around one idea: a group chat should feel like a party everyone can drop into, not a ",
+      "long_description": "GroupMe's iOS app is a friendly, high-energy group-messaging surface built around one idea: a group chat should feel like a party everyone can drop into, not a serious work tool. The canvas is clean white (`#FFFFFF` light / `#121212` dark) and the entire personality of the app is carried by **GroupMe Blue (`#00AFF0`)** — a bright cyan-leaning blue that paints the chat navigation bar, the outbound message bubbles, the floating send button, and the active bottom tab. Open a group and the top bar is a solid block of that blue with the group's name and member count in white; this colored header is",
+      "word_count": 4578
+    },
+    {
+      "slug": "ios-grubhub",
+      "title": "Design System Inspiration of Grubhub (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Grubhub's iOS app is an appetite-first food delivery marketplace. The canvas is pure white (`#FFFFFF`) and every screen is engineered to push you toward a decis",
+      "long_description": "Grubhub's iOS app is an appetite-first food delivery marketplace. The canvas is pure white (`#FFFFFF`) and every screen is engineered to push you toward a decision: pick a restaurant, add a dish, track the bag. The hero of the experience is **restaurant photography** — wide 16:9 food and storefront images sit at the top of every restaurant card, full-bleed within a rounded container, never cropped to a square or hidden behind a tint. Around that photography the chrome is deliberately quiet: a thin \"Deliver to\" address row, a single search field, a scrollable strip of cuisine chips, then a vert",
+      "word_count": 4613
+    },
+    {
+      "slug": "ios-happn",
+      "title": "Design System Inspiration of happn (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "happn's entire product — and therefore its design system — is built around a single, very specific idea: **the people you have crossed paths with in real life**",
+      "long_description": "happn's entire product — and therefore its design system — is built around a single, very specific idea: **the people you have crossed paths with in real life**. Not a global swipe deck, not a search radius — happn shows you profiles only after your phone and theirs registered being in roughly the same place at roughly the same time. The signature screen is the **Crossings timeline**: a vertical, scrollable feed where each entry is a location-and-time-stamped card (\"Camille, 27 — Le Marais · 11 min ago — You crossed paths 3 times\"), strung together on a thin connector line dotted with happn-pi",
+      "word_count": 4007
+    },
+    {
+      "slug": "ios-headspace",
+      "title": "Design System Inspiration of Headspace (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Headspace is a hand-drawn morning — warm, slow, and humanly imperfect. Where Nike Run Club is a stadium and Strava is a stopwatch, Headspace is a pottery studio",
+      "long_description": "Headspace is a hand-drawn morning — warm, slow, and humanly imperfect. Where Nike Run Club is a stadium and Strava is a stopwatch, Headspace is a pottery studio. The canvas is butter-cream (`#FFF7E7`) — never pure white, never gray — and the palette behaves like a sunset gradient: a marigold orange (`#FF6B35`), a butter yellow (`#FFD25C`), a moss sage (`#7E9F4B`), and a deep dusk-eggplant (`#2E1A47`) for surface contrast. Every screen looks like a children's book illustration of a meditation: spheres breathe, characters smile, gradients soften everything. Headspace is the most distinctive UI i",
+      "word_count": 4583
+    },
+    {
+      "slug": "ios-hevy",
+      "title": "Design System Inspiration of Hevy (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Hevy's iOS app is a dark-first, gym-floor instrument. Open it and you are not greeted by marketing chrome — you are dropped into a near-black training canvas (`",
+      "long_description": "Hevy's iOS app is a dark-first, gym-floor instrument. Open it and you are not greeted by marketing chrome — you are dropped into a near-black training canvas (`#0E1116`) engineered to never glare under fluorescent gym lights or wash out in direct sun. The product's entire reason to exist is the **live workout log**: a vertical stack of exercise cards, each containing a dense **set table** (Set / Previous / kg / Reps / ✓) with numbers in tabular figures so the layout never jitters while you type weights between sets with sweaty thumbs. Everything else — the home feed, the profile, the analytics",
+      "word_count": 4352
+    },
+    {
+      "slug": "ios-hinge",
+      "title": "Design System Inspiration of Hinge (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Hinge's iOS app reads like a personal journal printed on warm uncoated paper. The canvas is a soft off-white — almost a cream — that intentionally rejects the c",
+      "long_description": "Hinge's iOS app reads like a personal journal printed on warm uncoated paper. The canvas is a soft off-white — almost a cream — that intentionally rejects the cold pure-white of most tech apps, because Hinge's premise is intimate: this is the app \"designed to be deleted\", and the surface is supposed to feel quiet, considered, careful. Where Tinder's swipe stack is a slot machine of full-bleed faces, Hinge's profile is a vertical scroll — long, novel-like, prompts interleaved with photos — and you respond by tapping a specific paragraph or picture and leaving a comment. The interaction model is",
+      "word_count": 4940
+    },
+    {
+      "slug": "ios-hopper",
+      "title": "Design System Inspiration of Hopper (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Hopper's iOS app is a clean, confident white canvas (`#FFFFFF`) built around a single emotional idea: *should you buy this flight now, or wait?* Everything in t",
+      "long_description": "Hopper's iOS app is a clean, confident white canvas (`#FFFFFF`) built around a single emotional idea: *should you buy this flight now, or wait?* Everything in the interface is engineered to answer that question with color. The signature mechanic is the price-prediction calendar — a month grid where each day cell is tinted by Hopper's prediction: green means \"good price, buy\", red means \"expensive, wait\", with a smooth heatmap in between. This is a decision app dressed as a travel app; the chrome stays light and quiet so the green/red signal can shout.",
+      "word_count": 3221
+    },
+    {
+      "slug": "ios-hulu",
+      "title": "Design System Inspiration of Hulu (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Hulu's iOS app is a content-dense streaming surface built on a near-black canvas (`#0B0C0F`) that pushes thumbnail artwork forward and lets the chrome disappear",
+      "long_description": "Hulu's iOS app is a content-dense streaming surface built on a near-black canvas (`#0B0C0F`) that pushes thumbnail artwork forward and lets the chrome disappear. Where some streamers chase cinematic minimalism, Hulu leans into density: the home screen is a stack of horizontally-scrolling rails, each packed with 16:9 landscape tiles, so the eye is always scanning a grid of shows rather than resting on a single hero. The background is a touch warmer and lighter than pure black to keep the dark UI from crushing the edges of poster art, and elevated surfaces (`#151619`, `#1E2024`) step up just eno",
+      "word_count": 3472
+    },
+    {
+      "slug": "ios-iheartradio",
+      "title": "Design System Inspiration of iHeartRadio (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "iHeartRadio's iOS app is a live-radio-first audio platform whose identity rests on a warm maroon-black canvas (`#120A0E`) — a red-tinted dark, never pure black ",
+      "long_description": "iHeartRadio's iOS app is a live-radio-first audio platform whose identity rests on a warm maroon-black canvas (`#120A0E`) — a red-tinted dark, never pure black — across which the iHeart Red→Magenta system (`#C6002B` → `#E40A5D`, with coral `#F23A2F` reserved for \"live\" signals) is rationed deliberately. The warmth in the background means the brand red feels native to the same color world rather than pasted on top. Open the app and you land on a \"For You\" feed of recommended live stations, recently played, and podcast shelves, but the screen everything builds toward is the **Live Station Player",
+      "word_count": 4133
+    },
+    {
+      "slug": "ios-imessage",
+      "title": "Design System Inspiration of iMessage (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "iMessage is the canonical iOS conversation surface — and arguably the most-imitated chat UI on the planet. Its design philosophy is \"the message is the moment\":",
+      "long_description": "iMessage is the canonical iOS conversation surface — and arguably the most-imitated chat UI on the planet. Its design philosophy is \"the message is the moment\": the interface is engineered to disappear so the bubble, the tapback, and the typing dots carry the entire emotional weight of a conversation. Open a thread and you see a clean white canvas (`#FFFFFF` light / true-black `#000000` dark), a hairline-thin navigation bar with a circular contact avatar centered above the contact's name, a vertically-scrolling stack of rounded \"bubbles,\" and a blur-backed input bar pinned to the bottom with a",
+      "word_count": 4263
+    },
+    {
+      "slug": "ios-instacart",
+      "title": "Design System Inspiration of Instacart (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Instacart's iOS app is a bright, grocery-aisle catalog engineered around a single repeated motion: add an item, watch the cart total climb, check out. The canva",
+      "long_description": "Instacart's iOS app is a bright, grocery-aisle catalog engineered around a single repeated motion: add an item, watch the cart total climb, check out. The canvas is pure white (`#FFFFFF`) with a barely-there gray surface (`#F6F7F8`) used to separate stacked content blocks, so product photography — produce, packaged goods, store logos — sits on a clean shelf with no visual noise. This is supermarket-as-software: thousands of SKUs need to scan fast, and the chrome gets out of the way so the photo and the price do the talking.",
+      "word_count": 3529
+    },
+    {
+      "slug": "ios-instagram",
+      "title": "Design System Inspiration of Instagram (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Instagram's iOS app is a study in chromatic restraint punctuated by one unforgettable gradient. The entire chrome — nav bar, tab bar, icons, typography — is ren",
+      "long_description": "Instagram's iOS app is a study in chromatic restraint punctuated by one unforgettable gradient. The entire chrome — nav bar, tab bar, icons, typography — is rendered in pure monochrome (black on white, or white on true black), creating a neutral frame that lets photos and videos become the only colorful thing on screen. The content is the product; the interface is the picture frame, and the frame is deliberately invisible. This is the anti-skeuomorphic endgame — a UI so quiet that a user's 1:1 photograph, a friend's selfie, or a Reel's saturated grade commands 100% of the visual attention.",
+      "word_count": 3822
+    },
+    {
+      "slug": "ios-jira",
+      "title": "Design System Inspiration of Jira (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Jira's iOS app is a **work-tracking instrument** — dense, structured, and deliberately utilitarian. Where consumer apps chase delight, Jira chases *legibility u",
+      "long_description": "Jira's iOS app is a **work-tracking instrument** — dense, structured, and deliberately utilitarian. Where consumer apps chase delight, Jira chases *legibility under load*: a single sprint board can hold dozens of issue cards across five columns, each card carrying an issue type, key, summary, labels, story points, and an assignee avatar. The design system exists to make that density scannable. The atmosphere is \"clean engineering tool\" — Atlassian's neutral grays, generous internal padding, hairline dividers, and exactly one saturated brand color (Jira Blue `#0052CC`) used sparingly so it alwa",
+      "word_count": 4442
+    },
+    {
+      "slug": "ios-kakaotalk",
+      "title": "Design System Inspiration of KakaoTalk (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "KakaoTalk's iOS app is the everyday super-app of South Korea — messaging at its core, with gifting, payments, channels, and shopping wrapped around it. Its desi",
+      "long_description": "KakaoTalk's iOS app is the everyday super-app of South Korea — messaging at its core, with gifting, payments, channels, and shopping wrapped around it. Its design language is instantly identifiable by one thing: **Kakao Yellow (`#FEE500`)**, a saturated, almost-electric yellow that paints the outbound chat bubble, the primary CTA, and the rounded speech-bubble logo, always paired with a deep, near-black **Kakao Brown (`#3C1E1E`)** for the text that sits on that yellow. This yellow-and-brown pairing is the brand's whole personality: warm, playful, friendly, and unmistakably Korean. The app itse",
+      "word_count": 4564
+    },
+    {
+      "slug": "ios-kayak",
+      "title": "Design System Inspiration of KAYAK (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "KAYAK's iOS app is a **metasearch instrument** — a tool, not a store. Where Expedia sells you a stay, KAYAK *compares the entire market* and tells you whether t",
+      "long_description": "KAYAK's iOS app is a **metasearch instrument** — a tool, not a store. Where Expedia sells you a stay, KAYAK *compares the entire market* and tells you whether to buy now or wait. The light canvas is a clean white (`#FFFFFF` / `#F4F5F7`), the chrome is restrained and data-dense, and the emotional payoff is *intelligence*: a price-forecast banner (\"Prices are likely to rise — book soon, 87% confidence\"), a horizontally scrolling **price calendar** (each day shows its cheapest fare, color-coded green→neutral→red), a **fare-compare matrix** (airlines × stops grid), and the signature **Hacker Fare*",
+      "word_count": 4157
+    },
+    {
+      "slug": "ios-kick",
+      "title": "Design System Inspiration of Kick (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Kick's iOS app has one of the most aggressive, single-minded color identities of any major app: a **near-black canvas (`#0E0E10`)** with a single **electric, al",
+      "long_description": "Kick's iOS app has one of the most aggressive, single-minded color identities of any major app: a **near-black canvas (`#0E0E10`)** with a single **electric, almost-radioactive lime green (`#53FC18`)** doing absolutely everything. Kick is a live-streaming platform — a creator-friendly Twitch competitor — and its whole visual language is built to feel **fast, loud, and live**. The green isn't a tasteful accent dropped in occasionally; it *is* the brand. It owns the logo, every primary CTA (Follow, Subscribe, Go Live), the active bottom-tab icon, links, online-avatar rings, and progress states. ",
+      "word_count": 4413
+    },
+    {
+      "slug": "ios-kik",
+      "title": "Design System Inspiration of Kik (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Kik is a username-based messenger whose entire product premise — and therefore its design — is **anonymity without a phone number**. You sign up with a username",
+      "long_description": "Kik is a username-based messenger whose entire product premise — and therefore its design — is **anonymity without a phone number**. You sign up with a username, not a digit; you find people by `@handle`, group code, or **Kik Code** (a circular dotted scannable glyph); and conversations never expose a phone number. This shapes every screen: the chat list leads with `@usernames` and group names, the search bar invites \"people, groups, bots\", and the contact surface is a username directory rather than a phone address book. The atmosphere is clean, light, and youthful — Kik's audience skews teen/",
+      "word_count": 4163
+    },
+    {
+      "slug": "ios-kindle",
+      "title": "Design System Inspiration of Kindle (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Kindle's iOS app exists to disappear. Its entire design philosophy is that the reading page *is* the product, and every pixel of chrome is engineered to vanish ",
+      "long_description": "Kindle's iOS app exists to disappear. Its entire design philosophy is that the reading page *is* the product, and every pixel of chrome is engineered to vanish the instant a book opens. Tap into a title and the navigation, status bar, and toolbars fade away in 250ms, leaving a single justified column of warm-ink serif text on a sepia page (`#FBF0D9`). There are no cards, no borders, no shadows, no accent colors in the reading view — just type, generous leading (1.7+), hyphenated justified text, and a thin progress whisper at the bottom edge (\"38% · 14 min left in chapter\"). A single tap in the",
+      "word_count": 3934
+    },
+    {
+      "slug": "ios-klarna",
+      "title": "Design System Inspiration of Klarna (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Klarna's iOS app is a soft, friendly shopping-and-payments space whose whole personality is *smooth*. The canvas is clean white (`#FFFFFF`) with a barely-there ",
+      "long_description": "Klarna's iOS app is a soft, friendly shopping-and-payments space whose whole personality is *smooth*. The canvas is clean white (`#FFFFFF`) with a barely-there pink-tinted surface (`#FFF2F5`) that warms grouped content without shouting. The brand's signature soft pink (`#FFB3C7`) — the \"Klarna Pink\" — is the action color, and it always carries near-black text (`#0B051D`), never white. The pairing reads as approachable and modern: this is buy-now-pay-later as something light and reassuring, not a stern bank.",
+      "word_count": 3385
+    },
+    {
+      "slug": "ios-lemon8",
+      "title": "Design System Inspiration of Lemon8 (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Lemon8's iOS app is a digital lifestyle magazine. Where most social apps default to a single-column feed of full-width posts, Lemon8 opens to a **two-column sta",
+      "long_description": "Lemon8's iOS app is a digital lifestyle magazine. Where most social apps default to a single-column feed of full-width posts, Lemon8 opens to a **two-column staggered masonry grid** of richly styled lifestyle cards — a layout that reads like flipping through the discovery board of a glossy magazine crossed with Pinterest and Xiaohongshu (RED). The canvas is bright editorial white (`#FFFFFF`), generous with whitespace, and every card is a small magazine cover: a tall lifestyle photo, a punchy 1-2 line title, pastel topic tags, and a tiny creator byline with a like count. The aesthetic is aspira",
+      "word_count": 4005
+    },
+    {
+      "slug": "ios-life360",
+      "title": "Design System Inspiration of Life360 (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Life360's iOS app is a **map-first family safety app**, and almost everything about its design serves one job: let a parent open the app and instantly see where",
+      "long_description": "Life360's iOS app is a **map-first family safety app**, and almost everything about its design serves one job: let a parent open the app and instantly see where everyone is. The home screen is a full-bleed interactive map. There is no feed, no dashboard, no list to scroll first — you launch the app and you are looking at a map of your family, with each person represented by a circular photo pin dropped on their real location. The atmosphere is \"reassuring control\": a calm violet brand, warm member colors, soft rounded surfaces, and a deliberately un-alarming tone that only turns urgent (red) f",
+      "word_count": 4484
+    },
+    {
+      "slug": "ios-line",
+      "title": "Design System Inspiration of LINE (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "LINE's iOS app is a messaging surface where the sticker is the unit of expression. Most messengers treat stickers as a feature; LINE treats them as the medium. ",
+      "long_description": "LINE's iOS app is a messaging surface where the sticker is the unit of expression. Most messengers treat stickers as a feature; LINE treats them as the medium. The single most identifying visual is the **oversized sticker message**: when you send a sticker it does not sit in a bubble — it renders large (≈140pt) and naked directly on the chat backdrop, character art front and center, with only a tiny timestamp floating beside it. Conversations are punctuated by these big, expressive Brown/Cony/Sally moments, and the rest of the UI is deliberately calm so the stickers can carry the emotional wei",
+      "word_count": 3586
+    },
+    {
+      "slug": "ios-linear",
+      "title": "Design System Inspiration of Linear (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Linear's iOS app is a near-black command surface built for speed. The canvas sits at `#08090A` — darker than Spotify's `#121212`, almost an OLED true-black — so",
+      "long_description": "Linear's iOS app is a near-black command surface built for speed. The canvas sits at `#08090A` — darker than Spotify's `#121212`, almost an OLED true-black — so the interface disappears and the issue list becomes the entire experience. There is no decorative chrome, no gradient hero, no photography. Every pixel is in service of one thing: moving through work fast. Surfaces lift only slightly (`#141516`, `#1C1D1F`) to separate a sheet or a hovered row, and a single hairline divider (`#23252A`) does the work that boxes and cards do in other apps. The feeling is closer to a terminal than a consum",
+      "word_count": 3562
+    },
+    {
+      "slug": "ios-linkedin",
+      "title": "Design System Inspiration of LinkedIn (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "LinkedIn's iOS app is a content-first professional newsroom. The canvas is a soft, desaturated cream (`#F3F2EF`) — intentionally not white, because a pure-white",
+      "long_description": "LinkedIn's iOS app is a content-first professional newsroom. The canvas is a soft, desaturated cream (`#F3F2EF`) — intentionally not white, because a pure-white feed on a phone would feel like a word processor. That muted off-white is the most important single color decision in the app: it lets the stack of white (`#FFFFFF`) post cards float gently above the page, and it keeps the visual temperature warm and paper-like rather than clinical. The reader is looking at a feed of articles, job listings, profile updates — dense information — and the cream ground reduces the eye-strain of hours of sc",
+      "word_count": 4472
+    },
+    {
+      "slug": "ios-locket",
+      "title": "Design System Inspiration of Locket (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Locket's iOS app is built around a single, radical idea: the app is not the destination — **the Home Screen widget is**. Locket Widget lets a tiny circle of you",
+      "long_description": "Locket's iOS app is built around a single, radical idea: the app is not the destination — **the Home Screen widget is**. Locket Widget lets a tiny circle of your closest friends post a live photo directly to a square widget on your phone's Home Screen. You don't open an app to \"check a feed\"; a friend's face just appears on your home screen, intimately, like a locket photo you carry. Every design decision flows from this: the aesthetic is warm, cozy, analog-nostalgic, and tiny-circle-intimate — the opposite of a cold, public, infinite social network. The world is a soft **cream-and-gold** pale",
+      "word_count": 4073
+    },
+    {
+      "slug": "ios-lyft",
+      "title": "Design System Inspiration of Lyft (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Lyft's iOS app is a full-screen map with a friendly card floating over it. There is no tab bar — the map *is* the app. A live, edge-to-edge map fills the entire",
+      "long_description": "Lyft's iOS app is a full-screen map with a friendly card floating over it. There is no tab bar — the map *is* the app. A live, edge-to-edge map fills the entire viewport; everything else (the \"Where to?\" search, the ride-type picker, the ETA, the driver card) lives in a rounded bottom sheet that slides up from below. The design philosophy is \"the world is the canvas, the controls come to you\": you should always see where you are, and the interface arrives as a soft, springy panel exactly when you need to make a choice.",
+      "word_count": 3571
+    },
+    {
+      "slug": "ios-marriott-bonvoy",
+      "title": "Design System Inspiration of Marriott Bonvoy (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Marriott Bonvoy's iOS app is a premium hotel-booking and loyalty product, and its visual language is engineered to feel like a high-end travel concierge in your",
+      "long_description": "Marriott Bonvoy's iOS app is a premium hotel-booking and loyalty product, and its visual language is engineered to feel like a high-end travel concierge in your pocket. It is not a discount-forward marketplace — it is a *membership*. The base palette is a deep, restrained Bonvoy navy (`#16264A`) and a near-black (`#1C1C1C`), with **gold** (`#B3852A`) used sparingly and deliberately to mark **member value**: your points balance, your elite tier, points-redemption rates, and the gold \"Book\" call-to-action. The discipline is the point — gold never decorates; it signals \"this is what your loyalty ",
+      "word_count": 4474
+    },
+    {
+      "slug": "ios-mastodon",
+      "title": "Design System Inspiration of Mastodon (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Mastodon's iOS app is a calm, readable, content-first timeline that feels closer to a well-set magazine than to an algorithmic firehose. The default surface is ",
+      "long_description": "Mastodon's iOS app is a calm, readable, content-first timeline that feels closer to a well-set magazine than to an algorithmic firehose. The default surface is pure white (`#FFFFFF`) with near-black text (`#000000`), and the dark variant inverts to a deep blue-gray (`#191B22`) rather than a true black — the subtle blue cast is part of Mastodon's identity, echoing its purple wordmark. The interface trusts the reader: generous line height, comfortable left-aligned text, and toot cards separated by hairline dividers rather than heavy boxes. There is no infinite-scroll dopamine engineering here; t",
+      "word_count": 3193
+    },
+    {
+      "slug": "ios-match",
+      "title": "Design System Inspiration of Match (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Match's iOS app is built around one hero object: the **full-bleed profile card**. Open the app and the entire screen — edge to edge, behind the status bar, abov",
+      "long_description": "Match's iOS app is built around one hero object: the **full-bleed profile card**. Open the app and the entire screen — edge to edge, behind the status bar, above the tab strip — is one person's photo. There is no card border, no surrounding chrome, no list. The photo *is* the screen. Over the bottom third of that photo a dark scrim fades up so a 26pt bold name, an age, a verification badge, a job line, a distance line, and a row of frosted interest chips can sit legibly on top. This is the Match philosophy made visual: the product is *people*, so the interface gets out of the way and lets a fa",
+      "word_count": 4557
+    },
+    {
+      "slug": "ios-max",
+      "title": "Design System Inspiration of Max (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Max's iOS app is a prestige-cinema surface built on a deep, saturated purple canvas (`#12053A`) that feels less like a neutral void and more like a darkened the",
+      "long_description": "Max's iOS app is a prestige-cinema surface built on a deep, saturated purple canvas (`#12053A`) that feels less like a neutral void and more like a darkened theater drenched in brand color. Where most streamers default to near-black, Max commits to its identity: the entire background is a deep blue-violet, and elevated surfaces (`#1B0B4D`, `#250F5E`) step up within the same purple family rather than toward gray. The effect is immersive and premium — the chrome itself carries the brand, so even an empty screen reads as \"Max.\"",
+      "word_count": 3428
+    },
+    {
+      "slug": "ios-mcdonalds",
+      "title": "Design System Inspiration of McDonald's (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "McDonald's iOS app is **a loyalty-and-ordering machine wearing the most recognizable brand colors on earth**. The instant you open it, two things establish iden",
+      "long_description": "McDonald's iOS app is **a loyalty-and-ordering machine wearing the most recognizable brand colors on earth**. The instant you open it, two things establish identity: the **Golden Arches Yellow `#FFC72C`** and **McDonald's Red `#DA291C`**. The canvas is white (`#FFFFFF`) in light mode and a near-black charcoal (`#121212`) in dark mode, but the screen is *carried* by the yellow — it is the rewards points number, the primary CTA pill, the active tab, the order FAB, and the arches logomark. Red is the energetic counterpoint: deal flags, the secondary \"Add to Mobile Order\" button, urgency states. T",
+      "word_count": 4247
+    },
+    {
+      "slug": "ios-messenger",
+      "title": "Design System Inspiration of Messenger (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Messenger's iOS app is the most expressive mainstream messaging surface — playful, colorful, and built for reactions rather than restraint. Where a privacy-firs",
+      "long_description": "Messenger's iOS app is the most expressive mainstream messaging surface — playful, colorful, and built for reactions rather than restraint. Where a privacy-first messenger whispers, Messenger performs. The defining visual is the outgoing message bubble: not a flat color but a vivid diagonal gradient sweeping from electric blue (`#0A7CFF`) through violet (`#9D4EDD`) into pink (`#FF5CA0`). The gradient is anchored to the *conversation*, not the bubble — it flows continuously down a run of your messages as if they were drawn on one ribbon, so a thread looks like a stream of color rather than disc",
+      "word_count": 3793
+    },
+    {
+      "slug": "ios-microsoft-teams",
+      "title": "Design System Inspiration of Microsoft Teams (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Microsoft Teams' iOS app is an organizational nervous system rendered as an app. Its job is to collapse chat, meetings, files, and teams into a single dependabl",
+      "long_description": "Microsoft Teams' iOS app is an organizational nervous system rendered as an app. Its job is to collapse chat, meetings, files, and teams into a single dependable surface that an enterprise can live inside all day. The aesthetic is calm, structured, and Fluent — Microsoft's design language: soft surfaces, generous rounding, restrained color, and a strong sense of hierarchy. It ships with a true dual identity: a light appearance built on a near-white canvas (`#F5F5F5`) with white cards (`#FFFFFF`), and a dark appearance on a deep gray canvas (`#1F1F1F`) with charcoal cards (`#2D2C2C`). Neither i",
+      "word_count": 3718
+    },
+    {
+      "slug": "ios-midjourney",
+      "title": "Design System Inspiration of Midjourney (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Midjourney's iOS app is a gallery first and a tool second. The canvas is **true black** (`#000000`) — not a warm charcoal, not an off-black — because the entire",
+      "long_description": "Midjourney's iOS app is a gallery first and a tool second. The canvas is **true black** (`#000000`) — not a warm charcoal, not an off-black — because the entire purpose of the screen is to make generated imagery glow on OLED. Every other surface is a barely-lifted near-black (`#0E0E0E`, `#1A1A1A`), so the only saturated color anywhere in the interface is the user's own renders. Open the app and you land on the **Create feed**: a prompt bar pinned at the bottom (or top, per layout), and below it a vertical stream of \"jobs\" — each job rendered as a tight **2×2 image grid** with a one-line prompt",
+      "word_count": 4113
+    },
+    {
+      "slug": "ios-miro",
+      "title": "Design System Inspiration of Miro (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Miro's iOS app is built around one radical idea: an **infinite canvas** in your pocket. Where most productivity apps are lists and forms, Miro is a boundless, p",
+      "long_description": "Miro's iOS app is built around one radical idea: an **infinite canvas** in your pocket. Where most productivity apps are lists and forms, Miro is a boundless, pannable, zoomable whiteboard — you pinch to zoom, drag two fingers to pan, and the content (sticky notes, shapes, connectors, frames, images, text) lives in an unbounded 2D coordinate space, not a scrolling document. The board background is a subtle **dotted or square grid** on a near-white surface (`#F5F5F7` light, deep neutral `#202024` dark) that scales with zoom, giving spatial reference without competing with content. This canvas-f",
+      "word_count": 4502
+    },
+    {
+      "slug": "ios-monday",
+      "title": "Design System Inspiration of monday.com (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "monday.com's iOS app is a loud, color-coded **work operating system** whose entire personality is the colorful board. The default canvas is white (`#FFFFFF`) in",
+      "long_description": "monday.com's iOS app is a loud, color-coded **work operating system** whose entire personality is the colorful board. The default canvas is white (`#FFFFFF`) in light mode and a deep indigo (`#181B34`) in dark mode — distinctly blue-tinted, NOT neutral black. The app opens to a board: a table of **item rows** grouped into colored sections (\"This week\", \"Next sprint\"), where each row is a thin leading **group-color stripe** + an item name + a series of **column cells** (Status, Person, Priority, Date, Numbers, Timeline, Battery). The board IS the product. The Kanban, Timeline, Calendar, and Cha",
+      "word_count": 4219
+    },
+    {
+      "slug": "ios-monzo",
+      "title": "Design System Inspiration of Monzo (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Monzo's iOS app is built around one unforgettable object: the **Hot Coral debit card** (`#FF3464`). That coral is the brand — it appears the moment you open the",
+      "long_description": "Monzo's iOS app is built around one unforgettable object: the **Hot Coral debit card** (`#FF3464`). That coral is the brand — it appears the moment you open the app as a full-width card hero at the top of the Home screen, and it threads through every primary action, every selected state, every \"this is the thing to tap\" moment. Around the coral, Monzo wraps a calm, trustworthy **navy** (`#14233C`) that grounds the palette and keeps the bank feeling like a bank rather than a toy. The combination — playful coral, serious navy — is the whole personality: a bank that is fun to look at but safe to ",
+      "word_count": 4024
+    },
+    {
+      "slug": "ios-myfitnesspal",
+      "title": "Design System Inspiration of MyFitnessPal (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "MyFitnessPal's iOS app is a calorie ledger trying its hardest not to feel like one. Where Strava is theatrical and Whoop is clinical, MyFitnessPal is a *spreads",
+      "long_description": "MyFitnessPal's iOS app is a calorie ledger trying its hardest not to feel like one. Where Strava is theatrical and Whoop is clinical, MyFitnessPal is a *spreadsheet with a kind face* — a polished food diary that has logged a billion meals and learned to make data entry feel like progress. The canvas is pure white, the chrome is light blue, and the unmistakable hero of the home screen is the giant ring of calories remaining: a thick circular gauge that flips from light gray (untouched) to MFP Blue (filled) as the day's eating accumulates. Every screen is in service of that ring — log a food, sc",
+      "word_count": 4502
+    },
+    {
+      "slug": "ios-netflix",
+      "title": "Design System Inspiration of Netflix (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Netflix's iOS app is a cinematic dark canvas where poster art does all the heavy lifting. From the moment you pick a profile, you're dropped into a screen that ",
+      "long_description": "Netflix's iOS app is a cinematic dark canvas where poster art does all the heavy lifting. From the moment you pick a profile, you're dropped into a screen that feels less like a traditional app and more like a black-box theater: the canvas is `#141414` (a warm true-dark charcoal used across every Netflix surface since the brand's modern refresh), and every row of content is a horizontal strip of 2:3 vertical poster tiles separated only by titles and the faintest of whitespace. The top of every Home screen is a full-bleed hero — no app-logo header, no search bar at the top — where a trailer aut",
+      "word_count": 5292
+    },
+    {
+      "slug": "ios-nextdoor",
+      "title": "Design System Inspiration of Nextdoor (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Nextdoor's iOS app feels like a friendly community bulletin board, not a tech product. The defining choice is the canvas: a warm cream (`#FAF9F6`) rather than t",
+      "long_description": "Nextdoor's iOS app feels like a friendly community bulletin board, not a tech product. The defining choice is the canvas: a warm cream (`#FAF9F6`) rather than the cold pure-white of most social apps. That subtle off-white warmth signals neighborliness — it reads as paper, as a notice pinned to a fence, as something local and human. Cards sit on top as crisp white (`#FFFFFF`) surfaces, so the cream shows through as the gutter between them, giving the feed a soft, approachable rhythm. Text is a near-black warm ink (`#221E1F`) with a muted brown-gray secondary (`#6B6864`) — even the grays lean wa",
+      "word_count": 3317
+    },
+    {
+      "slug": "ios-nike-run-club",
+      "title": "Design System Inspiration of Nike Run Club (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Nike Run Club is a stadium tunnel — black walls, white spotlights, a runner sprinting into them. The canvas is true black (`#000000`) on every screen, the typog",
+      "long_description": "Nike Run Club is a stadium tunnel — black walls, white spotlights, a runner sprinting into them. The canvas is true black (`#000000`) on every screen, the typography is editorial and athletic, and every interaction is shouted in screaming capital letters. NRC is unapologetically loud. Where Strava is a newspaper, NRC is a poster. The brand is built for the moment just before a hard run: bold display weights, deep contrast, urgent action verbs (\"LET'S DO THIS\", \"START RUN\", \"GO\").",
+      "word_count": 4442
+    },
+    {
+      "slug": "ios-noom",
+      "title": "Design System Inspiration of Noom (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Noom is a behavior-change app dressed as a friendly coach, and the design reflects that the entire time. The aesthetic is warm, optimistic, and conversational —",
+      "long_description": "Noom is a behavior-change app dressed as a friendly coach, and the design reflects that the entire time. The aesthetic is warm, optimistic, and conversational — closer to a supportive messaging app than a clinical calorie tracker. The light canvas is a soft near-white (`#FBFBFD`); the dark canvas is a comfortable `#121212`. On top of that calm field, Noom places two unmistakable signature elements: the **daily psychology lesson card** and the **food log driven by the green / yellow / red food-color system**. Everything else — the weight graph, the coach chat, the streak chips — orbits these tw",
+      "word_count": 4108
+    },
+    {
+      "slug": "ios-notion",
+      "title": "Design System Inspiration of Notion (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Notion's iOS app is an almost-invisible design system. The canvas is pure white (`#FFFFFF`) with barely any chrome, because Notion's philosophy is that the *con",
+      "long_description": "Notion's iOS app is an almost-invisible design system. The canvas is pure white (`#FFFFFF`) with barely any chrome, because Notion's philosophy is that the *content you write* is the interface. Open a page and you'll see a hero cover image (full-bleed, 120-200pt tall), a large emoji sitting just above the title, the title itself in Inter 32pt bold, and then a flow of \"blocks\" — paragraphs, headings, toggles, callouts, images — with no obvious framing, borders, or cards. This radical minimalism is deliberate: Notion is a blank canvas that takes on the shape of whatever the user is building (a j",
+      "word_count": 4639
+    },
+    {
+      "slug": "ios-nubank",
+      "title": "Design System Inspiration of Nubank (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Nubank's iOS app is the most single-mindedly **purple** product in fintech. The brand color — **Nu Purple** (`#820AD1`) — is not an accent; it is the identity. ",
+      "long_description": "Nubank's iOS app is the most single-mindedly **purple** product in fintech. The brand color — **Nu Purple** (`#820AD1`) — is not an accent; it is the identity. The moment you open the app a full-bleed purple header fills the top of the screen with your greeting (\"Olá, Ana\"), your avatar, and a few white chrome icons (settings, notifications, help). Below that purple sky, the rest of the app is a calm stack of **tiles** — the NuConta account balance, quick-action shortcuts (Pix, Pagar, Cartões, Investir), the credit-card invoice tile, recent activity — each a clean rounded card on a near-white ",
+      "word_count": 3984
+    },
+    {
+      "slug": "ios-obsidian",
+      "title": "Design System Inspiration of Obsidian (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Obsidian's iOS app is a dark workshop for thought. It treats your notes as a personal knowledge graph stored as plain markdown files, and the interface is built",
+      "long_description": "Obsidian's iOS app is a dark workshop for thought. It treats your notes as a personal knowledge graph stored as plain markdown files, and the interface is built to make that graph feel tangible: a deep charcoal canvas (`#1E1E1E`), monospace-friendly editor lines, file-tree rows, and the signature graph view where every note is a node and every link is an edge you can watch settle into place. The philosophy is \"tools for thinking, not a product to consume\" — the UI is utilitarian, dense where it needs to be, and gets out of the way of the text. Surfaces lift in small charcoal steps (`#262626`, ",
+      "word_count": 3797
+    },
+    {
+      "slug": "ios-okcupid",
+      "title": "Design System Inspiration of OkCupid (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "OkCupid's iOS app is a bright, friendly, question-driven matchmaker. The canvas is clean white (`#FFFFFF`) with a soft neutral surface (`#F2F2F2`) for grouped s",
+      "long_description": "OkCupid's iOS app is a bright, friendly, question-driven matchmaker. The canvas is clean white (`#FFFFFF`) with a soft neutral surface (`#F2F2F2`) for grouped sections and cards. The brand voice is playful and editorial — illustrated empty states, rounded everything, and warm copy — but the underlying structure is data: every profile is annotated with a **match percentage**, and matching is powered by the answers people give to thousands of personality questions. The product thesis (\"substance over swipe\") shows up visually as profiles that lead with text and questions, not just photos.",
+      "word_count": 3445
+    },
+    {
+      "slug": "ios-opentable",
+      "title": "Design System Inspiration of OpenTable (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "OpenTable's iOS app is a clean, confident restaurant-reservation utility. The canvas is bright white (`#FFFFFF`), the chrome is minimal, and the single brand co",
+      "long_description": "OpenTable's iOS app is a clean, confident restaurant-reservation utility. The canvas is bright white (`#FFFFFF`), the chrome is minimal, and the single brand color — **OpenTable Red** (`#DA3743`) — is used with discipline: it appears on the primary \"Reserve Now\" button, the selected time-slot chip, the active tab, and almost nowhere else. Everything is engineered to move the diner from \"I want to eat out\" to a confirmed booking in as few taps as possible. The product's whole personality is *trust + speed*: real review stars, \"Booked N times today\" social proof, and a grid of tappable reservati",
+      "word_count": 4154
+    },
+    {
+      "slug": "ios-oura",
+      "title": "Design System Inspiration of Oura (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Oura's iOS app is a dark instrument panel for the body. The canvas is a deep, slightly cool charcoal (`#0B0B0F`) — near-black, but with the faintest blue cast s",
+      "long_description": "Oura's iOS app is a dark instrument panel for the body. The canvas is a deep, slightly cool charcoal (`#0B0B0F`) — near-black, but with the faintest blue cast so it reads as \"night\" rather than \"off\". Against it, the interface is organized around one recurring visual object: the **score ring**, a large circular gauge from 0 to 100 that fills clockwise. Three of these rings — Readiness (teal), Sleep (indigo), Activity (amber) — are the heartbeat of the product. Everything else (contributor lists, trend graphs, insight cards) exists to explain the rings. The app feels less like a feed and more l",
+      "word_count": 3634
+    },
+    {
+      "slug": "ios-overcast",
+      "title": "Design System Inspiration of Overcast (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Overcast is the audiophile's podcast app, designed by Marco Arment as a single-developer labor of love, and its iOS interface reflects that ethos: opinionated, ",
+      "long_description": "Overcast is the audiophile's podcast app, designed by Marco Arment as a single-developer labor of love, and its iOS interface reflects that ethos: opinionated, restrained, fast, and built around two killer audio features. The most distinctive thing about Overcast's look is its **warm paper-cream light theme** (`#FBFAF6` canvas, `#F7F5EF` surfaces) — it doesn't use stark white; it uses a soft, off-white \"paper\" that feels like a well-set book. Paired with a single warm **Overcast Orange** (`#FC7E0F`) accent and a true dark theme (`#121212`), the app reads as calm and editorial rather than flash",
+      "word_count": 4048
+    },
+    {
+      "slug": "ios-pandora",
+      "title": "Design System Inspiration of Pandora (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Pandora's iOS app is built around the **thumb** — the up/down gesture that has been its defining interaction since 2000. Pandora pioneered the Music Genome Proj",
+      "long_description": "Pandora's iOS app is built around the **thumb** — the up/down gesture that has been its defining interaction since 2000. Pandora pioneered the Music Genome Project: you start a station from a song or artist, and every track that plays is an experiment. A **thumb up** tells the genome \"more like this\" and shapes the station forever; a **thumb down** skips the track and tunes the station away from it. Unlike a like button bolted onto a catalog app, the thumb *is* the product — it's how a Pandora station learns and becomes yours. The entire app is engineered around two surfaces: the **Now Playing",
+      "word_count": 4268
+    },
+    {
+      "slug": "ios-panera",
+      "title": "Design System Inspiration of Panera (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Panera's iOS app feels like walking into a warm bakery-café. The canvas is a soft warm white (`#FFFFFF` with cream-tinted cards at `#F4EFE1`), never a clinical ",
+      "long_description": "Panera's iOS app feels like walking into a warm bakery-café. The canvas is a soft warm white (`#FFFFFF` with cream-tinted cards at `#F4EFE1`), never a clinical pure-white tech surface, because the brand is built on the idea of \"fresh, warm, real food.\" The defining visual is **food photography**: every menu item — soups, sandwiches, salads, baked goods — is shown as a large, appetizing, full-color photo on a rounded card. Photography is the hero; the UI chrome recedes so the food does the selling. The single brand color is **Panera Green** (`#4C8B2B`, brightening toward `#6BBE45` for emphasis ",
+      "word_count": 4056
+    },
+    {
+      "slug": "ios-paramount-plus",
+      "title": "Design System Inspiration of Paramount+ (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Paramount+'s iOS app is a network-bundle streaming surface built on a deep, confident navy. It is dark-only — there is no light mode — anchored on a midnight-na",
+      "long_description": "Paramount+'s iOS app is a network-bundle streaming surface built on a deep, confident navy. It is dark-only — there is no light mode — anchored on a midnight-navy canvas (`#0A0E2D`) that subtly lightens to `#0E1438` beneath hero artwork. The navy is a deliberate brand choice: it echoes the iconic Paramount blue mountain and reads as broadcast-prestige rather than the flat black of generic streamers. Open the Home tab and the first thing you see, directly under a thin top bar carrying the mountain logomark and \"Paramount+\" wordmark (the \"+\" rendered in brand blue), is the **brand-hubs row** — a",
+      "word_count": 3980
+    },
+    {
+      "slug": "ios-paypal",
+      "title": "Design System Inspiration of PayPal (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "PayPal is the elder statesman of fintech rendered as a friendly, recognizable consumer-finance utility. The canvas is white, the brand is blue — specifically th",
+      "long_description": "PayPal is the elder statesman of fintech rendered as a friendly, recognizable consumer-finance utility. The canvas is white, the brand is blue — specifically the deep navy PayPal Blue (`#003087`) that's been the company's identity since the original 1998 logo, paired with a lighter, more contemporary PayPal Sky (`#0070BA`) introduced in the 2014 rebrand. Where Cash App rebels and Robinhood streamlines, PayPal reassures: the design language signals 25 years of trusted money movement, not nightclub energy. The interface revolves around three things — your balance, your recent activity, and the S",
+      "word_count": 4250
+    },
+    {
+      "slug": "ios-peacock",
+      "title": "Design System Inspiration of Peacock (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Peacock's iOS app is a cinematic, glow-in-the-dark streaming surface built around a single idea: the catalog is the interface. There is no light mode — the app ",
+      "long_description": "Peacock's iOS app is a cinematic, glow-in-the-dark streaming surface built around a single idea: the catalog is the interface. There is no light mode — the app is permanently dark, anchored on a deep indigo-black canvas (`#0A0A14`) that warms toward a violet-charcoal (`#140E26`) directly beneath hero artwork. The effect is that the home billboard appears to *emit* light into the surrounding chrome rather than sit on flat black, a deliberate departure from the pure-`#000` look of competitors. Open the Home tab and you are dropped into a full-bleed hero billboard — a single featured title occupy",
+      "word_count": 4038
+    },
+    {
+      "slug": "ios-peloton",
+      "title": "Design System Inspiration of Peloton (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Peloton's iOS app is a **boutique fitness studio in pure black**. The entire experience is engineered to feel like you walked into a dim, premium spin studio: t",
+      "long_description": "Peloton's iOS app is a **boutique fitness studio in pure black**. The entire experience is engineered to feel like you walked into a dim, premium spin studio: the canvas is `#000000` (true black, never charcoal), the chrome recedes, and the content that pops is cinematic — full-bleed class thumbnails shot like film posters, an instructor's face mid-cue, the studio video feed when a class is playing. The single brand color, **Peloton Red** (`#DF1E2E`), is rationed deliberately: it marks the live `LIVE` badge, the primary \"Take Class\" button, the output ring, and *your* row in the leaderboard. E",
+      "word_count": 4211
+    },
+    {
+      "slug": "ios-perplexity",
+      "title": "Design System Inspiration of Perplexity (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Perplexity's iOS app is the answer engine made tactile. Where ChatGPT and Claude are chat surfaces optimized for conversation, Perplexity is a search engine opt",
+      "long_description": "Perplexity's iOS app is the answer engine made tactile. Where ChatGPT and Claude are chat surfaces optimized for conversation, Perplexity is a search engine optimized for one shape of interaction: ask a question, get a cited answer. The interface reflects this — a near-black canvas (`#0A0A0A`), a single signature cyan-teal accent that Perplexity calls \"Sky\" or \"True Turquoise\" (`#20B8CD`-ish, varying slightly across surfaces), and a hierarchy that puts the question at the top, the answer in the middle, and the source list directly underneath. The app reads as a research notebook, not a chat.",
+      "word_count": 5152
+    },
+    {
+      "slug": "ios-pinterest",
+      "title": "Design System Inspiration of Pinterest (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Pinterest's iOS app is a content-first, photo-driven canvas where the interface all but disappears so user-generated imagery can do the talking. The signature f",
+      "long_description": "Pinterest's iOS app is a content-first, photo-driven canvas where the interface all but disappears so user-generated imagery can do the talking. The signature feel is a staggered mosaic of images — the \"masonry grid\" — where every pin is a different height, every row breaks at a different vertical point, and scrolling feels more like flipping through a scrapbook than browsing a traditional feed. On light mode (the default), the canvas is pure white (`#FFFFFF`) so that pins — typically rich, saturated, oversaturated-on-purpose lifestyle photography — pop without any frame or chrome competing wi",
+      "word_count": 4858
+    },
+    {
+      "slug": "ios-plenty-of-fish",
+      "title": "Design System Inspiration of Plenty of Fish (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Plenty of Fish (POF) is one of the original mass-market dating apps, and its iOS design system reflects that heritage: approachable, high-density, and unmistaka",
+      "long_description": "Plenty of Fish (POF) is one of the original mass-market dating apps, and its iOS design system reflects that heritage: approachable, high-density, and unmistakably **blue**. Where newer dating apps lean on swipe-deck spectacle, POF is grid-first and conversation-first — it shows you *many* people at once and pushes you toward messaging quickly. The atmosphere is friendly and busy rather than minimal: rounded cards, heavy rounded type, full-color profile photography edge-to-edge, and POF Blue (`#0098DB → #00A6E2`) as the single, dominant brand color on every primary action. The default app is l",
+      "word_count": 4126
+    },
+    {
+      "slug": "ios-plex",
+      "title": "Design System Inspiration of Plex (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Plex's iOS app is a calm, personal home cinema. Unlike commercial streamers it is not selling a catalog — it is presenting *your* media: the movies, shows, musi",
+      "long_description": "Plex's iOS app is a calm, personal home cinema. Unlike commercial streamers it is not selling a catalog — it is presenting *your* media: the movies, shows, music, and photos living on a server you control. The design reflects that ownership with a quiet, neutral confidence. The canvas is a **cool charcoal** (`#1F2326`) — deliberately *not* true black. This is a defining choice: a slightly-blue charcoal makes poster art read as warm and rich against it, keeps long browsing sessions easy on the eyes, and signals \"calm utility\" rather than \"loud entertainment\". Chrome is restrained and even — fla",
+      "word_count": 3969
+    },
+    {
+      "slug": "ios-pluto-tv",
+      "title": "Design System Inspiration of Pluto TV (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Pluto TV's iOS app is, more than almost any other streaming app, **one screen**: the **Live TV channel guide (EPG)**. Where Netflix and Tubi lead with poster ar",
+      "long_description": "Pluto TV's iOS app is, more than almost any other streaming app, **one screen**: the **Live TV channel guide (EPG)**. Where Netflix and Tubi lead with poster art, Pluto leads with a grid that looks like cable television rebuilt for a phone — because that's exactly what Pluto is: free, ad-supported *linear* TV with hundreds of always-on channels. The canvas is a deep cool navy (`#0B0F1F`), not pure black, evoking the soft glow of a TV in a dark room. Sitting on that navy is **Pluto Blue (`#0048FF`)** — a saturated, electric, almost-cobalt blue used for the wordmark block, primary CTAs, and the ",
+      "word_count": 4356
+    },
+    {
+      "slug": "ios-pocket-casts",
+      "title": "Design System Inspiration of Pocket Casts (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Pocket Casts is the connoisseur's podcast app, and its iOS design reflects that: a confident, dark-first interface where the **circular cover-art motif**, the *",
+      "long_description": "Pocket Casts is the connoisseur's podcast app, and its iOS design reflects that: a confident, dark-first interface where the **circular cover-art motif**, the **single bold Red accent** (`#F43E37`), and a **per-podcast color theme** sampled from each show's artwork combine into something instantly recognizable. Open the app and you land on a grid of subscribed podcasts — square artwork tiles on a near-black canvas (`#1A1A1A`, not pure black) — then tap any show and the entire screen subtly re-tints to a color drawn from that podcast's cover. Pocket Casts Red is the brand constant (tab-bar sele",
+      "word_count": 4245
+    },
+    {
+      "slug": "ios-postman",
+      "title": "Design System Inspiration of Postman (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Postman's iOS app is a developer instrument, not a consumer app — and it looks like one. It opens on a neutral dark grey canvas (`#1A1A1A`) and the entire scree",
+      "long_description": "Postman's iOS app is a developer instrument, not a consumer app — and it looks like one. It opens on a neutral dark grey canvas (`#1A1A1A`) and the entire screen is organized around a single task: build an HTTP request, fire it, read the response. The visual atmosphere is \"API console in your pocket\": dense, monospaced, color-coded, with one warm orange brand mark that appears only on the verbs that matter (Send, Save, primary CTAs). Nothing is decorative; every pixel either holds request data or signals state.",
+      "word_count": 4289
+    },
+    {
+      "slug": "ios-prime-video",
+      "title": "Design System Inspiration of Prime Video (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Prime Video's iOS app is a cinema-store hybrid built on a dark navy canvas (`#0F171E`) — not a neutral black, but Amazon's deep blue-slate that signals the bran",
+      "long_description": "Prime Video's iOS app is a cinema-store hybrid built on a dark navy canvas (`#0F171E`) — not a neutral black, but Amazon's deep blue-slate that signals the brand without shouting it. The background carries a faint cool-navy temperature, and elevated surfaces (`#1A242F`, `#232F3E`) step up within the same blue-gray family so the billboard, content rows, and the store separate cleanly without visible borders. The interface is content-forward and information-rich: a large auto-still billboard leads, dense rows of artwork follow, and \"Channels\" and category rows mix subscription storefronts with i",
+      "word_count": 3632
+    },
+    {
+      "slug": "ios-quora",
+      "title": "Design System Inspiration of Quora (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Quora's iOS app is a bright, paper-white reading environment built around a single tension: a question deserves the gravity of a printed headline, but an answer",
+      "long_description": "Quora's iOS app is a bright, paper-white reading environment built around a single tension: a question deserves the gravity of a printed headline, but an answer should feel like a person talking to you. The canvas is pure white (`#FFFFFF`), surfaces are a faint warm gray (`#F7F7F8`), and the only saturated color in the entire interface is Quora Red (`#B92B27`) — held in reserve for the wordmark, the \"Answer\" call to action, and a thin set of editorial accents. Everything else is text, hairlines, and breathing room. The screen reads like an open book of questions, each one waiting for a conside",
+      "word_count": 3536
+    },
+    {
+      "slug": "ios-raya",
+      "title": "Design System Inspiration of Raya (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Raya's iOS app is the most uncompromisingly monochrome interface in consumer dating. There is no brand color — none. The canvas is **pure black `#000000`** (not",
+      "long_description": "Raya's iOS app is the most uncompromisingly monochrome interface in consumer dating. There is no brand color — none. The canvas is **pure black `#000000`** (not a warm near-black, not a charcoal) and the only \"accent\" is **pure white `#FFFFFF`**. Every UI element — buttons, bars, icons, type — is black, white, or a gray between. The single source of color in the entire experience is the *member's own photography and video*, which the interface deliberately recedes behind. Raya treats itself like a gallery frame: the art is the person, and the frame is rendered in the quietest possible chrome s",
+      "word_count": 4345
+    },
+    {
+      "slug": "ios-reddit",
+      "title": "Design System Inspiration of Reddit (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Reddit's iOS app is a card-based community reader organized around the single most recognizable interactive control in consumer tech: the upvote/downvote column",
+      "long_description": "Reddit's iOS app is a card-based community reader organized around the single most recognizable interactive control in consumer tech: the upvote/downvote column. Every post in a feed — whether from r/aww, r/AskReddit, or r/programming — is laid out the same way: a horizontal card with the vote arrow stack on the left (up arrow, karma number, down arrow), a subreddit avatar + \"r/subredditname\", a post title, optional media preview, and a row of actions (comments count, share, save, more). The consistency of this unit is the brand. A Reddit power user can scan 50 cards in 20 seconds because ever",
+      "word_count": 4497
+    },
+    {
+      "slug": "ios-resy",
+      "title": "Design System Inspiration of Resy (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Resy's iOS app reads like a curated dining magazine that happens to book tables. The canvas is **pure black** (`#000000`) — Resy is dark-first by design, not as",
+      "long_description": "Resy's iOS app reads like a curated dining magazine that happens to book tables. The canvas is **pure black** (`#000000`) — Resy is dark-first by design, not as a dark-mode option but as the brand. Black makes full-color restaurant photography and the editorial serif headlines pop the way ink does on a glossy printed page. The whole personality is *taste + access*: editorial restaurant write-ups, a curated \"Hit List\", and the tension of a hard-to-get reservation. The single brand color — **Resy Red** (`#C73E3A`) — is used with discipline on the \"Book Now\" CTA, the selected reservation slot, an",
+      "word_count": 4279
+    },
+    {
+      "slug": "ios-revolut",
+      "title": "Design System Inspiration of Revolut (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Revolut's iOS app is a near-black financial cockpit where money looks engineered, not nostalgic. The canvas sits at `#0A0A0F` — a cool, almost-black with the fa",
+      "long_description": "Revolut's iOS app is a near-black financial cockpit where money looks engineered, not nostalgic. The canvas sits at `#0A0A0F` — a cool, almost-black with the faintest blue cast — so that the product's signature gradient (an electric violet-to-indigo sweep, `#5B6BFF → #9C6BFF`) and the metal-card hero read like premium hardware on a dark workbench. Nothing is beige, nothing is \"bank green\"; this is fintech as a precision instrument. Balance numbers are huge, spend analytics are charted in a single donut, and every surface is a slightly-lifted slab (`#16161F` / `#1E1E2A`) floating on the void.",
+      "word_count": 3265
+    },
+    {
+      "slug": "ios-robinhood",
+      "title": "Design System Inspiration of Robinhood (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Robinhood is a brokerage rendered as a clean tech consumer product. The canvas is white, the chart is the hero, and the entire interface revolves around a singl",
+      "long_description": "Robinhood is a brokerage rendered as a clean tech consumer product. The canvas is white, the chart is the hero, and the entire interface revolves around a single recurring motif: a giant line graph showing your portfolio value, rendered in Robinhood Green when up and Robinhood Red when down. Where Schwab, Fidelity, and the rest of legacy brokerage feel like 1990s financial software with spreadsheet density, Robinhood reduces the act of \"checking your portfolio\" to a single screen — a number, a curve, and a buy/sell button. The radical commitment to simplicity is the brand.",
+      "word_count": 4095
+    },
+    {
+      "slug": "ios-runna",
+      "title": "Design System Inspiration of Runna (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Runna is a structured-training app for runners, and its design feels like a coach's plan come to life: confident, athletic, and energetic, but disciplined enoug",
+      "long_description": "Runna is a structured-training app for runners, and its design feels like a coach's plan come to life: confident, athletic, and energetic, but disciplined enough that you can read a whole training week at a glance. The app is **dark-first** — runners train at dawn and dusk and check the screen mid-run on a wrist or armband, so a low-glare dark canvas is the default and primary experience. That canvas is a deep blue-black `#0E0E16`, deliberately tinted toward the brand Indigo rather than neutral grey, so the whole UI feels cohesive with the brand even in the darkest surfaces. Cards lift to `#18",
+      "word_count": 4325
+    },
+    {
+      "slug": "ios-shazam",
+      "title": "Design System Inspiration of Shazam (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Shazam's iOS app is a single-purpose instrument, and its design is ruthlessly devoted to that one purpose: press the button, name the song. The canvas is not a ",
+      "long_description": "Shazam's iOS app is a single-purpose instrument, and its design is ruthlessly devoted to that one purpose: press the button, name the song. The canvas is not a flat color but a deep radial gradient — Shazam Blue (`#0088FF`) blooming from a brighter `#0050FF` core out into a near-black space tint (`#08090E`) at the edges. The effect is a glowing well of blue with a single object at the center of gravity: the Shazam button. There is no feed, no tab bar, no navigation chrome competing for attention on the main screen. The entire interface is the gradient, the button, and the concentric pulse ring",
+      "word_count": 3450
+    },
+    {
+      "slug": "ios-signal",
+      "title": "Design System Inspiration of Signal (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Signal's iOS app is the calmest messaging surface on the platform, and the calm is the point. There is no feed, no Stories ring vying for a tap, no badge gamifi",
+      "long_description": "Signal's iOS app is the calmest messaging surface on the platform, and the calm is the point. There is no feed, no Stories ring vying for a tap, no badge gamification, no ad slot, no vanity metric. The canvas is plain white (`#FFFFFF`) in light mode and a soft near-black (`#1B1B1B`) in dark mode, and the entire interface is built from three ingredients: a list of conversations, a thread of bubbles, and one accent — Signal Blue (`#3A76F0`). The restraint communicates the product thesis before a single word of copy: this app's job is to move your message privately and then get out of the way.",
+      "word_count": 3599
+    },
+    {
+      "slug": "ios-skype",
+      "title": "Design System Inspiration of Skype (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Skype is Microsoft's veteran video-and-voice-calling app, and its design DNA is unmistakably **call-first**. Long before it was a chat client it was *the* way t",
+      "long_description": "Skype is Microsoft's veteran video-and-voice-calling app, and its design DNA is unmistakably **call-first**. Long before it was a chat client it was *the* way to make free internet calls, and every screen still leads with that promise: the contacts list, the prominent call buttons in every conversation header, the dedicated Calls tab, and the full-screen video grid are the heart of the product. The visual identity is built on one signature color — **Skype Blue**, a bright cloud-cyan `#00AFF0` (with a deeper, text-safe `#0078D4` for filled surfaces). It's in the cloud logomark, the call FABs, t",
+      "word_count": 4271
+    },
+    {
+      "slug": "ios-skyscanner",
+      "title": "Design System Inspiration of Skyscanner (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Skyscanner's iOS app is a **calm, white, decision-making instrument**. It is not a lifestyle travel app full of wanderlust photography — it is a price-compariso",
+      "long_description": "Skyscanner's iOS app is a **calm, white, decision-making instrument**. It is not a lifestyle travel app full of wanderlust photography — it is a price-comparison engine, and the entire visual language is engineered to make a confident \"is this a good deal?\" judgment in under three seconds. The canvas is pure white (`#FFFFFF`) with a single, unmistakable brand color — **Skyscanner Sky Blue (`#0770E3`)** — carrying every primary action: the Search button, the active trip-type segment, selected calendar dates, and the focused input ring. There is no secondary accent competing for attention. The b",
+      "word_count": 4329
+    },
+    {
+      "slug": "ios-slack",
+      "title": "Design System Inspiration of Slack (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Slack's iOS app is defined by a single unmistakable color: **Slack Aubergine** (`#4A154B`), the deep wine-purple of the default left sidebar. That aubergine is ",
+      "long_description": "Slack's iOS app is defined by a single unmistakable color: **Slack Aubergine** (`#4A154B`), the deep wine-purple of the default left sidebar. That aubergine is the app's visual anchor — it's the first thing you see when you open Slack on mobile (a screen-filling aubergine pane if the sidebar is open), and it's the color that distinguishes Slack from every other messaging app. The 2019 rebrand simplified Slack's earlier rainbow logo into a more restrained four-color pinwheel (yellow, pink, green, blue), but internally the aubergine remains the workspace's \"home\" color and is carried over into t",
+      "word_count": 4858
+    },
+    {
+      "slug": "ios-sleep-cycle",
+      "title": "Design System Inspiration of Sleep Cycle (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Sleep Cycle is a bedside app, and every design decision flows from that single fact: the screen is the last thing you look at before sleeping and the first thin",
+      "long_description": "Sleep Cycle is a bedside app, and every design decision flows from that single fact: the screen is the last thing you look at before sleeping and the first thing you see at dawn. The entire UI is wrapped in a calm indigo→night gradient — a vertical sweep from `#2A2D5A` at the top through `#3B4371` mid, settling into a deep `#14152E` canvas at the bottom. There is no pure black and no bright white field anywhere in the core experience; the screen *glows softly* rather than glaring, so it never jolts a half-asleep user at 3am. The aesthetic is \"night sky from inside a dark bedroom\" — deep, low-g",
+      "word_count": 3982
+    },
+    {
+      "slug": "ios-snapchat",
+      "title": "Design System Inspiration of Snapchat (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Snapchat's iOS app is a camera that happens to have messaging, maps, and a video feed attached — not the other way around. The app opens directly into the live ",
+      "long_description": "Snapchat's iOS app is a camera that happens to have messaging, maps, and a video feed attached — not the other way around. The app opens directly into the live camera viewfinder, full-screen, with the lens capturing your face before you've even decided what to do. This is the single most defining characteristic of Snapchat's design philosophy: the camera IS the home screen. Every other app in this category (X, Threads, Facebook, Instagram) opens to a feed; Snapchat opens to a viewfinder. The result is an app whose design language is built around photography — edge-to-edge imagery, floating chr",
+      "word_count": 5363
+    },
+    {
+      "slug": "ios-sofi",
+      "title": "Design System Inspiration of SoFi (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "SoFi's iOS app is a **premium one-stop financial command center** — banking, investing, borrowing, and rewards under a single membership. The visual language si",
+      "long_description": "SoFi's iOS app is a **premium one-stop financial command center** — banking, investing, borrowing, and rewards under a single membership. The visual language signals \"modern, ambitious, all-in-one wealth platform\" rather than a single-purpose budgeting app, so the design leans confident and dark-native: an **electric SoFi Blue (`#00A0DF`)** sitting on a **deep navy (`#0A0E27`)** ground. This blue-on-navy pairing is so core to SoFi's marketing that the app reads like it was *designed for dark mode first* — the navy is the canonical brand canvas in both themes, and electric blue is the energy th",
+      "word_count": 4092
+    },
+    {
+      "slug": "ios-soundcloud",
+      "title": "Design System Inspiration of SoundCloud (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "SoundCloud's iOS app is built around one idea that no other audio app has: the waveform *is* the interface. Every track — a bedroom demo, a DJ set, a podcast — ",
+      "long_description": "SoundCloud's iOS app is built around one idea that no other audio app has: the waveform *is* the interface. Every track — a bedroom demo, a DJ set, a podcast — renders as a horizontal amplitude graph in SoundCloud Orange (`#FF5500`), and that waveform is not decoration. It is the scrubber, the progress bar, the comment timeline, and the social surface all at once. The default canvas is a clean light white (`#FFFFFF`) with a soft gray surface (`#F2F2F2`) for cards and rows, letting the orange waveform and album thumbnails carry every bit of chromatic energy. A true dark mode (`#1A1A1A` canvas, ",
+      "word_count": 3454
+    },
+    {
+      "slug": "ios-southwest",
+      "title": "Design System Inspiration of Southwest (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Southwest's iOS app is built around a single product truth that no other airline shares: **there are no assigned seats**. You don't pick 14C. You get a *boardin",
+      "long_description": "Southwest's iOS app is built around a single product truth that no other airline shares: **there are no assigned seats**. You don't pick 14C. You get a *boarding position* — a letter group (A, B, or C) and a number (1–60) — and you board in that order. So the entire app is engineered around two moments that don't exist anywhere else in air travel: the **24-hour check-in countdown** (you must check in exactly 24 hours before departure to earn the lowest possible boarding number) and the **boarding-position reveal** (a giant `A23` readout that tells you exactly where you stand in line). Every ot",
+      "word_count": 4607
+    },
+    {
+      "slug": "ios-spotify",
+      "title": "Design System Inspiration of Spotify (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "Spotify's iOS app is a dark canvas that treats album art as the sole source of color. The interface fades into a near-black background (`#121212`) so every piec",
+      "long_description": "Spotify's iOS app is a dark canvas that treats album art as the sole source of color. The interface fades into a near-black background (`#121212`) so every piece of cover art — saturated pop, moody jazz, stark classical — can set the emotional temperature of the moment without competing with UI chrome. This is the design equivalent of a turntable: the player recedes, the record speaks. Shelves of playlists, albums, and podcasts scroll horizontally as tall square tiles, each a direct reproduction of the artist's cover art, giving the home screen the feeling of a record-store browsing session on",
+      "word_count": 3431
+    },
+    {
+      "slug": "ios-starbucks",
+      "title": "Design System Inspiration of Starbucks (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Starbucks' iOS app is a thoughtful, warm retail experience wrapped around a single, rewards-heavy hero: your Stars dashboard. Open the app and the first thing y",
+      "long_description": "Starbucks' iOS app is a thoughtful, warm retail experience wrapped around a single, rewards-heavy hero: your Stars dashboard. Open the app and the first thing you see is a big Gold-gradient progress ring at the top, counting your Stars toward the next reward — a tiny daily dopamine loop that's been tuned over years to reinforce the visit. The color palette is all house: the famous Siren Green (`#00704A`) for primary CTAs, a darker \"House Green\" (`#1E3932`) that shows up as the warm dark canvas (and crucially is NOT black — it's a very dark forest green tied to Starbucks' store interiors), a so",
+      "word_count": 4340
+    },
+    {
+      "slug": "ios-strava",
+      "title": "Design System Inspiration of Strava (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Strava is a sweat-stained newspaper for athletes. The canvas is white in light mode and a deep coal black in dark mode — neutral on purpose, because the headlin",
+      "long_description": "Strava is a sweat-stained newspaper for athletes. The canvas is white in light mode and a deep coal black in dark mode — neutral on purpose, because the headline of every screen is a map. A route polyline drawn over OpenStreetMap is the single most repeated visual in the app: in the activity feed (a small map snapshot on every card), on the activity detail (full-bleed map with overlay stats), on the segment leaderboard (a thin curve), and as the empty-state hero on the Maps tab. Strava's job is to make those polylines feel earned — they're rendered in Strava's signature pumpkin orange (`#FC4C0",
+      "word_count": 4696
+    },
+    {
+      "slug": "ios-strong",
+      "title": "Design System Inspiration of Strong (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Strong's iOS app is one of the most disciplined, content-first interfaces in fitness software. Open it and there is no onboarding fanfare, no hero imagery, no m",
+      "long_description": "Strong's iOS app is one of the most disciplined, content-first interfaces in fitness software. Open it and there is no onboarding fanfare, no hero imagery, no motivational gradient — just a flat, near-black canvas (`#1A1A1A`) and the **set-log table**. Strong's whole thesis is that a weightlifting app should feel like the world's best paper logbook: open to today's workout, see the exercises stacked vertically, each with a tight grid of sets (Set / Previous / kg / Reps / ✓), and log a set with two taps. The signature screen of Strong is **logging a workout**: a workout title and a row of stat ",
+      "word_count": 4423
+    },
+    {
+      "slug": "ios-substack",
+      "title": "Design System Inspiration of Substack (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Substack's iOS app is built around a single belief: the writing is the product, and the writer's voice deserves a page that looks like a fine magazine, not a fe",
+      "long_description": "Substack's iOS app is built around a single belief: the writing is the product, and the writer's voice deserves a page that looks like a fine magazine, not a feed. Open any post and you land on a clean white reading surface — a serif headline set tight, an italic serif dek, a compact byline with the publication's logo and subscriber count, and then long-form body text in a generous reading serif at 18pt with 1.65 line-height. There are no cards around the prose, no boxes, no shadows in the reading column. The chrome is deliberately minimal and editorial: the only saturated color in the entire ",
+      "word_count": 4015
+    },
+    {
+      "slug": "ios-swiggy",
+      "title": "Design System Inspiration of Swiggy (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Swiggy's iOS app is **appetite-driven commerce**. The entire visual language exists to do one thing: make you hungry, then make ordering feel instantaneous. The",
+      "long_description": "Swiggy's iOS app is **appetite-driven commerce**. The entire visual language exists to do one thing: make you hungry, then make ordering feel instantaneous. The canvas is white (`#FFFFFF`) in light mode and a near-black charcoal (`#121212`) in dark mode, but the canvas is almost never what you notice — what you notice is the *food*. Every screen is photo-forward: 16:10 restaurant hero images with a dark bottom scrim that holds an offer in bold white type (\"60% OFF UPTO ₹120\"), square dish thumbnails with a floating green \"ADD\" button, and a relentless rhythm of cards that pull the eye down the",
+      "word_count": 4300
+    },
+    {
+      "slug": "ios-taco-bell",
+      "title": "Design System Inspiration of Taco Bell (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Taco Bell's iOS app is **a neon, dark-first ordering playground**. Unlike most QSR apps that sit on white, Taco Bell commits to a **purple-tinted near-black can",
+      "long_description": "Taco Bell's iOS app is **a neon, dark-first ordering playground**. Unlike most QSR apps that sit on white, Taco Bell commits to a **purple-tinted near-black canvas (`#0E0A14`)** — the dark isn't neutral gray, it carries a violet bias so the brand purple feels native rather than painted on top. Over that canvas runs the signature **Taco Bell Purple → Electric Magenta gradient (`#702082 → #C72BC8`)**: it's the primary CTA, the active customizer step, the box preview backdrop, and the brand bell plate. The energy color is **Hot Sauce Yellow `#FFC700`** — used for prices, reward chips, and eyebrow",
+      "word_count": 4336
+    },
+    {
+      "slug": "ios-telegram",
+      "title": "Design System Inspiration of Telegram (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Telegram's iOS app is a messenger that lets the user's taste dominate the chrome. Out of the box it ships a confident Sky Blue (`#0088CC`) accent over a true-wh",
+      "long_description": "Telegram's iOS app is a messenger that lets the user's taste dominate the chrome. Out of the box it ships a confident Sky Blue (`#0088CC`) accent over a true-white or pure-black canvas, but the entire color system is a \"themeable surface\" — users can pick any hex code as an accent, apply custom chat backgrounds, even import community themes with rainbow gradients. That theming flexibility is the brand. A Telegram install in 2026 can look like anything from a corporate blue client to a neon-purple night-theme maximalist setup, and all of it is *still* unmistakably Telegram because the UI rhythm",
+      "word_count": 4371
+    },
+    {
+      "slug": "ios-the-league",
+      "title": "Design System Inspiration of The League (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "The League's iOS app is a black-tie members' club rendered as software. Open it and the entire screen is a near-true-black canvas (`#0A0A0A`) — the color of a p",
+      "long_description": "The League's iOS app is a black-tie members' club rendered as software. Open it and the entire screen is a near-true-black canvas (`#0A0A0A`) — the color of a private club after dark, a velvet rope, a leather-bound member directory. There is almost no UI chrome in the conventional sense: no shadows, no bright fills, no playful color. Depth is created entirely by **1px gold-tinted hairline borders** and an embossed calling-card treatment. The signature object is the **prospect card** — a single curated member presented like a heavy paper calling card: a photo in the top two-thirds, then a Cormo",
+      "word_count": 4341
+    },
+    {
+      "slug": "ios-things-3",
+      "title": "Design System Inspiration of Things 3 (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Things 3's iOS app is a study in calm. Where most task managers are dense, colorful dashboards, Things is a quiet white room: a pure white canvas (`#FFFFFF`), a",
+      "long_description": "Things 3's iOS app is a study in calm. Where most task managers are dense, colorful dashboards, Things is a quiet white room: a pure white canvas (`#FFFFFF`), a single restrained blue accent, and acres of generous whitespace that let a to-do list feel like a calm sheet of paper rather than an anxiety machine. The design philosophy is \"serene productivity\" — the interface should disappear so that the user's own intentions are the only thing on screen. Surfaces lift only barely (`#F5F6F8`), dividers are whisper-thin (`#ECECEC`), and there is essentially no chrome: no toolbars crowding the top, n",
+      "word_count": 3760
+    },
+    {
+      "slug": "ios-threads",
+      "title": "Design System Inspiration of Threads (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Threads is Meta's answer to text-first social networking — a sister-app to Instagram that trades photos for conversation. The canvas is deliberately quiet: true",
+      "long_description": "Threads is Meta's answer to text-first social networking — a sister-app to Instagram that trades photos for conversation. The canvas is deliberately quiet: true black (`#000000`) in the default dark mode and soft paper white (`#FFFFFF`) in light, chosen to let long-form text breathe without the visual noise of hashtags, trending topics, or a retweet button. Where X is a newsroom, Threads is a notebook. The scroll is slower, the posts are roomier, and the negative space between ideas is part of the voice.",
+      "word_count": 4578
+    },
+    {
+      "slug": "ios-threema",
+      "title": "Design System Inspiration of Threema (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Threema's iOS app is a privacy-first messenger, and its entire visual language is engineered around one promise: you can communicate without revealing who you a",
+      "long_description": "Threema's iOS app is a privacy-first messenger, and its entire visual language is engineered around one promise: you can communicate without revealing who you are. There is no phone number, no email, no Google or Apple sign-in — your identity is an anonymous, randomly-generated 8-character **Threema ID** (e.g. `ECHOX9P2`). Because the product's value is trust and confidentiality rather than reach or feed-scrolling, the UI is deliberately calm, utilitarian, and Swiss-engineered. It looks like a serious tool, not a social toy: a clean white canvas (`#FFFFFF`), a single confident green (`#088A29`",
+      "word_count": 4481
+    },
+    {
+      "slug": "ios-tidal",
+      "title": "Design System Inspiration of TIDAL (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "TIDAL's iOS app is the most austere player in music streaming, and that austerity is the brand. The canvas is pure black (`#000000`) — not the softened \"not-qui",
+      "long_description": "TIDAL's iOS app is the most austere player in music streaming, and that austerity is the brand. The canvas is pure black (`#000000`) — not the softened \"not-quite-black\" of competitors, but true OLED black that makes album art appear to float in a void. Surfaces step up only barely (`#0A0A0A`, `#1A1A1A`), so the interface reads as a single dark sheet with content punched into it. The visual philosophy is editorial and gallery-like: square album tiles, generous negative space, monochrome chrome, and a refusal to decorate. TIDAL positions itself as the audiophile's service, and the UI behaves li",
+      "word_count": 3380
+    },
+    {
+      "slug": "ios-tiktok",
+      "title": "Design System Inspiration of TikTok (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "TikTok's iOS app is a full-bleed black canvas that exists to get out of the way of a single vertical video. From the moment you open the app you are dropped int",
+      "long_description": "TikTok's iOS app is a full-bleed black canvas that exists to get out of the way of a single vertical video. From the moment you open the app you are dropped into the For You feed: a 9:16 clip fills the entire screen edge-to-edge, status-bar to home-indicator, and every piece of UI — captions, action icons, music ticker, tab bar — floats as a translucent overlay on top of that content. The design equivalent is a movie theater with the lights off and the usher wearing a black suit: nothing competes with the screen.",
+      "word_count": 4378
+    },
+    {
+      "slug": "ios-tinder",
+      "title": "Design System Inspiration of Tinder (iOS)",
+      "category": "Dating",
+      "platform": "ios",
+      "short_description": "Tinder's iOS app is built around a single, unforgettable gesture: the swipe. Every primary screen is really just a stage for the swipeable card — a 3:4 portrait",
+      "long_description": "Tinder's iOS app is built around a single, unforgettable gesture: the swipe. Every primary screen is really just a stage for the swipeable card — a 3:4 portrait photo that takes up roughly 80% of the viewport, adorned with a name, age, and a trio of subtle overlays, floating on a clean canvas. The visual language is pure gravity: the card is the object, the five action buttons below it are the verbs, and everything else is chrome that steps aside. This is the rare app where the UI doesn't frame the content — the content *is* the UI, and every design decision is in service of the swipe feeling ",
+      "word_count": 4367
+    },
+    {
+      "slug": "ios-todoist",
+      "title": "Design System Inspiration of Todoist (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Todoist's iOS app is a quiet, productive workshop. Where most task apps reach for kanban boards, color-coded blobs, and gamified streak meters, Todoist reaches ",
+      "long_description": "Todoist's iOS app is a quiet, productive workshop. Where most task apps reach for kanban boards, color-coded blobs, and gamified streak meters, Todoist reaches for the opposite — a near-blank canvas, a single column of checkable rows, and the visual restraint of a Moleskine notebook. The brand has been deliberate about this for over a decade: the app is a tool, not a destination. You open it, capture a thought, and close it. Every pixel exists to keep that loop fast.",
+      "word_count": 4704
+    },
+    {
+      "slug": "ios-trello",
+      "title": "Design System Inspiration of Trello (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Trello's iOS app is a tactile, board-first workspace where the content *is* the layout. Unlike most apps, Trello has no single canvas color — the **board backgr",
+      "long_description": "Trello's iOS app is a tactile, board-first workspace where the content *is* the layout. Unlike most apps, Trello has no single canvas color — the **board background** sets the mood. A board can be a solid Trello Blue (`#0079BF`), a gradient, or a photo, and the entire screen takes on that backdrop. On top of it float pale, near-white lists (`#F1F2F4`) holding white cards. The feeling is of physical index cards pinned to a colored corkboard: you scroll the board horizontally through columns, you drag cards between them, and everything has a slight lift. There is no bottom tab bar — navigation l",
+      "word_count": 3605
+    },
+    {
+      "slug": "ios-tripadvisor",
+      "title": "Design System Inspiration of Tripadvisor (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Tripadvisor's iOS app is a bright, optimistic travel canvas built on pure white (`#FFFFFF`) with a single electric signature: Tripadvisor Green (`#34E0A1`), the",
+      "long_description": "Tripadvisor's iOS app is a bright, optimistic travel canvas built on pure white (`#FFFFFF`) with a single electric signature: Tripadvisor Green (`#34E0A1`), the spring-fresh mint introduced with the owl rebrand. The interface treats traveler photography as the primary chromatic content — place cards lead with full-bleed user-submitted images of hotels, beaches, and restaurants — while the chrome itself stays restrained, light, and out of the way. This is a discovery app: the white background functions like a clean gallery wall, letting thousands of crowd-sourced photos and reviews do the talki",
+      "word_count": 3293
+    },
+    {
+      "slug": "ios-tubi",
+      "title": "Design System Inspiration of Tubi (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Tubi's iOS app is built around a single, unmistakable idea: **free movies and TV, paid for by ads, presented like a premium streamer**. The canvas is a deep ind",
+      "long_description": "Tubi's iOS app is built around a single, unmistakable idea: **free movies and TV, paid for by ads, presented like a premium streamer**. The canvas is a deep indigo-black (`#0A0A2A`) — not the neutral near-black of Netflix or the warm charcoal of Apple TV, but a cool, slightly violet darkness that exists specifically so Tubi's signature **purple→magenta gradient (`#7408FF` → `#FF00FF`)** can glow against it. That gradient is the entire brand. It runs through the lowercase `tubi` wordmark, the focus and selection states, the active bottom-tab icon, continue-watching progress bars, and the second",
+      "word_count": 4237
+    },
+    {
+      "slug": "ios-tumblr",
+      "title": "Design System Inspiration of Tumblr (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Tumblr's iOS app is a deep-navy canvas built for an endlessly scrolling dashboard of expressive, multi-format posts. The signature background is a rich midnight",
+      "long_description": "Tumblr's iOS app is a deep-navy canvas built for an endlessly scrolling dashboard of expressive, multi-format posts. The signature background is a rich midnight blue (`#001935`) — not black, not gray, a saturated navy that feels like the inside of a zine printed on dark stock. Posts sit on slightly lighter navy surfaces (`#001020` and `#0B2A45`) so the dashboard reads as a stack of cards floating in blue space. The atmosphere is intentionally moody and creative: this is a place for GIFs, fan art, text essays, and reblog chains, and the dark navy lets full-bleed imagery and animated GIFs glow w",
+      "word_count": 3294
+    },
+    {
+      "slug": "ios-turo",
+      "title": "Design System Inspiration of Turo (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Turo's iOS app is **Airbnb-for-cars**, and like Airbnb, its design philosophy is that **the photo is the product**. Open any listing and the first thing you see",
+      "long_description": "Turo's iOS app is **Airbnb-for-cars**, and like Airbnb, its design philosophy is that **the photo is the product**. Open any listing and the first thing you see is a full-bleed, edge-to-edge vehicle photo carousel — no card frame, no border, no chrome obscuring it. A 2023 Tesla Model 3 in a sunlit driveway, a Porsche 911 on a coastal road, a Jeep Wrangler at a trailhead: the imagery does the selling, and the entire UI is engineered to get out of its way. Turo is a peer-to-peer car-sharing marketplace — real people (hosts) listing their personal cars to real people (guests) — so trust signals (",
+      "word_count": 4399
+    },
+    {
+      "slug": "ios-twitch",
+      "title": "Design System Inspiration of Twitch (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "Twitch's iOS app is a live-first surface built on a near-black canvas (`#0E0E10`) that keeps the focus on streamer video and the constant motion of chat. The ba",
+      "long_description": "Twitch's iOS app is a live-first surface built on a near-black canvas (`#0E0E10`) that keeps the focus on streamer video and the constant motion of chat. The background is a true near-black with the faintest cool tint, and elevated surfaces (`#18181B`, `#1F1F23`) step up in cool grays so cards, the chat column, and sheets separate without borders. The interface is dense and kinetic: thumbnails are live previews, viewer counts tick, the LIVE pill pulses, and chat scrolls continuously. The chrome is deliberately quiet so the energy comes from content and community.",
+      "word_count": 3643
+    },
+    {
+      "slug": "ios-uber",
+      "title": "Design System Inspiration of Uber (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Uber's iOS app is built around a single, enormous object: the map. Every primary screen — Home, Searching, On Trip, Arrival — is 60-80% map, with a bottom sheet",
+      "long_description": "Uber's iOS app is built around a single, enormous object: the map. Every primary screen — Home, Searching, On Trip, Arrival — is 60-80% map, with a bottom sheet sliding up to hold whatever UI chrome is required at that moment. The interface is essentially a transparent layer over geography; the city is the canvas. This is radically different from most consumer apps: there is no feed, no shelf, no hero image. The hero is always the road, and Uber's visual language exists to stay out of its way.",
+      "word_count": 3765
+    },
+    {
+      "slug": "ios-uber-eats",
+      "title": "Design System Inspiration of Uber Eats (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Uber Eats' iOS app is a bright, photo-first marketplace built on a pure white canvas (`#FFFFFF`) where food photography does the selling. The interface is inten",
+      "long_description": "Uber Eats' iOS app is a bright, photo-first marketplace built on a pure white canvas (`#FFFFFF`) where food photography does the selling. The interface is intentionally clean and high-contrast: white surfaces, near-black type, and a single confident green accent. Restaurant cards are large, image-led tiles — a wide hero photo with the name, rating, ETA, and delivery fee stacked underneath in tight, legible rows. The whitespace is generous so the food imagery never competes with chrome, and elevated elements (the sticky cart bar, sheets) lift off the white with soft, low shadows rather than bor",
+      "word_count": 4026
+    },
+    {
+      "slug": "ios-united-airlines",
+      "title": "Design System Inspiration of United (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "The United iOS app is a deep-navy, business-class-feeling travel tool that organizes itself around the *journey detail* — not just \"where am I going\" but the fu",
+      "long_description": "The United iOS app is a deep-navy, business-class-feeling travel tool that organizes itself around the *journey detail* — not just \"where am I going\" but the full anatomy of the flight: aircraft type, duration, terminals, gates, your Economy Plus seat, your MileagePlus Premier status, and the boarding pass that ties it together. Where some airline apps lead with a single status word, United leads with a richly detailed **flight-detail** screen: origin and destination airport codes large, city names underneath, an aircraft glyph and flight duration in the middle, and scheduled times with gates ",
+      "word_count": 4085
+    },
+    {
+      "slug": "ios-venmo",
+      "title": "Design System Inspiration of Venmo (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Venmo's iOS app is one of the few fintech apps that feels like a social network, not a bank — and that's the whole point. The first screen you see after login i",
+      "long_description": "Venmo's iOS app is one of the few fintech apps that feels like a social network, not a bank — and that's the whole point. The first screen you see after login isn't a balance or a receipt, it's a feed of your friends' transactions written in plain English with emoji memos. \"Alex paid Jordan 🍕🍺 Pizza Friday\". The visual language is designed to make financial transactions feel casual, playful, and narratively interesting. The Venmo blue (`#008CFF`) is the hero color — saturated, friendly, slightly brighter than a traditional \"banking blue\" — and it does all the heavy lifting on CTAs, links, an",
+      "word_count": 4290
+    },
+    {
+      "slug": "ios-vercel",
+      "title": "Design System Inspiration of Vercel (iOS)",
+      "category": "Misc",
+      "platform": "ios",
+      "short_description": "Vercel's iOS app is the most uncompromisingly minimal developer tool on the App Store. It opens on **pure black** (`#000000`) — not the charcoal `#191919` that ",
+      "long_description": "Vercel's iOS app is the most uncompromisingly minimal developer tool on the App Store. It opens on **pure black** (`#000000`) — not the charcoal `#191919` that most \"dark mode\" apps settle on, but absolute, OLED-true black — and almost everything on screen is either white text, a hairline grey border, or one of three status colors. There is no brand-color CTA, no gradient hero, no decorative chrome. The aesthetic is a direct translation of the Vercel marketing site and dashboard: a geometric black triangle logomark, the Geist typeface, and an obsessive commitment to \"the content is the product",
+      "word_count": 3991
+    },
+    {
+      "slug": "ios-vero",
+      "title": "Design System Inspiration of Vero (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Vero's iOS app is the anti-feed. Its entire reason to exist is a reaction against algorithmic timelines, engagement-bait, and infinite ad walls — so the design ",
+      "long_description": "Vero's iOS app is the anti-feed. Its entire reason to exist is a reaction against algorithmic timelines, engagement-bait, and infinite ad walls — so the design philosophy is *calm, chronological, and deliberate*. The canvas is pure true-black (`#000000`), not a charcoal, because Vero presents content like a gallery wall: an OLED-deep void around full-bleed photography so the image is the only light in the room. There are no trending modules, no \"for you\" reshuffling, no read-receipts pressure. The feed is **strictly chronological — newest first, never reordered** — and that promise is itself a",
+      "word_count": 3933
+    },
+    {
+      "slug": "ios-viber",
+      "title": "Design System Inspiration of Viber (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Viber is a Rakuten-owned messaging and free-calling app whose entire visual identity is built around one color: **Viber Purple** (`#7360F2`). Where iMessage is ",
+      "long_description": "Viber is a Rakuten-owned messaging and free-calling app whose entire visual identity is built around one color: **Viber Purple** (`#7360F2`). Where iMessage is blue and WhatsApp is green, Viber owns purple — it's in the logomark, the outgoing bubble, every primary button, the call screen, the tab-bar selection, and the signature \"Free Viber Call\" banner. The app's atmosphere is friendly, rounded, and call-first: Viber started as a free VoIP app before it was a messenger, and the UI never lets you forget that voice and video calling are one tap away. Open any conversation and a purple-gradient ",
+      "word_count": 4000
+    },
+    {
+      "slug": "ios-vimeo",
+      "title": "Design System Inspiration of Vimeo (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "Vimeo's iOS app is a screening room, not a feed. Where consumer video apps fight for attention with bright chrome, autoplay walls, and infinite scroll, Vimeo do",
+      "long_description": "Vimeo's iOS app is a screening room, not a feed. Where consumer video apps fight for attention with bright chrome, autoplay walls, and infinite scroll, Vimeo does the opposite: it builds a near-black theatre (`#0D0E12`) and then gets out of the way so the *video itself* — and the human craft inside it — is the brightest thing on the screen. The entire design philosophy is \"let the work breathe.\" Open any video and the 16:9 player is the hero: edge-to-edge or inset by 16pt, rounded at 14pt, with a single translucent play affordance dead-center and a minimal scrubber that fades away during playb",
+      "word_count": 4044
+    },
+    {
+      "slug": "ios-vrbo",
+      "title": "Design System Inspiration of Vrbo (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Vrbo's iOS app is a whole-home vacation-rental marketplace, and its entire visual language is built around one differentiator: you book the *entire place*, neve",
+      "long_description": "Vrbo's iOS app is a whole-home vacation-rental marketplace, and its entire visual language is built around one differentiator: you book the *entire place*, never a shared room. Where a generic stays app might foreground hosts and rooms, Vrbo foregrounds **the property** — big, edge-to-edge, swipeable photography that takes over the top of every listing. Open a listing and the first thing you see is a full-bleed photo gallery (≈290pt tall), a photo counter (\"1 / 42\"), and a share + save row floating over the image. The product wants you to feel the house before you read a word about it. The aes",
+      "word_count": 4238
+    },
+    {
+      "slug": "ios-vsco",
+      "title": "Design System Inspiration of VSCO (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "VSCO's iOS app is a darkroom, not an app. The entire editing experience lives on a pure-black canvas (`#000000` — true black, not a charcoal) because VSCO's cor",
+      "long_description": "VSCO's iOS app is a darkroom, not an app. The entire editing experience lives on a pure-black canvas (`#000000` — true black, not a charcoal) because VSCO's core belief is that the photograph is the only thing that should carry color. Open an image into the editor and you see exactly three things: the photo (full-bleed, centered, breathing with generous black margin), a hairline-thin adjustment slider, and a horizontally-scrolling carousel of film-emulation presets at the bottom. There are no cards, no shadows, no rounded panels, no tint. The chrome is a monochrome white-on-black skin so quiet",
+      "word_count": 4466
+    },
+    {
+      "slug": "ios-walmart",
+      "title": "Design System Inspiration of Walmart (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Walmart's iOS app is an unapologetically bright, white-canvas retail environment built for speed and trust. The interface sits on pure white (`#FFFFFF`) with th",
+      "long_description": "Walmart's iOS app is an unapologetically bright, white-canvas retail environment built for speed and trust. The interface sits on pure white (`#FFFFFF`) with the faintest cool-blue tinted surfaces (`#F2F8FD`) to separate cards from the page. Nothing is dim, nothing is moody — this is a store you can shop at 6am in a parking lot, so contrast is high, type is sturdy, and the famous Walmart Blue (`#0071DC`) anchors every primary action. The atmosphere is \"everyday low price made digital\": dense product grids, big tap targets, and a relentless focus on getting you from search to cart.",
+      "word_count": 3458
+    },
+    {
+      "slug": "ios-waze",
+      "title": "Design System Inspiration of Waze (iOS)",
+      "category": "Travel",
+      "platform": "ios",
+      "short_description": "Waze's iOS app is a community-driven driving game disguised as a navigation app. Where Apple Maps wants you to forget the UI exists and Google Maps wants you to",
+      "long_description": "Waze's iOS app is a community-driven driving game disguised as a navigation app. Where Apple Maps wants you to forget the UI exists and Google Maps wants you to find a place, Waze wants you to drive with friends — and every visual decision flows from that emotional brief. The map is loud, the icons are cartoony, the hazard reports are technicolor speech bubbles, and the brand voice is closer to a children's puzzle book than a serious mapping product. This is by design: Waze's superpower is its drivers, and the playful aesthetic makes contributing (reporting a police trap, a pothole, a crash) f",
+      "word_count": 4715
+    },
+    {
+      "slug": "ios-webull",
+      "title": "Design System Inspiration of Webull (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Webull's iOS app is a **dark-native trading terminal in your pocket**. Where Fidelity or Schwab present a calm brokerage lobby, Webull presents a Bloomberg-term",
+      "long_description": "Webull's iOS app is a **dark-native trading terminal in your pocket**. Where Fidelity or Schwab present a calm brokerage lobby, Webull presents a Bloomberg-terminal aesthetic for retail traders: a near-black canvas, dense candlestick charts, a live order-book ladder, an options chain, and a split green/red Buy/Sell action pair. The app is built for people who stare at charts — the entire visual system optimizes for chart legibility and information density, not for warmth or simplicity. There is no meaningful \"light mode\"; like every serious trading product, dark is the only mode that matters.",
+      "word_count": 4098
+    },
+    {
+      "slug": "ios-wechat",
+      "title": "Design System Inspiration of WeChat (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "WeChat's iOS app is not really a messaging app — it's an operating system wearing a chat app's clothes, and the design reflects that. The visual language is del",
+      "long_description": "WeChat's iOS app is not really a messaging app — it's an operating system wearing a chat app's clothes, and the design reflects that. The visual language is deliberately spare and utilitarian: a light gray system (`#EDEDED` chat backdrop, `#FFFFFF` cards), near-black text (`#181818`), and a single brand color, **WeChat Green** (`#07C160`), used with monastic discipline. There is almost no decoration. The reason is structural: WeChat must hold messaging, payments, Moments (social feed), Mini Programs (third-party apps), Channels (video), Scan, and an entire commerce stack inside one shell. A lo",
+      "word_count": 3814
+    },
+    {
+      "slug": "ios-whatsapp",
+      "title": "Design System Inspiration of WhatsApp (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "WhatsApp's iOS app is a utility-first messenger dressed in a narrow, signature palette of green, teal, and white. The interface is aggressively native: tabbed b",
+      "long_description": "WhatsApp's iOS app is a utility-first messenger dressed in a narrow, signature palette of green, teal, and white. The interface is aggressively native: tabbed bottom navigation, stock SF Pro typography, SF Symbols throughout, iOS-native swipe gestures, and native share sheets. WhatsApp has never tried to be a \"platform\" in the Instagram sense — it has tried to be the phone's SMS replacement, and the UI reflects that goal with near-monastic restraint. The app disappears, the message bubble is the hero.",
+      "word_count": 4346
+    },
+    {
+      "slug": "ios-whoop",
+      "title": "Design System Inspiration of WHOOP (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "WHOOP's iOS app is a *performance instrument panel for the human body*. Where MyFitnessPal is a friendly ledger and Apple Fitness is a celebratory ring chase, W",
+      "long_description": "WHOOP's iOS app is a *performance instrument panel for the human body*. Where MyFitnessPal is a friendly ledger and Apple Fitness is a celebratory ring chase, WHOOP is the cockpit of a fighter jet — pitch-black canvas, neon-green strain, neon-red recovery, hard-edged tabular numerals, and the conviction that the data is the design. The app does not console you. It tells you that your recovery is 38% and your sleep was 6h 12m and that today's strain target is 13.2. The aesthetic is *clinical sports-tech*: think performance lab, not wellness retreat.",
+      "word_count": 4346
+    },
+    {
+      "slug": "ios-wise",
+      "title": "Design System Inspiration of Wise (iOS)",
+      "category": "Finance",
+      "platform": "ios",
+      "short_description": "Wise's iOS app (formerly TransferWise) is a bright, confident money app whose entire personality is *transparency*. The canvas is clean white (`#FFFFFF`) with n",
+      "long_description": "Wise's iOS app (formerly TransferWise) is a bright, confident money app whose entire personality is *transparency*. The canvas is clean white (`#FFFFFF`) with neutral surfaces (`#F7F7F7`), and the brand's signature deep forest green (`#163300`) anchors headings, the navigation, and dark hero panels. Where money moves, a vivid Bright Green (`#9FE870`) does the work — it's the CTA, the active state, the highlight on a balance. The combination — almost-black forest paired with a near-fluorescent green — reads as serious *and* optimistic, the visual equivalent of \"we'll show you exactly what this ",
+      "word_count": 3345
+    },
+    {
+      "slug": "ios-x-twitter",
+      "title": "Design System Inspiration of X (Twitter) (iOS)",
+      "category": "Social",
+      "platform": "ios",
+      "short_description": "X's iOS app is a newsroom collapsed into a phone screen. The default canvas is pure black (`#000000`) — a deliberate choice that pairs OLED battery savings with",
+      "long_description": "X's iOS app is a newsroom collapsed into a phone screen. The default canvas is pure black (`#000000`) — a deliberate choice that pairs OLED battery savings with the stark, reportage-style aesthetic X has cultivated since the 2023 rebrand from Twitter. Every post sits on a full-bleed black sheet divided by hairline rules in cool neutral gray (`#2F3336`), and the UI chrome is monochrome except for one surviving accent: the legacy Twitter Blue (`#1D9BF0`) used for links, mentions, the verified checkmark on legacy accounts, and the \"Reply\" action color. The feeling is dense, serious, and real-time",
+      "word_count": 4575
+    },
+    {
+      "slug": "ios-yelp",
+      "title": "Design System Inspiration of Yelp (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Yelp's iOS app is a **trust engine wearing a clean white skin**. The entire product exists to answer one question — \"is this place any good?\" — and every screen",
+      "long_description": "Yelp's iOS app is a **trust engine wearing a clean white skin**. The entire product exists to answer one question — \"is this place any good?\" — and every screen is engineered to surface that answer fast: a business name, a row of five stars, a review count, a price band, and a wall of full-color photos and user reviews. The canvas is pure white (`#FFFFFF`) with crisp hairline dividers and 8pt gray section bands that chunk the long business-detail scroll into digestible blocks. There is exactly one loud color — **Yelp Red** (`#FF1A1A` interactive, `#D32323` in the logo) — and it is rationed: th",
+      "word_count": 4409
+    },
+    {
+      "slug": "ios-youtube",
+      "title": "Design System Inspiration of YouTube (iOS)",
+      "category": "Video",
+      "platform": "ios",
+      "short_description": "YouTube's iOS app is a content-forward canvas whose entire job is to surface a 16:9 thumbnail and let you tap it. The feed is a vertical stream of video cards —",
+      "long_description": "YouTube's iOS app is a content-forward canvas whose entire job is to surface a 16:9 thumbnail and let you tap it. The feed is a vertical stream of video cards — each one a wide still frame with a red-circled duration tag, a channel avatar, a two-line title, and metadata — arranged edge-to-edge with generous gaps between them. On light mode (the default in recent versions), the app canvas is clinical white (`#FFFFFF`); on dark mode, a near-black `#0F0F0F` that's been the flagship surface since 2017. Whichever mode you're in, the red is the same: YouTube Red (`#FF0000`), an unshifted, saturated,",
+      "word_count": 4964
+    },
+    {
+      "slug": "ios-youtube-music",
+      "title": "Design System Inspiration of YouTube Music (iOS)",
+      "category": "Music",
+      "platform": "ios",
+      "short_description": "YouTube Music's iOS app is a **dark-only, album-art-forward** music environment built on a near-black canvas (`#030303`) that is deliberately darker than nearly",
+      "long_description": "YouTube Music's iOS app is a **dark-only, album-art-forward** music environment built on a near-black canvas (`#030303`) that is deliberately darker than nearly every competitor (Spotify's `#121212`, Apple Music's `#000000`-on-blur, Amazon Music's `#0C1B22`). The reason is structural: YouTube Music's signature surface is the **immersive Now Playing screen**, where a blurred, up-scaled copy of the current album art is laid behind the player as a full-bleed glow. The near-black canvas lets that glow read as light emanating from the artwork rather than as a flat panel — it makes the art feel like",
+      "word_count": 3800
+    },
+    {
+      "slug": "ios-zalo",
+      "title": "Design System Inspiration of Zalo (iOS)",
+      "category": "Messaging",
+      "platform": "ios",
+      "short_description": "Zalo is Vietnam's #1 messaging app and a full super-app — chat, calls, social timeline (Nhật ký), Zalo Pay, Official Accounts (OA), and a launcher of mini-apps ",
+      "long_description": "Zalo is Vietnam's #1 messaging app and a full super-app — chat, calls, social timeline (Nhật ký), Zalo Pay, Official Accounts (OA), and a launcher of mini-apps and services. Its iOS design system is built around one anchor color — **Zalo Blue (`#0068FF`)** — applied with total consistency: every screen header is a solid Zalo Blue bar, the primary CTA is Zalo Blue, the active tab is Zalo Blue, the send button is a Zalo Blue circle, and outgoing message bubbles carry a soft Zalo-blue tint. This relentless blue is the brand: open any of Zalo's many surfaces and the blue header instantly says \"Zal",
+      "word_count": 4280
+    },
+    {
+      "slug": "ios-zomato",
+      "title": "Design System Inspiration of Zomato (iOS)",
+      "category": "Food",
+      "platform": "ios",
+      "short_description": "Zomato's iOS app is a dual-purpose restaurant platform: it is both a **food-delivery** app and a **dining-out / discovery** app, and the entire design system is",
+      "long_description": "Zomato's iOS app is a dual-purpose restaurant platform: it is both a **food-delivery** app and a **dining-out / discovery** app, and the entire design system is organized around that split. The canvas is pure white (`#FFFFFF`) and the brand color is the unmistakable **Zomato Red** (`#E23744`) — used for the logomark, the primary action, the active tab, the \"ADD\" affordance and key CTAs. But the most distinctive element of Zomato's visual language is its **rating pill**: a small, bold, color-coded chip showing a numeric score with a star — and that chip's color is *semantic*. Green (`#267E3E`) ",
+      "word_count": 4968
+    },
+    {
+      "slug": "ios-zoom",
+      "title": "Design System Inspiration of Zoom (iOS)",
+      "category": "Productivity",
+      "platform": "ios",
+      "short_description": "Zoom's iOS app is built around one moment: the call. Everything else — the Meetings list, Team Chat, Mail, Phone — is a calm, neutral utility surface that exist",
+      "long_description": "Zoom's iOS app is built around one moment: the call. Everything else — the Meetings list, Team Chat, Mail, Phone — is a calm, neutral utility surface that exists to get you *into* the call as fast as possible. Outside a meeting the app supports both light (`#FFFFFF`) and dark (`#1A1A1A`) appearances; inside a meeting the experience snaps to a committed dark theater (`#1A1A1A`) so that participant video — the actual content — is the brightest thing on screen. The design philosophy is \"stage and crew\": the UI is the crew, dressed in black, and the video tiles are the stage.",
+      "word_count": 3600
+    },
+    {
+      "slug": "ios-zwift",
+      "title": "Design System Inspiration of Zwift (iOS)",
+      "category": "Fitness",
+      "platform": "ios",
+      "short_description": "Zwift's iOS app is a window into a video game. Unlike a typical fitness tracker, the dominant surface is not a list or a card stack — it is a **full-bleed 3D vi",
+      "long_description": "Zwift's iOS app is a window into a video game. Unlike a typical fitness tracker, the dominant surface is not a list or a card stack — it is a **full-bleed 3D virtual world**. When you ride, the screen is a rendered cycling game (Watopia's volcano, London's parks, a snow-capped Alpe), and every piece of interface is a **glassmorphic overlay** floating on top of it: a translucent route banner at the top, a row of big metric tiles at the bottom (the **rider HUD**: Power / Cadence / Heart-rate), an action bar, and ride-event toasts. The signature screen of Zwift is **the ride HUD**: your avatar on",
+      "word_count": 4520
+    },
+    {
+      "slug": "kraken",
+      "title": "Kraken",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Crypto trading platform. Purple-accented dark UI, data-dense dashboards",
+      "long_description": "Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distinctive, professional crypto identity. The proprietary Kraken-Brand font handles display headings with bold (700) weight and negative tracking, while Kraken-Product (with IBM Plex Sans fallback) serves as the UI workhorse.",
+      "word_count": 670
+    },
+    {
+      "slug": "lamborghini",
+      "title": "Lamborghini",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Luxury automotive. True black cathedral, gold accent, LamboType custom Neo-Grotesk",
+      "long_description": "Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely black. Not dark gray, not near-black — true, uncompromising black (`#000000`) that saturates the viewport and refuses to yield. Into this abyss, white type and Lamborghini Gold (`#FFC000`) are deployed with surgical precision, creating a visual language that feels like walking through a nighttime motorsport event where every surface absorbs light except the things that matter.",
+      "word_count": 3238
+    },
+    {
+      "slug": "linear.app",
+      "title": "Linear",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Project management for engineers. Ultra-minimal, precise, purple accent",
+      "long_description": "A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the single chromatic accent. The system reads as software-craft documentation: dense, technical, and quietly luxurious. Display type is set in the Linear custom sans (SF Pro Display fallback) at 500–700 with measured negative tracking. Cards live as charcoal panels (#0f1011) with hairline borders. The accent lavender appears on the brand mark, focus rings, and a few intentional CTAs — ne",
+      "word_count": 3032
+    },
+    {
+      "slug": "lovable",
+      "title": "Lovable",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "AI full-stack builder. Playful gradients, friendly dev aesthetic",
+      "long_description": "Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. This isn't minimalism for minimalism's sake — it's a deliberate choice to feel approachable, almost analog, like a well-crafted notebook. The near-black text (`#1c1c1c`) against this warm cream creates a contrast ratio that's easy on the eyes while maintaining sharp readability.",
+      "word_count": 2637
+    },
+    {
+      "slug": "mastercard",
+      "title": "Mastercard",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth",
+      "long_description": "Mastercard's experience reads like a warm, editorial magazine built from soft stone and signal orange. The canvas is a muted putty-cream (`#F3F0EE`) — not white, not gray, but a color that feels like the paper of a premium annual report. On top of that canvas, everything that matters is shaped like a stadium, a pill, or a perfect circle. The dominant visual gesture is the **oversized radius**: heroes carry 40-point corners, cards go fully pill-shaped, service images are cropped into circular orbits, and buttons either complete the pill or fit snugly at 20 points. There are almost no sharp corn",
+      "word_count": 4268
+    },
+    {
+      "slug": "material-clean",
+      "title": "Material Clean Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Based on Material Design 3 principles * Structured, systematic, and scalable * Clear hierarchy through elevation and color roles * Consistent behavior across ",
+      "long_description": "* Based on Material Design 3 principles * Structured, systematic, and scalable * Clear hierarchy through elevation and color roles * Consistent behavior across components * Designed for Android-first, cross-platform compatible * Emphasize usability and predictability",
+      "word_count": 655
+    },
+    {
+      "slug": "meta",
+      "title": "Meta",
+      "category": "E-commerce & Retail",
+      "platform": "web",
+      "short_description": "Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs",
+      "long_description": "Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice. The system pairs a stark white canvas with full-bleed photographic product cards, a confident Optimistic VF wordmark/headline face, dual-CTA hero patterns (black primary + outlined secondary), and a saturated cobalt blue (#0064E0) for in-product purchase actions. Pill-shaped 100px-radius buttons, generous 24-32px card rounding, and tight three-tier text hierarchy carry across homepage, product detail (PDP), buy-now configurator, and accessory subpage",
+      "word_count": 4479
+    },
+    {
+      "slug": "midnight-pro",
+      "title": "Midnight Pro Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Dark-first design (Dark mode is primary, not secondary) * High contrast for clarity and focus * Futuristic and slightly expressive (subtle neon accents) * Red",
+      "long_description": "* Dark-first design (Dark mode is primary, not secondary) * High contrast for clarity and focus * Futuristic and slightly expressive (subtle neon accents) * Reduce visual noise, emphasize content and actions * Depth through contrast, not shadows * Designed for prolonged usage (reduce eye strain)",
+      "word_count": 684
+    },
+    {
+      "slug": "minimal-brutalist",
+      "title": "Minimal Brutalist Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Raw, minimal, and unapologetically functional * No decoration, no softness * Strong contrast and rigid structure * Typography and layout over visual styling *",
+      "long_description": "* Raw, minimal, and unapologetically functional * No decoration, no softness * Strong contrast and rigid structure * Typography and layout over visual styling * Eliminate all non-essential elements * Designed for clarity and speed, not comfort",
+      "word_count": 567
+    },
+    {
+      "slug": "minimax",
+      "title": "Minimax",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "AI model provider. Bold dark interface with neon accents",
+      "long_description": "MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink, purple, blue) that turn each model release into a distinctive visual identity. The system uses DM Sans across all surfaces, employs an oversized 80px hero display, anchors major actions in deep near-black pills, and layers content density via a 3-column documentation grid with sidebar nav, prose body, and TOC. Coverage spans the marketing homepage, model showcase pages, develope",
+      "word_count": 4368
+    },
+    {
+      "slug": "mintlify",
+      "title": "Mintlify",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Documentation platform. Clean, green-accented, reading-optimized",
+      "long_description": "Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documentation surfaces. The system uses Inter for UI prose, Geist Mono for code, and a signature Mintlify green ({colors.brand-green}) reserved for accent CTAs and active states. Black-pill primary buttons dominate marketing, white-on-dark inversions appear on dark hero bands, and a 3-column documentation layout (sidebar / prose / TOC) anchors the developer experience. Coverage spans hom",
+      "word_count": 4990
+    },
+    {
+      "slug": "miro",
+      "title": "Miro",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Visual collaboration. Bright yellow accent, infinite canvas aesthetic",
+      "long_description": "Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorful pastel feature tints (rose, teal, coral, orange, mint) that echo the actual sticky-note color palette used on the live whiteboard. Black-pill primary buttons dominate marketing, real Miro-board mockups serve as feature illustrations, and a 4-tier pricing grid leads into a dense comparison table. Roobert PRO carries display headlines; the system supports homepage, pricing, AI ",
+      "word_count": 4032
+    },
+    {
+      "slug": "mistral.ai",
+      "title": "Mistral AI",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Open-weight LLM provider. French-engineered minimalism, purple-toned",
+      "long_description": "Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal \"sunset stripe\" bar that closes every page. The system pairs warm cream-yellow surfaces ({colors.cream}) with a saturated orange primary CTA ({colors.primary}) and uses an elegant near-serif voice for hero displays. Coverage spans homepage (Frontier AI hero), Le Studio product page, Coding solutions, news article surfaces, contact form, and services tier page — all anchored by the signature gradient closing band.",
+      "word_count": 4049
+    },
+    {
+      "slug": "mongodb",
+      "title": "MongoDB",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Document database. Green leaf branding, developer documentation focus",
+      "long_description": "MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unmistakable across product, pricing, learning, and AI use-case surfaces. The system uses Euclid Circular A as its display face, anchors a 3-tier pricing comparison (Free / Flex / Dedicated), and presents extensive course catalogs in card grids with colored category tags. Coverage spans homepage, Atlas product page, Community Edition, MongoDB University, AI use cases, and pricing.",
+      "word_count": 3503
+    },
+    {
+      "slug": "nike",
+      "title": "Nike",
+      "category": "E-commerce & Retail",
+      "platform": "web",
+      "short_description": "Athletic retail. Monochrome UI, massive uppercase Futura, full-bleed photography",
+      "long_description": "A photography-first commerce system built on extreme typographic contrast — towering uppercase Futura display lockups burned into editorial campaign imagery, sitting above a dense, neutral, near-monochrome retail chrome of pill-shaped black CTAs, gray search and tag pills, and tight 8px-grid product cards. The brand's voice is athletic, kinetic, and absolute: pure black, pure white, a single soft surface gray, and a deliberately small set of semantic accents (sale red, success green, restrained category tints) — every chromatic moment is reserved for editorial photography or pricing signal, ne",
+      "word_count": 4733
+    },
+    {
+      "slug": "nintendo-2001",
+      "title": "Nintendo.com (2001)",
+      "category": "Retro Web",
+      "platform": "web",
+      "short_description": "Y2K \"console chrome\" web. Brushed-periwinkle beveled metal panels, a halftone-dotted carbon nav glowing amber, outlined Arial-Black box-art wordmarks over circuit-board hero fields, and a pixel Mario welcome bubble.",
+      "long_description": "An analysis of Nintendo.com's 2001 design language — a brushed-periwinkle \"console chrome\" interface where every panel is a beveled metal plate, navigation glows amber over a halftone-dotted carbon bar, and bold outlined display type sits on circuit-board hero fields. A Y2K hardware aesthetic that treats the web page like the faceplate of a game system.",
+      "word_count": 4790
+    },
+    {
+      "slug": "notion",
+      "title": "Notion",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "All-in-one workspace. Warm minimalism, serif headings, soft surfaces",
+      "long_description": "Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy hero band ({colors.brand-navy}) decorated with brand-colored sticky-note dots and mesh wire illustrations, a signature purple pill primary CTA ({colors.primary}), and a rich palette of pastel-tinted feature cards that echo the colorful database properties of the live product. The system uses a Notion-Sans (Inter-based) typeface across every UI surface, anchors a 4-tier pricing comparison (Free / Plus / Business / Enterprise), and presents the live workspace UI mockup ",
+      "word_count": 3801
+    },
+    {
+      "slug": "nova-mobile-design-md",
+      "title": "DESIGN.md",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Clean, minimal, and content-first * Native mobile feel (prioritize iOS conventions, compatible with Android) * High readability and strong visual hierarchy * ",
+      "long_description": "* Clean, minimal, and content-first * Native mobile feel (prioritize iOS conventions, compatible with Android) * High readability and strong visual hierarchy * Subtle depth, avoid heavy shadows * Consistent spacing and rhythm * Support both Light and Dark mode from the ground up",
+      "word_count": 604
+    },
+    {
+      "slug": "nvidia",
+      "title": "NVIDIA",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "GPU computing. Green-black energy, technical power aesthetic",
+      "long_description": "An engineering-grade marketing system organized around two surface modes — a deep black canvas for hero and footer chapters and a flat paper-white canvas for body content — connected by a single, almost violently saturated NVIDIA Green accent that carries every CTA, every active tab, and the small decorative corner squares that mark out cards. The system is unapologetically angular: 2px radius across every surface, tight bold sans-serif typography in NVIDIA's proprietary EMEA cut, and a hairline gray rule that separates dense multi-column technical content. There is no decorative gradient, no ",
+      "word_count": 4458
+    },
+    {
+      "slug": "ollama",
+      "title": "Ollama",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Run LLMs locally. Terminal-first, monochrome simplicity",
+      "long_description": "An almost defiantly minimal documentation-first system that treats the home page like a Markdown README — paper-white canvas, 36px center-aligned heading, a single black pill CTA, an inline terminal install snippet, and a hand-drawn llama mascot as the only ornamental element. No gradient, no hero photography, no marketing pyrotechnics. The chrome is a tiny utility palette of pure black, pure white, and three neutral grays; every interactive element is fully rounded into a pill (`{rounded.full}`); typography is SF Pro Rounded for headings paired with system sans for body and ui-monospace for c",
+      "word_count": 4277
+    },
+    {
+      "slug": "opencode.ai",
+      "title": "OpenCode AI",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "AI coding platform. Developer-centric dark theme",
+      "long_description": "A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from the hero headline down to the footer fine print, is monospaced. The page itself reads like a manpage or a static-site README: warm cream canvas (`#fdfcfc`), nearly-black ink (`#201d1d`), 4px-radius rectangles for the few interactive elements, and bracketed `[+]`/`[-]` ASCII markers used as bullets. The brand's only \"visual moment\" is a single dark hero card that mocks up the OpenCode TUI itself — black background, monospaced terminal output, ASCII pipe characters, and a wordmark rendered as blo",
+      "word_count": 4321
+    },
+    {
+      "slug": "pinterest",
+      "title": "Pinterest",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Visual discovery platform. Red accent, masonry grid, image-first",
+      "long_description": "A photography-first discovery system organized around the Pinterest Red CTA, the masonry pin grid, and a soft warm-cream chrome that gets out of the imagery's way. The home page is a content-discovery tool wearing the chrome of a magazine publisher: 70px display headlines, friendly Pin Sans typography, fully-rounded pill buttons (16px) on a cream-tinted neutral palette, and a sticky red \"Sign up\" CTA that anchors every viewport. Pin imagery is the system's load-bearing visual element — square, portrait, and landscape pins tile in a column-based masonry grid where each tile is a fully-rounded 1",
+      "word_count": 4697
+    },
+    {
+      "slug": "playful-color",
+      "title": "Playful Color Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* Playful, vibrant, and expressive * Friendly and approachable visual language * Use color as a primary communication tool * Soft shapes, rounded corners, and l",
+      "long_description": "* Playful, vibrant, and expressive * Friendly and approachable visual language * Use color as a primary communication tool * Soft shapes, rounded corners, and lively spacing * Encourage exploration and engagement * Designed for consumer-facing, high-retention apps",
+      "word_count": 653
+    },
+    {
+      "slug": "playstation",
+      "title": "PlayStation",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Gaming console retail. Three-surface channel layout, cyan hover-scale interaction",
+      "long_description": "A three-surface marketing system organized around alternating black, white, and PlayStation Blue chapters that scroll past the viewer like a console launch trailer. Each section has a single editorial purpose — hero photography, console product render, PS Plus tier callout, news strip — and each owns one of three full-bleed canvas modes. The chrome is unusually quiet for a gaming brand: bright PlayStation Blue (`#0070d1`) carries every primary CTA as a fully-rounded pill, the proprietary SST face renders display copy at a signature weight 300 (light) for an airy, premium feel, and a crisp 8px-",
+      "word_count": 5023
+    },
+    {
+      "slug": "posthog",
+      "title": "PostHog",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Product analytics. Playful hedgehog branding, developer-friendly dark UI",
+      "long_description": "A playful developer-tools system rendered on a warm cream canvas with hand-drawn hedgehog mascots dotted across every page like marginalia in a sketchbook. The chrome reads like a friendly engineering blog: olive-gray ink (#4d4f46) for body, deep olive-charcoal (#23251d) for headlines, IBM Plex Sans Variable typography in tight 1.43-line-height paragraphs, and a single saturated yellow-orange CTA pill (#f7a501) carrying every primary action. The system actively rejects the genre's typical somber dark-tech aesthetic in favor of a creamy, textbook-illustration sensibility — bordered cards stack ",
+      "word_count": 5153
+    },
+    {
+      "slug": "raycast",
+      "title": "Raycast",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "Productivity launcher. Sleek dark chrome, vibrant gradient accents",
+      "long_description": "Raycast's marketing system reads like an extended product screenshot. The chrome IS the in-product chrome at marketing scale: pure-near-black canvas, hairline 1px borders, command-palette-style cards, Inter typography with the ss03 stylistic set enabled site-wide, white CTA pill, and a small set of saturated category accent colors (yellow / red / green / blue) reserved for extension and feature illustrations. Section rhythm is generous (~96px) but the page never breaks tonal continuity — the whole site sits in one continuous dark mode.",
+      "word_count": 5141
+    },
+    {
+      "slug": "renault",
+      "title": "Renault",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "French automotive. Vivid aurora gradients, NouvelR proprietary typeface, zero-radius buttons",
+      "long_description": "Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark) with a stark black-and-white canvas, a signature Sunlight Yellow accent, and the proprietary NouvelR display typeface. The system reads as confident, photography-first automotive — large hero cars on neutral or atmospheric backdrops, square-edged or barely-rounded containers, and a small disciplined palette where every coloured element is intentional. Tile grids, full-bleed banners, and a recurring \"configurator\" surface (white card, yellow accent dots, neutral product chrome) carry the mass-m",
+      "word_count": 3750
+    },
+    {
+      "slug": "replicate",
+      "title": "Replicate",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Run ML models via API. Clean white canvas, code-forward",
+      "long_description": "Replicate's marketing surfaces pair the warm-cream developer-tools aesthetic of an indie ML playground with a confident hot-orange brand accent and a signature display typeface (rb-freigeist-neue) sized aggressively large at 72px+. The system reads as \"AI lab notebook crossed with print magazine\": cream and bone surfaces, dark ink type, monospace code wells, irregular hand-drawn-feeling diagrams, and a rich orange used scarcely on the most consequential CTA. Photography of contributors and example outputs is square-ish with mid-radius corners; everything else is borderless or hairline.",
+      "word_count": 3906
+    },
+    {
+      "slug": "resend",
+      "title": "Resend",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Email API for developers. Minimal dark theme, monospace accents",
+      "long_description": "Resend's marketing surfaces sit on a near-pure black canvas with off-white text and a single signature color — the deep editorial-serif Domaine Display headline mark — that gives an otherwise utilitarian developer-tool brand its print-magazine confidence. The system pairs Domaine Display (oversized 76px–96px serif, ss01/ss04/ss11 features on) with ABC Favorit for body and Inter for UI. Surfaces rely on subtle 6–9% opacity gradient glows, hairline 1px borders made from translucent white, and a strict rounded-12px container vocabulary. There is no decorative chrome — just type, code, and atmosph",
+      "word_count": 3958
+    },
+    {
+      "slug": "revolut",
+      "title": "Revolut",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Digital banking. Sleek dark interface, gradient cards, fintech precision",
+      "long_description": "Revolut's marketing surfaces pair a stark black canvas with the brand's cobalt-violet (`#494fdf`) and a wide accent palette of deep, fully-saturated product colours — teal, light-blue, deep pink, light-green, warning orange. The system reads as fintech-meets-product-brochure: oversized 80px–136px Aeonik Pro display headlines, generous whitespace, photography-led hero bands, and full-width product mockups (cards, phones, terminals) shown as hero objects inside near-black sections. Most surfaces are either black or off-white; pill-shaped buttons and rounded-12/20px content cards carry the consum",
+      "word_count": 3894
+    },
+    {
+      "slug": "runwayml",
+      "title": "Runway",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "AI creative-tools platform with an editorial film-festival aesthetic — cinematic dark heroes, paper-white reading bands, single proprietary sans, and pure black pill CTAs.",
+      "long_description": "Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements. This is not a typical tech product page; it's a visual manifesto for AI-powered creativity. Every section feels like a frame from a film: dramatic lighting, sweeping landscapes, and intimate human moments captured in high-quality imagery that dominates the viewport.",
+      "word_count": 2162
+    },
+    {
+      "slug": "sanity",
+      "title": "Sanity",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Headless content platform with a dark-first editorial marketing surface — 112px display type, IBM Plex Mono technical eyebrows, and a single coral-red accent reserved for the highest-priority CTA.",
+      "long_description": "Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a \"dark mode toggle\" and more like the natural state of a tool built for people who live in terminals. Where most CMS marketing pages reach for friendly pastels and soft illustration, Sanity leans into the gravity of its own product: structured content deserves a structured stage.",
+      "word_count": 3205
+    },
+    {
+      "slug": "sentry",
+      "title": "Sentry",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Error monitoring. Dark dashboard, data-dense, pink-purple accent",
+      "long_description": "An inspired interpretation of Sentri's design language — a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality. The system pairs a custom display sans (chunky, playful, near-condensed) with the open Rubik family for UI copy and Monaco for code, then leans on dark-on-light pricing surfaces, sticker-style mascots, and a single-color CTA hierarchy where black-violet buttons read as the primary action against either polarity.",
+      "word_count": 4471
+    },
+    {
+      "slug": "shopify",
+      "title": "Shopify",
+      "category": "E-commerce & Retail",
+      "platform": "web",
+      "short_description": "E-commerce platform. Dark-first cinematic, neon green accent, ultra-light display type",
+      "long_description": "An inspired interpretation of Shopifi's design language — a cinematic commerce platform that runs two parallel design tracks. The marketing-hero and product-narrative pages live on near-black canvases with full-bleed photography of merchants, giant Neue Haas Grotesk display type at thin weights, and a single black-pill CTA stroked in white. The transactional pages (pricing, signup, dashboards) flip to a cream-mint canvas with pastel aloe and pistachio greens, the same pill button vocabulary, and Inter for UI body. The two tracks share typographic DNA but diverge sharply in canvas polarity — an",
+      "word_count": 3429
+    },
+    {
+      "slug": "slack",
+      "title": "Slack",
+      "category": "Uncategorized (not yet in upstream README)",
+      "platform": "web",
+      "short_description": "An inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue ",
+      "long_description": "An inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary humanist sans for display with a separate utility sans for body, and stages product UI mockups inside soft pastel-mesh hero composites that act as both decoration and feature explanation.",
+      "word_count": 3035
+    },
+    {
+      "slug": "soft-glass",
+      "title": "Soft Glass Mobile Design System",
+      "category": "Mobile",
+      "platform": "mobile",
+      "short_description": "* iOS-inspired, soft and elegant * Use translucency and blur to create depth * Light, airy, and calm visual tone * Emphasize layering instead of hard separation",
+      "long_description": "* iOS-inspired, soft and elegant * Use translucency and blur to create depth * Light, airy, and calm visual tone * Emphasize layering instead of hard separation * Content floats above background * Designed for premium, polished experiences",
+      "word_count": 702
+    },
+    {
+      "slug": "spacex",
+      "title": "SpaceX",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Space technology. Stark black and white, full-bleed imagery, futuristic",
+      "long_description": "An inspired interpretation of Spasex's design language — a mission-oriented aerospace brand built on pure black canvas, full-bleed photographic and video heroes of rockets and Mars landscapes, and uppercase D-DIN display type set in tight vertical leading. UI chrome is intentionally minimal a single ghost outlined pill button per band, all-caps eyebrow microtext, and a fixed top nav over photography. The system is unapologetically austere — black, white, and the imagery itself.",
+      "word_count": 2613
+    },
+    {
+      "slug": "spotify",
+      "title": "Spotify",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Music streaming. Vibrant green on dark, bold type, album-art-driven",
+      "long_description": "Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) where album art and content become the primary source of color. The design philosophy is \"content-first darkness\" — the UI recedes into shadow so that music, podcasts, and playlists can glow. Every surface is a shade of charcoal, creating a theater-like environment where the only true color comes from the iconic Spotify Green (`#1ed760`) and the album artwork itself.",
+      "word_count": 1985
+    },
+    {
+      "slug": "starbucks",
+      "title": "Starbucks",
+      "category": "E-commerce & Retail",
+      "platform": "web",
+      "short_description": "Coffee retail flagship. Four-tier earth-green system, warm cream canvas, proprietary SoDoSans typography",
+      "long_description": "Starbucks' design system is a **warm, confident retail flagship** wearing the green of their storefront apron across every surface. The canvas alternates between a neutral-warm cream (`#f2f0eb`) and a ceramic off-white (`#edebe9`) — colors that reference actual store materials: the paper napkins, the café walls, the wood finishes — while the signature **Starbucks Green** (`#006241`) anchors the brand moment on hero bands, CTAs, and the Rewards experience. The greens come in four calibrated shades (Starbucks, Accent, House, Uplift) each mapped to a specific surface role, and gold (`#cba258`) ap",
+      "word_count": 5589
+    },
+    {
+      "slug": "stripe",
+      "title": "Stripe",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "Payment infrastructure. Signature purple gradients, weight-300 elegance",
+      "long_description": "An inspired interpretation of Stripi's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of nearly every marketing page. The system pairs the proprietary Sohne family at thin (300) weights with negative letter-spacing for editorial-density display headlines, and uses tabular-figure body type where money and numerics matter. Buttons are tight-radius pills, cards live on near-white surfaces, and the dashboard track flips polarity to a familiar dark-app shell.",
+      "word_count": 3105
+    },
+    {
+      "slug": "supabase",
+      "title": "Supabase",
+      "category": "Backend, Database & DevOps",
+      "platform": "web",
+      "short_description": "Open-source Firebase alternative. Dark emerald theme, code-first",
+      "long_description": "An inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, and dense product UI mockups composited above the hero. The brand reads as quietly technical: minimal chrome, a near-monochrome palette, and the green primary acting as the only chromatic event on the page.",
+      "word_count": 2645
+    },
+    {
+      "slug": "superhuman",
+      "title": "Superhuman",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "Fast email client. Premium dark UI, keyboard-first, purple glow",
+      "long_description": "An inspired interpretation of Superhumon's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quiet white content body with off-warm-grey ink. The system uses a single proprietary variable display sans, heavy weight 460–540 with tight tracking, and a deep-teal closing CTA band that breaks the indigo/white rhythm with a warm dark interlude. Buttons are tight rounded rectangles, pricing is sober and dense, and the brand reads more like a high-end newsletter than a SaaS app.",
+      "word_count": 2792
+    },
+    {
+      "slug": "tesla",
+      "title": "Tesla",
+      "category": "Automotive",
+      "platform": "web",
+      "short_description": "Electric vehicles. Radical subtraction, cinematic full-viewport photography, Universal Sans",
+      "long_description": "Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with cinematic car photography: three vehicles arranged on polished concrete against a hazy cityscape sky, with a single model name floating above in translucent white type. There are no decorative borders, no gradients, no patterns, no shadows. The UI exists only to provide just enough navigational structure to get out of the way. Every pixel that isn't product imagery is white spac",
+      "word_count": 3368
+    },
+    {
+      "slug": "theverge",
+      "title": "The Verge",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Tech editorial media. Acid-mint and ultraviolet accents, Manuka display type",
+      "long_description": "The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard. The canvas is almost-black (`#131313`), the headlines are built from a brutally heavy display face (Manuka) that runs up to 107px, and the whole page is peppered with acid-mint `#3cffd0` and ultraviolet `#5200ff` that behave less like brand colors and more like hazard tape. Story tiles are not quiet gray cards — they're saturated, full-bleed color blocks (yellow, pink, orange, blue, purple) that feel like pasted-up rave flyers arranged into a timeline. The mood is \"developer console meets club n",
+      "word_count": 4541
+    },
+    {
+      "slug": "together.ai",
+      "title": "Together AI",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Open-source AI infrastructure. Technical, blueprint-style design",
+      "long_description": "An inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single piece of brand chrome) and bright white research / pricing / docs bands, knit together by a custom display sans and an uppercase mono eyebrow face.",
+      "word_count": 4753
+    },
+    {
+      "slug": "uber",
+      "title": "Uber",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Mobility platform. Bold black and white, tight type, urban energy",
+      "long_description": "An inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature pill shape (radius 999px) on every interactive element, and decorated only by editorial 4:3 illustrations of riders, drivers, and city objects.",
+      "word_count": 4235
+    },
+    {
+      "slug": "vercel",
+      "title": "Vercel",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "Frontend deployment platform. Black and white precision, Geist font",
+      "long_description": "An inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / magenta / amber) that acts as the entire decorative system, paired with a custom geometric sans for headlines and a monospaced caption face for technical labels.",
+      "word_count": 5074
+    },
+    {
+      "slug": "vodafone",
+      "title": "Vodafone",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands",
+      "long_description": "An inspired interpretation of Vodafone's design language — a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content bands, anchored by the company's signature scarlet red CTA and the proprietary Vodafone display sans set at impossibly heavy 800 weight.",
+      "word_count": 3548
+    },
+    {
+      "slug": "voltagent",
+      "title": "VoltAgent",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "AI agent framework. Void-black canvas, emerald accent, terminal-native",
+      "long_description": "An inspired interpretation of Voltagent's design language — a developer-focused AI agent engineering platform whose surface is an unrelenting near-black canvas broken only by a single electric-green brand accent, code-editor mockups inside the hero, and a precise grid of dark feature cards that read like a documentation site dressed as marketing.",
+      "word_count": 3206
+    },
+    {
+      "slug": "warp",
+      "title": "Warp",
+      "category": "Developer Tools & IDEs",
+      "platform": "web",
+      "short_description": "Modern terminal. Dark IDE-like interface, block-based command UI",
+      "long_description": "An inspired interpretation of Warp's design language — an agentic terminal-and-development-environment brand whose surface is a warm near-charcoal canvas (a tint warmer than pure black), broken only by clean Inter typography, the occasional Instrument Serif italic moment, and dense terminal-mockup imagery; CTAs are unusually understated, with shape geometry running tighter than most marketing sites.",
+      "word_count": 2989
+    },
+    {
+      "slug": "webflow",
+      "title": "Webflow",
+      "category": "Design & Creative Tools",
+      "platform": "web",
+      "short_description": "Visual web builder. Blue-accented, polished marketing site aesthetic",
+      "long_description": "An inspired interpretation of Webflow's design language — a visual web development platform whose surface contrasts a deep near-black `#080808` primary against a generous white canvas, broken by a five-stop chromatic accent system (purple / pink / blue / orange / green) that maps to the brand's product categories, and anchored by the proprietary WF Visual Sans family used at restrained 500 / 600 weights with negative tracking.",
+      "word_count": 3322
+    },
+    {
+      "slug": "wired",
+      "title": "WIRED",
+      "category": "Media & Consumer Tech",
+      "platform": "web",
+      "short_description": "Tech magazine. Paper-white broadsheet density, custom serif, ink-blue links",
+      "long_description": "An inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display serif for hero headlines, a humanist serif body face for long-form reading, and a clean sans face for metadata; layout reads like a printed magazine ported to the web with very little marketing chrome.",
+      "word_count": 2917
+    },
+    {
+      "slug": "wise",
+      "title": "Wise",
+      "category": "Fintech & Crypto",
+      "platform": "web",
+      "short_description": "International money transfer. Bright green accent, friendly and clear",
+      "long_description": "An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage-tinted surface neutrals, and rounded white cards on a pale green-tinted canvas; the whole system reads more like a Scandinavian fintech magazine than a bank.",
+      "word_count": 2873
+    },
+    {
+      "slug": "x.ai",
+      "title": "xAI",
+      "category": "AI & LLM Platforms",
+      "platform": "web",
+      "short_description": "Elon Musk's AI lab. Stark monochrome, futuristic minimalism",
+      "long_description": "An inspired interpretation of xAI's design language — Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a custom geometric sans (Universal Sans) for display, and an uppercase tracked monospace caption face; the whole system reads as engineered-cosmic, unmarketed.",
+      "word_count": 2605
+    },
+    {
+      "slug": "zapier",
+      "title": "Zapier",
+      "category": "Productivity & SaaS",
+      "platform": "web",
+      "short_description": "Automation platform. Warm orange, friendly illustration-driven",
+      "long_description": "An inspired interpretation of Zapier's design language — a workflow-automation platform whose surface combines warm-cream neutrals (`#fffefb` canvas, `#f8f4f0` soft cream) with deep coffee ink (`#201515`) and a single saturated orange CTA accent (`#ff4f00`); typography pairs the proprietary Degular Display family at hero scale with Inter for sub-displays and body, giving the brand a confident-warm rather than cool-tech voice.",
+      "word_count": 2663
+    }
+  ]
+}