{
  "version": 1,
  "name": "Patterns from widely visited websites",
  "url": "https://swipefile.design/board/patterns-from-widely-visited-websites/",
  "markdown_url": "https://swipefile.design/board/patterns-from-widely-visited-websites/notes.md",
  "json_url": "https://swipefile.design/board/patterns-from-widely-visited-websites/data.json",
  "pdf_url": "https://swipefile.design/board/patterns-from-widely-visited-websites/export.pdf",
  "reference_count": 14,
  "unavailable_count": 0,
  "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.",
  "references": [
    {
      "slug": "popular-bbc",
      "name": "BBC",
      "kind": "inspiration",
      "archetype": "Editorial Grid",
      "summary": "A centered masthead and compact section navigation introduce a dense news grid, with image-led stories balanced by smaller headline columns.",
      "use_for": "News and content hubs that need to prioritize several stories without losing section navigation.",
      "source_url": "https://www.bbc.com/",
      "reference_url": "https://swipefile.design/ref/popular-bbc/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DbBOx_W8.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.xVRfBJNs.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "news",
        "editorial",
        "grid",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Editorial and information-rich",
        "colors": "White, black, gray, varied story photography",
        "typography": "Strong serif story headlines with compact sans navigation",
        "layout": "Centered masthead above a multi-column hierarchy of lead and supporting stories",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Fine rules and documentary photography",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: BBC\nSource: https://www.bbc.com/\nSwipefile reference: https://swipefile.design/ref/popular-bbc/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Editorial and information-rich\n- colors: White, black, gray, varied story photography\n- typography: Strong serif story headlines with compact sans navigation\n- layout: Centered masthead above a multi-column hierarchy of lead and supporting stories\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Fine rules and documentary photography\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: News and content hubs that need to prioritize several stories without losing section navigation.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-discord",
      "name": "Discord",
      "kind": "inspiration",
      "archetype": "Light Playful 3D",
      "summary": "A bright blue world frames an angled product preview and character illustrations, with direct download and browser-entry choices beneath the headline.",
      "use_for": "Community products explaining both the social experience and how to start using it.",
      "source_url": "https://discord.com/",
      "reference_url": "https://swipefile.design/ref/popular-discord/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CqF9wUrN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DuN047sW.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "community",
        "illustration",
        "product",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Playful and social",
        "colors": "Electric blue, purple, white",
        "typography": "Heavy uppercase display with short sans supporting text",
        "layout": "Left-aligned statement beside a large illustrated interface scene, followed by two access actions",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Glossy cartoon objects and a real-looking product preview",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: Discord\nSource: https://discord.com/\nSwipefile reference: https://swipefile.design/ref/popular-discord/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Playful and social\n- colors: Electric blue, purple, white\n- typography: Heavy uppercase display with short sans supporting text\n- layout: Left-aligned statement beside a large illustrated interface scene, followed by two access actions\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Glossy cartoon objects and a real-looking product preview\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Community products explaining both the social experience and how to start using it.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-duckduckgo-search-start",
      "name": "DuckDuckGo — Privacy browser homepage",
      "kind": "inspiration",
      "archetype": "Product Showcase",
      "summary": "Search stays at the top while the main page explains two privacy choices through a pair of simple panels: search and the browser.",
      "use_for": "Products offering related tools that need an easy comparison at the first visit.",
      "source_url": "https://duckduckgo.com/",
      "reference_url": "https://swipefile.design/ref/popular-duckduckgo-search-start/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B2YHGuxb.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BhzGz-vA.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "search",
        "privacy",
        "browser",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Reassuring and simple",
        "colors": "Warm white, orange, pale cream, black",
        "typography": "Plain sans headline and compact utility labels",
        "layout": "Narrow top search bar, centered statement, two side-by-side product choices",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Flat white space with small friendly product illustrations",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: DuckDuckGo — Privacy browser homepage\nSource: https://duckduckgo.com/\nSwipefile reference: https://swipefile.design/ref/popular-duckduckgo-search-start/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Reassuring and simple\n- colors: Warm white, orange, pale cream, black\n- typography: Plain sans headline and compact utility labels\n- layout: Narrow top search bar, centered statement, two side-by-side product choices\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Flat white space with small friendly product illustrations\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Products offering related tools that need an easy comparison at the first visit.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-linkedin",
      "name": "LinkedIn",
      "kind": "inspiration",
      "archetype": "Illustrated",
      "summary": "A professional-network introduction pairs account-entry choices with a large people-focused illustration, while topic chips begin content discovery below.",
      "use_for": "Professional platforms that need both a membership path and a preview of the topics available.",
      "source_url": "https://www.linkedin.com/",
      "reference_url": "https://swipefile.design/ref/popular-linkedin/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B2rQEgIF.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.9znwQ5BK.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "social",
        "professional",
        "onboarding",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Professional and welcoming",
        "colors": "White, LinkedIn blue, muted illustration colors",
        "typography": "Large light sans headline and compact navigation labels",
        "layout": "Two-column introduction with account actions on the left and illustration on the right",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Flat vector illustration and pill-shaped topic controls",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: LinkedIn\nSource: https://www.linkedin.com/\nSwipefile reference: https://swipefile.design/ref/popular-linkedin/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Professional and welcoming\n- colors: White, LinkedIn blue, muted illustration colors\n- typography: Large light sans headline and compact navigation labels\n- layout: Two-column introduction with account actions on the left and illustration on the right\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Flat vector illustration and pill-shaped topic controls\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Professional platforms that need both a membership path and a preview of the topics available.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-netflix",
      "name": "Netflix",
      "kind": "inspiration",
      "archetype": "Membership Funnel",
      "summary": "A darkened collage of entertainment artwork supports a centered subscription pitch and a single email-entry step with a red primary action.",
      "use_for": "Membership products that can show the available content while keeping the first signup step simple.",
      "source_url": "https://www.netflix.com/",
      "reference_url": "https://swipefile.design/ref/popular-netflix/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B8RDHbP2.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.M2biec6P.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "subscription",
        "media",
        "signup",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Cinematic and direct",
        "colors": "Near-black, white, saturated red",
        "typography": "Bold centered sans display with short supporting lines",
        "layout": "Centered headline, reassurance, and inline email field over a full-width poster collage",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Entertainment artwork under a dark overlay",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: Netflix\nSource: https://www.netflix.com/\nSwipefile reference: https://swipefile.design/ref/popular-netflix/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Cinematic and direct\n- colors: Near-black, white, saturated red\n- typography: Bold centered sans display with short supporting lines\n- layout: Centered headline, reassurance, and inline email field over a full-width poster collage\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Entertainment artwork under a dark overlay\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Membership products that can show the available content while keeping the first signup step simple.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-shopify",
      "name": "Shopify",
      "kind": "inspiration",
      "archetype": "Cinematic Product Hero",
      "summary": "A merchant at work fills the background behind a short business-building message, with separate trial and explanatory-video actions.",
      "use_for": "Platforms that sell an outcome and can show the person or business behind it.",
      "source_url": "https://www.shopify.com/",
      "reference_url": "https://swipefile.design/ref/popular-shopify/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D-tgrRdJ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.rdpRAywi.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "commerce",
        "platform",
        "video",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Entrepreneurial and practical",
        "colors": "Deep warm photography, white, muted green",
        "typography": "Large lightweight sans headline with compact product navigation",
        "layout": "Full-bleed merchant scene, lower-left statement, adjacent trial and explainer actions",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Real-world photography rather than abstract dashboard ornament",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: Shopify\nSource: https://www.shopify.com/\nSwipefile reference: https://swipefile.design/ref/popular-shopify/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Entrepreneurial and practical\n- colors: Deep warm photography, white, muted green\n- typography: Large lightweight sans headline with compact product navigation\n- layout: Full-bleed merchant scene, lower-left statement, adjacent trial and explainer actions\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Real-world photography rather than abstract dashboard ornament\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Platforms that sell an outcome and can show the person or business behind it.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-zoom",
      "name": "Zoom",
      "kind": "inspiration",
      "archetype": "SaaS Marketing",
      "summary": "A blue gradient unifies the main message and a row of product panels, with distinct routes to explore the platform or find a plan.",
      "use_for": "Multi-product SaaS brands that need an umbrella message and recognizable product entry points.",
      "source_url": "https://www.zoom.com/",
      "reference_url": "https://swipefile.design/ref/popular-zoom/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DZ0KBvNI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.W0I08Py_.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "collaboration",
        "saas",
        "platform",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Bright and connected",
        "colors": "Deep blue, purple, white",
        "typography": "Bold centered sans headline and compact navigation",
        "layout": "Centered introduction above a broad row of product cards",
        "motion": "Static opening-screen capture. Visit the source to study transitions and interactive behavior.",
        "texture": "Blue gradients, rounded panels, product and people imagery",
        "dont": "Adapt the hierarchy to your own product and content; use your own identity and imagery."
      },
      "recreation_prompt": "# Design reference: Zoom\nSource: https://www.zoom.com/\nSwipefile reference: https://swipefile.design/ref/popular-zoom/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Bright and connected\n- colors: Deep blue, purple, white\n- typography: Bold centered sans headline and compact navigation\n- layout: Centered introduction above a broad row of product cards\n- motion: Static opening-screen capture. Visit the source to study transitions and interactive behavior.\n- texture: Blue gradients, rounded panels, product and people imagery\n- dont: Adapt the hierarchy to your own product and content; use your own identity and imagery.\n\nUseful for: Multi-product SaaS brands that need an umbrella message and recognizable product entry points.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-amazon-storefront",
      "name": "Amazon — Storefront",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A search-first storefront packs department shortcuts and themed product panels into a dense first screen.",
      "use_for": "Retail homepages that need to combine direct product search with guided browsing.",
      "source_url": "https://www.amazon.com/",
      "reference_url": "https://swipefile.design/ref/popular-amazon-storefront/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C_vdwqDw.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DFcpFIzs.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "commerce",
        "storefront",
        "discovery",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Amazon public storefront, signed out.",
        "nav": "Two stacked header rows separate account and search utilities from department browsing.",
        "layout": "Full-width promotional scene above tightly packed category panels.",
        "density": "High, with compact labels and multiple discovery paths.",
        "color": "Dark navy navigation, white panels, warm promotional accents.",
        "typography": "Compact sans labels with larger category headings.",
        "pattern": "Keep search prominent while offering category-led entry points for visitors without a specific query.",
        "states": "Signed-out storefront with region-dependent offers; no cart or checkout state was captured.",
        "dont": "Avoid stacking promotions until the primary search action becomes hard to find."
      },
      "recreation_prompt": "# Design reference: Amazon — Storefront\nSource: https://www.amazon.com/\nSwipefile reference: https://swipefile.design/ref/popular-amazon-storefront/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Amazon public storefront, signed out.\n- nav: Two stacked header rows separate account and search utilities from department browsing.\n- layout: Full-width promotional scene above tightly packed category panels.\n- density: High, with compact labels and multiple discovery paths.\n- color: Dark navy navigation, white panels, warm promotional accents.\n- typography: Compact sans labels with larger category headings.\n- pattern: Keep search prominent while offering category-led entry points for visitors without a specific query.\n- states: Signed-out storefront with region-dependent offers; no cart or checkout state was captured.\n- dont: Avoid stacking promotions until the primary search action becomes hard to find.\n\nUseful for: Retail homepages that need to combine direct product search with guided browsing.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-bing-search-start",
      "name": "Bing — Search start",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A large search field sits over full-screen photography, with lightweight utilities and smaller discovery links around it.",
      "use_for": "Search start pages that need a strong primary input and optional exploration.",
      "source_url": "https://www.bing.com/",
      "reference_url": "https://swipefile.design/ref/popular-bing-search-start/",
      "screenshot_url": "https://swipefile.design/_astro/preview.hFqHrcoK.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Cl9eTDqw.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "search",
        "discovery",
        "photography",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Bing public search homepage.",
        "nav": "Small service links at the top with account utilities on the opposite side.",
        "layout": "Prominent search input over a photographic canvas, with supplemental discovery content below.",
        "density": "Low around the search input; more compact near discovery links.",
        "color": "Photography supplies the palette, supported by white controls and dark overlays.",
        "typography": "Clean sans utility labels.",
        "pattern": "Protect an uncluttered input zone while letting secondary content occupy the edges.",
        "states": "Unsigned homepage; search results and suggestions are not shown.",
        "dont": "Do not let a detailed background reduce input contrast or distract from typing."
      },
      "recreation_prompt": "# Design reference: Bing — Search start\nSource: https://www.bing.com/\nSwipefile reference: https://swipefile.design/ref/popular-bing-search-start/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Bing public search homepage.\n- nav: Small service links at the top with account utilities on the opposite side.\n- layout: Prominent search input over a photographic canvas, with supplemental discovery content below.\n- density: Low around the search input; more compact near discovery links.\n- color: Photography supplies the palette, supported by white controls and dark overlays.\n- typography: Clean sans utility labels.\n- pattern: Protect an uncluttered input zone while letting secondary content occupy the edges.\n- states: Unsigned homepage; search results and suggestions are not shown.\n- dont: Do not let a detailed background reduce input contrast or distract from typing.\n\nUseful for: Search start pages that need a strong primary input and optional exploration.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-booking-com-stay-search",
      "name": "Booking.com — Stay search",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "Destination, dates, and travelers form one prominent search bar beneath a clear stays headline and travel-category navigation.",
      "use_for": "Multi-field searches that must explain the required inputs before showing results.",
      "source_url": "https://www.booking.com/",
      "reference_url": "https://swipefile.design/ref/popular-booking-com-stay-search/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CtAL2bxJ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DYidmZgS.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "travel",
        "search",
        "filters",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Booking.com public stays search homepage; sign-in promotion dismissed.",
        "nav": "Account utilities above a row of travel-product tabs.",
        "layout": "Blue header and introduction, yellow-framed search row, supporting benefit panels below.",
        "density": "Moderate, with the required search fields grouped tightly.",
        "color": "Deep blue, white, and yellow search emphasis.",
        "typography": "Bold sans headline, small form labels, clear primary-button text.",
        "pattern": "Group related search constraints into one continuous form with a single submit action.",
        "states": "Initial unsigned search state; date selection, validation, and search results are not captured.",
        "dont": "Do not rely on placeholder text as the only accessible field label."
      },
      "recreation_prompt": "# Design reference: Booking.com — Stay search\nSource: https://www.booking.com/\nSwipefile reference: https://swipefile.design/ref/popular-booking-com-stay-search/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Booking.com public stays search homepage; sign-in promotion dismissed.\n- nav: Account utilities above a row of travel-product tabs.\n- layout: Blue header and introduction, yellow-framed search row, supporting benefit panels below.\n- density: Moderate, with the required search fields grouped tightly.\n- color: Deep blue, white, and yellow search emphasis.\n- typography: Bold sans headline, small form labels, clear primary-button text.\n- pattern: Group related search constraints into one continuous form with a single submit action.\n- states: Initial unsigned search state; date selection, validation, and search results are not captured.\n- dont: Do not rely on placeholder text as the only accessible field label.\n\nUseful for: Multi-field searches that must explain the required inputs before showing results.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-facebook-sign-in",
      "name": "Facebook — Sign in",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A visual introduction occupies the left side while a compact sign-in form and account-creation route sit on the right.",
      "use_for": "Consumer account entry that needs to explain the product alongside authentication.",
      "source_url": "https://www.facebook.com/",
      "reference_url": "https://swipefile.design/ref/popular-facebook-sign-in/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BFMrX83C.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Yhib_Z1A.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "social",
        "authentication",
        "sign-in",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Facebook public sign-in page.",
        "nav": "Minimal product navigation; recovery and account creation stay near the form.",
        "layout": "Wide split screen with imagery and a headline on the left and stacked fields on the right.",
        "density": "Low, with clear spacing between authentication choices.",
        "color": "White, dark text, blue primary action, colorful content imagery.",
        "typography": "Large sans introductory message with compact form labels.",
        "pattern": "Separate the product promise from the task-focused form while keeping both visible.",
        "states": "Signed-out state with recovery and new-account links; no login was attempted.",
        "dont": "Keep recovery and alternative account paths visible rather than burying them in a footer."
      },
      "recreation_prompt": "# Design reference: Facebook — Sign in\nSource: https://www.facebook.com/\nSwipefile reference: https://swipefile.design/ref/popular-facebook-sign-in/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Facebook public sign-in page.\n- nav: Minimal product navigation; recovery and account creation stay near the form.\n- layout: Wide split screen with imagery and a headline on the left and stacked fields on the right.\n- density: Low, with clear spacing between authentication choices.\n- color: White, dark text, blue primary action, colorful content imagery.\n- typography: Large sans introductory message with compact form labels.\n- pattern: Separate the product promise from the task-focused form while keeping both visible.\n- states: Signed-out state with recovery and new-account links; no login was attempted.\n- dont: Keep recovery and alternative account paths visible rather than burying them in a footer.\n\nUseful for: Consumer account entry that needs to explain the product alongside authentication.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-google-search-start",
      "name": "Google — Search start",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A centered logo and rounded search field dominate a deliberately sparse page, with utilities moved to the corners and footer.",
      "use_for": "Single-purpose search tools where the input itself should be the main interface.",
      "source_url": "https://www.google.com/",
      "reference_url": "https://swipefile.design/ref/popular-google-search-start/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bgw7U2j1.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B_1qJ27s.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "search",
        "minimal",
        "input",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Google public search homepage.",
        "nav": "Sparse top-corner links and a compact footer.",
        "layout": "Centered search cluster surrounded by extensive white space.",
        "density": "Very low, concentrating attention on one input.",
        "color": "White, gray controls, small multicolor brand accents.",
        "typography": "Small neutral sans utilities beneath the large brand mark.",
        "pattern": "Give the dominant task more visual space by moving secondary links to the perimeter.",
        "states": "Initial unsigned search state, before typing or results.",
        "dont": "Minimalism still needs visible keyboard focus, accessible input names, and clear submission behavior."
      },
      "recreation_prompt": "# Design reference: Google — Search start\nSource: https://www.google.com/\nSwipefile reference: https://swipefile.design/ref/popular-google-search-start/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Google public search homepage.\n- nav: Sparse top-corner links and a compact footer.\n- layout: Centered search cluster surrounded by extensive white space.\n- density: Very low, concentrating attention on one input.\n- color: White, gray controls, small multicolor brand accents.\n- typography: Small neutral sans utilities beneath the large brand mark.\n- pattern: Give the dominant task more visual space by moving secondary links to the perimeter.\n- states: Initial unsigned search state, before typing or results.\n- dont: Minimalism still needs visible keyboard focus, accessible input names, and clear submission behavior.\n\nUseful for: Single-purpose search tools where the input itself should be the main interface.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-instagram-sign-in",
      "name": "Instagram — Sign in",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A collage of personal moments introduces the service beside a simple sign-in form, with recovery and alternate account routes underneath.",
      "use_for": "Image-led consumer products that want account entry to retain a sense of the product experience.",
      "source_url": "https://www.instagram.com/",
      "reference_url": "https://swipefile.design/ref/popular-instagram-sign-in/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D7LwFJHY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C1wI1DEa.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "social",
        "authentication",
        "photography",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "Instagram public sign-in page.",
        "nav": "Recovery, Facebook login, and account creation are close to the form; corporate links sit below.",
        "layout": "Two-column composition with photography on the left and stacked credentials on the right.",
        "density": "Low in the form, visually richer in the adjacent collage.",
        "color": "White, black, blue controls, warm personal photography.",
        "typography": "Large introductory sans text with compact form and utility labels.",
        "pattern": "Use product-relevant imagery to provide context without inserting extra steps into authentication.",
        "states": "Signed-out page; no account information was entered.",
        "dont": "Do not sacrifice field contrast or make the alternative account route look like another primary action."
      },
      "recreation_prompt": "# Design reference: Instagram — Sign in\nSource: https://www.instagram.com/\nSwipefile reference: https://swipefile.design/ref/popular-instagram-sign-in/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: Instagram public sign-in page.\n- nav: Recovery, Facebook login, and account creation are close to the form; corporate links sit below.\n- layout: Two-column composition with photography on the left and stacked credentials on the right.\n- density: Low in the form, visually richer in the adjacent collage.\n- color: White, black, blue controls, warm personal photography.\n- typography: Large introductory sans text with compact form and utility labels.\n- pattern: Use product-relevant imagery to provide context without inserting extra steps into authentication.\n- states: Signed-out page; no account information was entered.\n- dont: Do not sacrifice field contrast or make the alternative account route look like another primary action.\n\nUseful for: Image-led consumer products that want account entry to retain a sense of the product experience.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "popular-youtube-video-discovery",
      "name": "YouTube — Search results",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "Video results pair large thumbnails with titles and metadata, while a persistent search bar, filters, and side navigation support refinement.",
      "use_for": "Media search results where viewers compare content visually before opening an item.",
      "source_url": "https://www.youtube.com/results?search_query=design+systems",
      "reference_url": "https://swipefile.design/ref/popular-youtube-video-discovery/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ChYSopIc.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BZmX-qpK.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "video",
        "search-results",
        "content",
        "popular-websites",
        "popular-saas-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "YouTube public results for “design systems,” signed out.",
        "nav": "Persistent left navigation and top search, with filtering controls above the results.",
        "layout": "Vertical result rows place thumbnails beside a title, channel, and supporting metadata.",
        "density": "Moderate to high, with clear repetition across results.",
        "color": "White, black, gray dividers and metadata, varied thumbnail imagery.",
        "typography": "Prominent video titles above smaller channel and view information.",
        "pattern": "Make each result scannable as one image-and-metadata unit and keep the active query available.",
        "states": "Populated public search results; recommendations and rankings may vary over time.",
        "dont": "Avoid copying individual thumbnails or treating the observed result order as a stable ranking."
      },
      "recreation_prompt": "# Design reference: YouTube — Search results\nSource: https://www.youtube.com/results?search_query=design+systems\nSwipefile reference: https://swipefile.design/ref/popular-youtube-video-discovery/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: YouTube public results for “design systems,” signed out.\n- nav: Persistent left navigation and top search, with filtering controls above the results.\n- layout: Vertical result rows place thumbnails beside a title, channel, and supporting metadata.\n- density: Moderate to high, with clear repetition across results.\n- color: White, black, gray dividers and metadata, varied thumbnail imagery.\n- typography: Prominent video titles above smaller channel and view information.\n- pattern: Make each result scannable as one image-and-metadata unit and keep the active query available.\n- states: Populated public search results; recommendations and rankings may vary over time.\n- dont: Avoid copying individual thumbnails or treating the observed result order as a stable ranking.\n\nUseful for: Media search results where viewers compare content visually before opening an item.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    }
  ]
}