{
  "version": 1,
  "name": "Celebrity websites",
  "url": "https://swipefile.design/board/celebrity-websites/",
  "markdown_url": "https://swipefile.design/board/celebrity-websites/notes.md",
  "json_url": "https://swipefile.design/board/celebrity-websites/data.json",
  "pdf_url": "https://swipefile.design/board/celebrity-websites/export.pdf",
  "reference_count": 100,
  "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": "celebrity-taylor-swift",
      "name": "Taylor Swift",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A jewel-green photographic collage fills the opening, with scattered album lettering and compact navigation aligned across the top.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.taylorswift.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-taylor-swift/",
      "screenshot_url": "https://swipefile.design/_astro/preview.qdbUwR1X.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B_qW8zQk.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Ornate and theatrical.",
        "colors": "Emerald green, pale aqua, warm gold, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A jewel-green photographic collage fills the opening, with scattered album lettering and compact navigation aligned across the top.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Taylor Swift\nSource: https://www.taylorswift.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-taylor-swift/\nCaptured: 2026-09-08. 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: Ornate and theatrical.\n- colors: Emerald green, pale aqua, warm gold, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A jewel-green photographic collage fills the opening, with scattered album lettering and compact navigation aligned across the top.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lando-norris",
      "name": "Lando Norris",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A close centered portrait sits on a pale topographic-line background, balanced by elegant name typography and a fluorescent store control.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://landonorris.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lando-norris/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C3IsKNk7.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BwKhTfnP.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Precise and modern.",
        "colors": "Off-white, black, lime yellow, and soft gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A close centered portrait sits on a pale topographic-line background, balanced by elegant name typography and a fluorescent store control.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lando Norris\nSource: https://landonorris.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lando-norris/\nCaptured: 2026-09-08. 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: Precise and modern.\n- colors: Off-white, black, lime yellow, and soft gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A close centered portrait sits on a pale topographic-line background, balanced by elegant name typography and a fluorescent store control.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-misty-copeland",
      "name": "Misty Copeland",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An extended dance pose and flowing red fabric cross a teal geometric background behind tall white identity lettering.",
      "use_for": "A dance celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://mistycopeland.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-misty-copeland/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bvj3_zF_.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.oetfQZcS.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "dance",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Expressive and movement-led.",
        "colors": "Teal, scarlet, white, and warm skin tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An extended dance pose and flowing red fabric cross a teal geometric background behind tall white identity lettering.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Misty Copeland\nSource: https://mistycopeland.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-misty-copeland/\nCaptured: 2026-09-08. 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: Expressive and movement-led.\n- colors: Teal, scarlet, white, and warm skin tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An extended dance pose and flowing red fabric cross a teal geometric background behind tall white identity lettering.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A dance celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-pierce-brosnan",
      "name": "Pierce Brosnan",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A formal portrait overlaps a colorful painting, connecting the actor’s image with his art beneath an orderly black navigation bar.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.piercebrosnan.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-pierce-brosnan/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B-9ukLmY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.xtcSXRfx.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Artful and composed.",
        "colors": "Charcoal, white, muted gold, violet, and green.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A formal portrait overlaps a colorful painting, connecting the actor’s image with his art beneath an orderly black navigation bar.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Pierce Brosnan\nSource: https://www.piercebrosnan.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-pierce-brosnan/\nCaptured: 2026-09-08. 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: Artful and composed.\n- colors: Charcoal, white, muted gold, violet, and green.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A formal portrait overlaps a colorful painting, connecting the actor’s image with his art beneath an orderly black navigation bar.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-harry-styles",
      "name": "Harry Styles",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Oversized black links and a long horizontal arrow sit beside album artwork in a stark white composition with deliberately spare branding.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.hstyles.co.uk/",
      "reference_url": "https://swipefile.design/ref/celebrity-harry-styles/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DJ7hLXPM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B1zBRIGg.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Minimal and type-led.",
        "colors": "White, black, and restrained album color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Oversized black links and a long horizontal arrow sit beside album artwork in a stark white composition with deliberately spare branding.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Harry Styles\nSource: https://www.hstyles.co.uk/\nSwipefile reference: https://swipefile.design/ref/celebrity-harry-styles/\nCaptured: 2026-09-08. 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: Minimal and type-led.\n- colors: White, black, and restrained album color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Oversized black links and a long horizontal arrow sit beside album artwork in a stark white composition with deliberately spare branding.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-rihanna",
      "name": "Rihanna",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A narrow black navigation rail anchors an off-white archive of square photographs and campaign tiles.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.rihannanow.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-rihanna/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B-QzhPCY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.3iiTiioC.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Editorial and archival.",
        "colors": "Black, ivory, grayscale photography, and occasional color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A narrow black navigation rail anchors an off-white archive of square photographs and campaign tiles.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Rihanna\nSource: https://www.rihannanow.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-rihanna/\nCaptured: 2026-09-08. 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 archival.\n- colors: Black, ivory, grayscale photography, and occasional color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A narrow black navigation rail anchors an off-white archive of square photographs and campaign tiles.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-john-mulaney",
      "name": "John Mulaney",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A portrait on a city street meets a grainy dark panel of oversized pink tour lettering, beneath a compact black navigation bar.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.johnmulaney.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-john-mulaney/",
      "screenshot_url": "https://swipefile.design/_astro/preview.PKmhVK2l.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.StLstBIj.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Urban and poster-like.",
        "colors": "Hot pink, black, warm brown, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A portrait on a city street meets a grainy dark panel of oversized pink tour lettering, beneath a compact black navigation bar.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: John Mulaney\nSource: https://www.johnmulaney.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-john-mulaney/\nCaptured: 2026-09-08. 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: Urban and poster-like.\n- colors: Hot pink, black, warm brown, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A portrait on a city street meets a grainy dark panel of oversized pink tour lettering, beneath a compact black navigation bar.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-alan-cumming",
      "name": "Alan Cumming",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A centered, widely spaced name introduces a grid of monochrome image links on black, separating biography, work, and live appearances.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.alancumming.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-alan-cumming/",
      "screenshot_url": "https://swipefile.design/_astro/preview.0SyjvrTn.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D5cTAc8U.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Spare and archival.",
        "colors": "Black, white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A centered, widely spaced name introduces a grid of monochrome image links on black, separating biography, work, and live appearances.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Alan Cumming\nSource: https://www.alancumming.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-alan-cumming/\nCaptured: 2026-09-08. 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: Spare and archival.\n- colors: Black, white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A centered, widely spaced name introduces a grid of monochrome image links on black, separating biography, work, and live appearances.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-alex-albon",
      "name": "Alex Albon",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A rounded monochrome portrait hero gives way to modular news cards, with an italic identity and compact commerce and fan navigation.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.alexalbon.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-alex-albon/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Hplvjsgq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DxpbOQ6O.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sporting and approachable.",
        "colors": "White, dark green, black, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A rounded monochrome portrait hero gives way to modular news cards, with an italic identity and compact commerce and fan navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Alex Albon\nSource: https://www.alexalbon.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-alex-albon/\nCaptured: 2026-09-08. 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: Sporting and approachable.\n- colors: White, dark green, black, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A rounded monochrome portrait hero gives way to modular news cards, with an italic identity and compact commerce and fan navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-ali-wong",
      "name": "Ali Wong",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A bright white page pairs a large condensed name with a portrait and pale pink tour lettering, using a restrained top navigation.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.aliwong.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-ali-wong/",
      "screenshot_url": "https://swipefile.design/_astro/preview.WJn24euk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BH3xOnIV.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Clean and personality-led.",
        "colors": "White, black, blush pink, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A bright white page pairs a large condensed name with a portrait and pale pink tour lettering, using a restrained top navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Ali Wong\nSource: https://www.aliwong.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-ali-wong/\nCaptured: 2026-09-08. 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: Clean and personality-led.\n- colors: White, black, blush pink, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A bright white page pairs a large condensed name with a portrait and pale pink tour lettering, using a restrained top navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-alicia-keys",
      "name": "Alicia Keys",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A centered portrait and gold headpiece sit against a charcoal gradient, framed by a bold white wordmark and compact navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.aliciakeys.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-alicia-keys/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DI-kGA4i.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.spalTdVb.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Regal and restrained.",
        "colors": "Charcoal, warm gold, black, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A centered portrait and gold headpiece sit against a charcoal gradient, framed by a bold white wordmark and compact navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Alicia Keys\nSource: https://www.aliciakeys.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-alicia-keys/\nCaptured: 2026-09-08. 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: Regal and restrained.\n- colors: Charcoal, warm gold, black, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A centered portrait and gold headpiece sit against a charcoal gradient, framed by a bold white wordmark and compact navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-ariana-grande",
      "name": "Ariana Grande — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dark store header gives way to a grainy monochrome album campaign with delicate script lettering and a restrained product navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://shop.arianagrande.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-ariana-grande/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DeTQmWn6.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.N62uLYIN.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Intimate and cinematic.",
        "colors": "Charcoal, black, warm gray, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dark store header gives way to a grainy monochrome album campaign with delicate script lettering and a restrained product navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Ariana Grande — Official store\nSource: https://shop.arianagrande.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-ariana-grande/\nCaptured: 2026-09-08. 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: Intimate and cinematic.\n- colors: Charcoal, black, warm gray, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dark store header gives way to a grainy monochrome album campaign with delicate script lettering and a restrained product navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-avril-lavigne",
      "name": "Avril Lavigne",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Graffiti-like tour lettering, stars, and a performance portrait create a layered punk poster against black and vivid pink.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://avrillavigne.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-avril-lavigne/",
      "screenshot_url": "https://swipefile.design/_astro/preview.fNT9gE8o.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.AwkM3zEL.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Rebellious and graphic.",
        "colors": "Hot pink, black, white, and electric blue.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Graffiti-like tour lettering, stars, and a performance portrait create a layered punk poster against black and vivid pink.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Avril Lavigne\nSource: https://avrillavigne.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-avril-lavigne/\nCaptured: 2026-09-08. 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: Rebellious and graphic.\n- colors: Hot pink, black, white, and electric blue.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Graffiti-like tour lettering, stars, and a performance portrait create a layered punk poster against black and vivid pink.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-benson-boone",
      "name": "Benson Boone",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A monochrome portrait occupies the left of the hero while large gold serif release lettering fills the right, beneath a compact navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.bensonboone.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-benson-boone/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CWWgPJni.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.t9AAHed2.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Classic and cinematic.",
        "colors": "Charcoal, silver gray, warm gold, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A monochrome portrait occupies the left of the hero while large gold serif release lettering fills the right, beneath a compact navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Benson Boone\nSource: https://www.bensonboone.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-benson-boone/\nCaptured: 2026-09-08. 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: Classic and cinematic.\n- colors: Charcoal, silver gray, warm gold, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A monochrome portrait occupies the left of the hero while large gold serif release lettering fills the right, beneath a compact navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-beyonce",
      "name": "Beyoncé",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Large side-by-side photographs dominate a birthday-themed opening while tiny navigation keeps the focus on the imagery.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://beyonce.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-beyonce/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BK0wVS8g.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CSmzdZA5.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Editorial and image-led.",
        "colors": "Natural green, pale blue, cream, and photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Large side-by-side photographs dominate a birthday-themed opening while tiny navigation keeps the focus on the imagery.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Beyoncé\nSource: https://beyonce.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-beyonce/\nCaptured: 2026-09-08. 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 image-led.\n- colors: Natural green, pale blue, cream, and photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Large side-by-side photographs dominate a birthday-themed opening while tiny navigation keeps the focus on the imagery.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-billie-eilish",
      "name": "Billie Eilish — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A white commerce header and heavy wordmark frame a large fragrance campaign, with a concise product label and shop action over the image.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://store.billieeilish.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-billie-eilish/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DOd3WjoE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CMfYIWNu.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and product-focused.",
        "colors": "White, black, deep blue, and warm photographic tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A white commerce header and heavy wordmark frame a large fragrance campaign, with a concise product label and shop action over the image.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Billie Eilish — Official store\nSource: https://store.billieeilish.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-billie-eilish/\nCaptured: 2026-09-08. 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: Bold and product-focused.\n- colors: White, black, deep blue, and warm photographic tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A white commerce header and heavy wordmark frame a large fragrance campaign, with a concise product label and shop action over the image.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-bruno-mars",
      "name": "Bruno Mars",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Two upright campaign panels divide tour tickets and merchandise on a white page, with a bold centered wordmark and simple black action bars.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.brunomars.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-bruno-mars/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DmI8NAFV.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.eJzyyeio.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Clear and compact.",
        "colors": "White, black, and deep red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Two upright campaign panels divide tour tickets and merchandise on a white page, with a bold centered wordmark and simple black action bars.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Bruno Mars\nSource: https://www.brunomars.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-bruno-mars/\nCaptured: 2026-09-08. 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: Clear and compact.\n- colors: White, black, and deep red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Two upright campaign panels divide tour tickets and merchandise on a white page, with a bold centered wordmark and simple black action bars.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-burna-boy",
      "name": "Burna Boy",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A restrained gray publication-like grid pairs album artwork with video features, repeated headlines, and compact music navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.onaspaceship.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-burna-boy/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Nwm1fake.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.3orfrePm.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Editorial and content-rich.",
        "colors": "Warm gray, black, muted green, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A restrained gray publication-like grid pairs album artwork with video features, repeated headlines, and compact music navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Burna Boy\nSource: https://www.onaspaceship.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-burna-boy/\nCaptured: 2026-09-08. 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 content-rich.\n- colors: Warm gray, black, muted green, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A restrained gray publication-like grid pairs album artwork with video features, repeated headlines, and compact music navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-camila-cabello",
      "name": "Camila Cabello",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Soft monochrome footage fills the screen behind a small stacked wordmark, compact navigation, and a translucent rounded title element.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.camilacabello.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-camila-cabello/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DD4AS8mY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BSxIWCre.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Dreamlike and restrained.",
        "colors": "Black, white, and soft gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Soft monochrome footage fills the screen behind a small stacked wordmark, compact navigation, and a translucent rounded title element.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Camila Cabello\nSource: https://www.camilacabello.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-camila-cabello/\nCaptured: 2026-09-08. 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: Dreamlike and restrained.\n- colors: Black, white, and soft gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Soft monochrome footage fills the screen behind a small stacked wordmark, compact navigation, and a translucent rounded title element.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-cardi-b",
      "name": "Cardi B",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dramatic red sculptural outfit dominates one side of a cloudy blue hero, while album lettering, listening actions, and an email invitation sit opposite.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.cardib.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-cardi-b/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CIzwZOmB.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CEyHEOsr.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Dramatic and fashion-led.",
        "colors": "Scarlet, sky blue, black, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dramatic red sculptural outfit dominates one side of a cloudy blue hero, while album lettering, listening actions, and an email invitation sit opposite.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Cardi B\nSource: https://www.cardib.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-cardi-b/\nCaptured: 2026-09-08. 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: Dramatic and fashion-led.\n- colors: Scarlet, sky blue, black, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dramatic red sculptural outfit dominates one side of a cloudy blue hero, while album lettering, listening actions, and an email invitation sit opposite.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-carrie-underwood",
      "name": "Carrie Underwood",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A cool, pale performance photograph fills the hero behind a delicate script identity and a softly rounded content panel below.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.carrieunderwoodofficial.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-carrie-underwood/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DjEhaFqF.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.ChDKgMnB.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Soft and stage-led.",
        "colors": "Icy blue, pale gray, white, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A cool, pale performance photograph fills the hero behind a delicate script identity and a softly rounded content panel below.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Carrie Underwood\nSource: https://www.carrieunderwoodofficial.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-carrie-underwood/\nCaptured: 2026-09-08. 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: Soft and stage-led.\n- colors: Icy blue, pale gray, white, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A cool, pale performance photograph fills the hero behind a delicate script identity and a softly rounded content panel below.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-chappell-roan",
      "name": "Chappell Roan",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A narrow vertical identity strip frames a warm portrait on stone steps, with a lace-like announcement panel over the photograph.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.iamchappellroan.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-chappell-roan/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CKQlgR9h.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.nqJPG1sI.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Romantic and theatrical.",
        "colors": "Warm brown, dusty green, cream, and muted red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A narrow vertical identity strip frames a warm portrait on stone steps, with a lace-like announcement panel over the photograph.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Chappell Roan\nSource: https://www.iamchappellroan.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-chappell-roan/\nCaptured: 2026-09-08. 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: Romantic and theatrical.\n- colors: Warm brown, dusty green, cream, and muted red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A narrow vertical identity strip frames a warm portrait on stone steps, with a lace-like announcement panel over the photograph.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-charles-leclerc",
      "name": "Charles Leclerc",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Extremely tall white lettering overlays a wide race-day photograph, with small corner identity marks and restrained navigation.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://charlesleclerc.com/en/",
      "reference_url": "https://swipefile.design/ref/celebrity-charles-leclerc/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DUCyqHvA.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DxcAFuLL.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Expansive and athletic.",
        "colors": "White, deep blue, red, and pale aqua.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Extremely tall white lettering overlays a wide race-day photograph, with small corner identity marks and restrained navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Charles Leclerc\nSource: https://charlesleclerc.com/en/\nSwipefile reference: https://swipefile.design/ref/celebrity-charles-leclerc/\nCaptured: 2026-09-08. 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: Expansive and athletic.\n- colors: White, deep blue, red, and pale aqua.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Extremely tall white lettering overlays a wide race-day photograph, with small corner identity marks and restrained navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-charlie-puth",
      "name": "Charlie Puth",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A blue cloud background surrounds album artwork and retro beveled buttons, with small icon-like links arranged at the side.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.charlieputh.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-charlie-puth/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DKL33ELS.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.26z_8Yg0.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Retro and playful.",
        "colors": "Sky blue, white, bright red, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A blue cloud background surrounds album artwork and retro beveled buttons, with small icon-like links arranged at the side.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Charlie Puth\nSource: https://www.charlieputh.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-charlie-puth/\nCaptured: 2026-09-08. 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: Retro and playful.\n- colors: Sky blue, white, bright red, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A blue cloud background surrounds album artwork and retro beveled buttons, with small icon-like links arranged at the side.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-christina-aguilera",
      "name": "Christina Aguilera",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A narrow decorative wordmark and small navigation sit above centered tour content in a nearly black layout.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.christinaaguilera.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-christina-aguilera/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Y6RO9pt1.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bf-5rVOe.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Dark and restrained.",
        "colors": "Black, white, and muted photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A narrow decorative wordmark and small navigation sit above centered tour content in a nearly black layout.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Christina Aguilera\nSource: https://www.christinaaguilera.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-christina-aguilera/\nCaptured: 2026-09-08. 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: Dark and restrained.\n- colors: Black, white, and muted photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A narrow decorative wordmark and small navigation sit above centered tour content in a nearly black layout.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-conan-o-brien",
      "name": "Conan O’Brien",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An orange hero scatters podcast cover artwork above a large white discovery headline and a rounded explore action.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://teamcoco.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-conan-o-brien/",
      "screenshot_url": "https://swipefile.design/_astro/preview.7uO-22HW.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bp_e2cmr.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Playful and discovery-led.",
        "colors": "Orange, white, black, and colorful cover art.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An orange hero scatters podcast cover artwork above a large white discovery headline and a rounded explore action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Conan O’Brien\nSource: https://teamcoco.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-conan-o-brien/\nCaptured: 2026-09-08. 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 discovery-led.\n- colors: Orange, white, black, and colorful cover art.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An orange hero scatters podcast cover artwork above a large white discovery headline and a rounded explore action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-cristiano-ronaldo",
      "name": "Cristiano Ronaldo",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A black frame contains tall image panels for career and brand destinations, with narrow uppercase navigation along the top.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.cristianoronaldo.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-cristiano-ronaldo/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DA8L71h8.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BEb4HGQw.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Dramatic and gallery-led.",
        "colors": "Black, white, charcoal, and bronze photographic tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A black frame contains tall image panels for career and brand destinations, with narrow uppercase navigation along the top.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Cristiano Ronaldo\nSource: https://www.cristianoronaldo.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-cristiano-ronaldo/\nCaptured: 2026-09-08. 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: Dramatic and gallery-led.\n- colors: Black, white, charcoal, and bronze photographic tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A black frame contains tall image panels for career and brand destinations, with narrow uppercase navigation along the top.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-celine-dion",
      "name": "Céline Dion",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A vertical name rail sits beside a warm concert portrait and a carefully aligned arrangement of live-album record formats.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.celinedion.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-celine-dion/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BcMRhIcS.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DesLg2dO.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Elegant and product-led.",
        "colors": "Warm brown, gold, cream, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A vertical name rail sits beside a warm concert portrait and a carefully aligned arrangement of live-album record formats.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Céline Dion\nSource: https://www.celinedion.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-celine-dion/\nCaptured: 2026-09-08. 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: Elegant and product-led.\n- colors: Warm brown, gold, cream, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A vertical name rail sits beside a warm concert portrait and a carefully aligned arrangement of live-album record formats.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-david-beckham",
      "name": "David Beckham",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An airy white header and editorial portrait lead into a large serif story headline, giving the homepage the structure of a personal publication.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.davidbeckham.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-david-beckham/",
      "screenshot_url": "https://swipefile.design/_astro/preview.PWnmY5kc.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.QzlS-KUe.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Polished and editorial.",
        "colors": "White, charcoal, muted green, and photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An airy white header and editorial portrait lead into a large serif story headline, giving the homepage the structure of a personal publication.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: David Beckham\nSource: https://www.davidbeckham.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-david-beckham/\nCaptured: 2026-09-08. 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: Polished and editorial.\n- colors: White, charcoal, muted green, and photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An airy white header and editorial portrait lead into a large serif story headline, giving the homepage the structure of a personal publication.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-david-guetta",
      "name": "David Guetta",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A performance cutout floats in a large white field under a bold black identity and orderly navigation, with a centered follow action below.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://davidguetta.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-david-guetta/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DjuhNKoN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BKaWM10_.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Spare and performance-led.",
        "colors": "White, black, and restrained photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A performance cutout floats in a large white field under a bold black identity and orderly navigation, with a centered follow action below.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: David Guetta\nSource: https://davidguetta.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-david-guetta/\nCaptured: 2026-09-08. 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: Spare and performance-led.\n- colors: White, black, and restrained photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A performance cutout floats in a large white field under a bold black identity and orderly navigation, with a centered follow action below.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-doja-cat",
      "name": "Doja Cat",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Huge pink artist lettering overlays a metallic portrait collage, with a small floating figure and compact pink navigation above.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.dojacat.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-doja-cat/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DvWgs7Jw.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CSeOnKdt.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Surreal and expressive.",
        "colors": "Hot pink, silver, purple, and charcoal.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Huge pink artist lettering overlays a metallic portrait collage, with a small floating figure and compact pink navigation above.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Doja Cat\nSource: https://www.dojacat.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-doja-cat/\nCaptured: 2026-09-08. 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: Surreal and expressive.\n- colors: Hot pink, silver, purple, and charcoal.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Huge pink artist lettering overlays a metallic portrait collage, with a small floating figure and compact pink navigation above.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-dolly-parton",
      "name": "Dolly Parton",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A bright photographic hero uses floating light-like detail behind a script identity, a small fan action, and white editorial cards.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.dollyparton.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-dolly-parton/",
      "screenshot_url": "https://swipefile.design/_astro/preview.g3gf3k8t.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B6ktQZTF.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Warm and celebratory.",
        "colors": "White, pale silver, warm gold, and soft photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A bright photographic hero uses floating light-like detail behind a script identity, a small fan action, and white editorial cards.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Dolly Parton\nSource: https://www.dollyparton.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-dolly-parton/\nCaptured: 2026-09-08. 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: Warm and celebratory.\n- colors: White, pale silver, warm gold, and soft photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A bright photographic hero uses floating light-like detail behind a script identity, a small fan action, and white editorial cards.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-drew-barrymore",
      "name": "Drew Barrymore — The Drew Barrymore Show",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A bright yellow studio portrait puts the host on a sofa behind the show wordmark, with three pink destination buttons along the bottom.",
      "use_for": "A television celebrity website reference; study how its opening presents identity and routes into the associated brand.",
      "source_url": "https://www.thedrewbarrymoreshow.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-drew-barrymore/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BjFKX4Tg.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B3scte0s.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "television",
        "celebrity-brand"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Warm and welcoming.",
        "colors": "Golden yellow, pink, white, and warm brown.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A bright yellow studio portrait puts the host on a sofa behind the show wordmark, with three pink destination buttons along the bottom.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Drew Barrymore — The Drew Barrymore Show\nSource: https://www.thedrewbarrymoreshow.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-drew-barrymore/\nCaptured: 2026-09-08. 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: Warm and welcoming.\n- colors: Golden yellow, pink, white, and warm brown.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A bright yellow studio portrait puts the host on a sofa behind the show wordmark, with three pink destination buttons along the bottom.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A television celebrity website reference; study how its opening presents identity and routes into the associated brand.\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": "celebrity-dua-lipa",
      "name": "Dua Lipa",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An embedded performance video sits within a bright red-and-blue confetti frame, under a large italic artist wordmark.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.dualipa.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-dua-lipa/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BkzTdPnS.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DJ_r1EKi.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Celebratory and energetic.",
        "colors": "Red, blue, black, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An embedded performance video sits within a bright red-and-blue confetti frame, under a large italic artist wordmark.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Dua Lipa\nSource: https://www.dualipa.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-dua-lipa/\nCaptured: 2026-09-08. 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: Celebratory and energetic.\n- colors: Red, blue, black, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An embedded performance video sits within a bright red-and-blue confetti frame, under a large italic artist wordmark.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-ed-sheeran",
      "name": "Ed Sheeran",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Pink navigation and a cassette-shaped tour mark sit over performance footage, with a matching tour-date action near the bottom.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.edsheeran.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-ed-sheeran/",
      "screenshot_url": "https://swipefile.design/_astro/preview.daeUeUGi.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bhj0kkHX.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Direct and lively.",
        "colors": "Hot pink, pale gray, black, and photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Pink navigation and a cassette-shaped tour mark sit over performance footage, with a matching tour-date action near the bottom.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Ed Sheeran\nSource: https://www.edsheeran.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-ed-sheeran/\nCaptured: 2026-09-08. 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: Direct and lively.\n- colors: Hot pink, pale gray, black, and photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Pink navigation and a cassette-shaped tour mark sit over performance footage, with a matching tour-date action near the bottom.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-elton-john",
      "name": "Elton John",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A large performance photograph meets a slanted charcoal information panel, with a compact logo rail and small social links along the edge.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.eltonjohn.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-elton-john/",
      "screenshot_url": "https://swipefile.design/_astro/preview.6DgKlT3Q.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CI46DUa7.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Theatrical and structured.",
        "colors": "Black, turquoise, burgundy, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A large performance photograph meets a slanted charcoal information panel, with a compact logo rail and small social links along the edge.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Elton John\nSource: https://www.eltonjohn.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-elton-john/\nCaptured: 2026-09-08. 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: Theatrical and structured.\n- colors: Black, turquoise, burgundy, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A large performance photograph meets a slanted charcoal information panel, with a compact logo rail and small social links along the edge.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-eminem",
      "name": "Eminem",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A red identity bar anchors a black storefront, with a product-led campaign, bold red release text, and a direct shop link.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.eminem.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-eminem/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DuixbOpp.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.jWr1VLdb.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Forceful and graphic.",
        "colors": "Red, black, white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A red identity bar anchors a black storefront, with a product-led campaign, bold red release text, and a direct shop link.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Eminem\nSource: https://www.eminem.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-eminem/\nCaptured: 2026-09-08. 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: Forceful and graphic.\n- colors: Red, black, white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A red identity bar anchors a black storefront, with a product-led campaign, bold red release text, and a direct shop link.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-gracie-abrams",
      "name": "Gracie Abrams — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A narrow promotional strip and restrained store header lead into a close portrait, letting the campaign image carry most of the page’s character.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://shop.gracieabrams.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-gracie-abrams/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CUN_P-dr.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Di9iXbW_.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Intimate and product-led.",
        "colors": "Warm ivory, dark brown, black, and red accents.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A narrow promotional strip and restrained store header lead into a close portrait, letting the campaign image carry most of the page’s character.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Gracie Abrams — Official store\nSource: https://shop.gracieabrams.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-gracie-abrams/\nCaptured: 2026-09-08. 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: Intimate and product-led.\n- colors: Warm ivory, dark brown, black, and red accents.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A narrow promotional strip and restrained store header lead into a close portrait, letting the campaign image carry most of the page’s character.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-halle-berry",
      "name": "Halle Berry — Respin",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Respin combines a wide candid group photograph with a bold white statement and a restrained editorial navigation.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into the associated brand.",
      "source_url": "https://www.re-spin.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-halle-berry/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BoDOPa8V.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bw63fMqg.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "celebrity-brand"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Warm and community-led.",
        "colors": "White, black, red, green, and photographic neutrals.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Respin combines a wide candid group photograph with a bold white statement and a restrained editorial navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Halle Berry — Respin\nSource: https://www.re-spin.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-halle-berry/\nCaptured: 2026-09-08. 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: Warm and community-led.\n- colors: White, black, red, green, and photographic neutrals.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Respin combines a wide candid group photograph with a bold white statement and a restrained editorial navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into the associated brand.\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": "celebrity-halsey",
      "name": "Halsey",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A mustard navigation bar frames an enlarged vintage-style album artwork, with hand-drawn rays and decorative lettering doing the visual work.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.iamhalsey.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-halsey/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dq4Yc_jN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.vHKBTLLo.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Vintage and expressive.",
        "colors": "Mustard yellow, cream, black, and muted brown.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A mustard navigation bar frames an enlarged vintage-style album artwork, with hand-drawn rays and decorative lettering doing the visual work.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Halsey\nSource: https://www.iamhalsey.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-halsey/\nCaptured: 2026-09-08. 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: Vintage and expressive.\n- colors: Mustard yellow, cream, black, and muted brown.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A mustard navigation bar frames an enlarged vintage-style album artwork, with hand-drawn rays and decorative lettering doing the visual work.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-helen-mirren",
      "name": "Helen Mirren",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A monochrome portrait and bold handwritten backdrop introduce the actor, with a white serif name and a compact gray navigation strip.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.helenmirren.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-helen-mirren/",
      "screenshot_url": "https://swipefile.design/_astro/preview.xb6F92V5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CZFV-Vh3.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Classic and personal.",
        "colors": "Black, white, gray, and subtle photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A monochrome portrait and bold handwritten backdrop introduce the actor, with a white serif name and a compact gray navigation strip.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Helen Mirren\nSource: https://www.helenmirren.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-helen-mirren/\nCaptured: 2026-09-08. 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: Classic and personal.\n- colors: Black, white, gray, and subtle photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A monochrome portrait and bold handwritten backdrop introduce the actor, with a white serif name and a compact gray navigation strip.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-iliza-shlesinger",
      "name": "Iliza Shlesinger",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An enormous black identity sits behind a performance portrait, framed by a muted blue navigation bar and a direct transition into tour dates.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://iliza.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-iliza-shlesinger/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bry9tEEW.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.orgtVBuo.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and tour-focused.",
        "colors": "Muted blue, white, black, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An enormous black identity sits behind a performance portrait, framed by a muted blue navigation bar and a direct transition into tour dates.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Iliza Shlesinger\nSource: https://iliza.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-iliza-shlesinger/\nCaptured: 2026-09-08. 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: Bold and tour-focused.\n- colors: Muted blue, white, black, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An enormous black identity sits behind a performance portrait, framed by a muted blue navigation bar and a direct transition into tour dates.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-jack-whitehall",
      "name": "Jack Whitehall",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A black textured hero pairs a close portrait with stacked angular white lettering, framed by purple ticket controls.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.jackwhitehall.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jack-whitehall/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DbFFsO02.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.I9tPrXaJ.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Direct and graphic.",
        "colors": "Black, white, violet, and muted skin tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A black textured hero pairs a close portrait with stacked angular white lettering, framed by purple ticket controls.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jack Whitehall\nSource: https://www.jackwhitehall.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jack-whitehall/\nCaptured: 2026-09-08. 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: Direct and graphic.\n- colors: Black, white, violet, and muted skin tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A black textured hero pairs a close portrait with stacked angular white lettering, framed by purple ticket controls.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-jane-fonda",
      "name": "Jane Fonda",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A widely spaced black identity sits in a white editorial header above a large activism video and a compact archive navigation.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://janefonda.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jane-fonda/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CTWRtSRB.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DZMZ5PNI.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Editorial and purposeful.",
        "colors": "White, black, warm brown, and muted photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A widely spaced black identity sits in a white editorial header above a large activism video and a compact archive navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jane Fonda\nSource: https://janefonda.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jane-fonda/\nCaptured: 2026-09-08. 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 purposeful.\n- colors: White, black, warm brown, and muted photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A widely spaced black identity sits in a white editorial header above a large activism video and a compact archive navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-janet-jackson",
      "name": "Janet Jackson",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A fine-line identity and small navigation sit on a black page above a scrolling announcement and a purple performance image.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.janetjackson.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-janet-jackson/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cr2MUedu.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Ds0XCA-5.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Spare and stage-led.",
        "colors": "Black, white, violet, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A fine-line identity and small navigation sit on a black page above a scrolling announcement and a purple performance image.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Janet Jackson\nSource: https://www.janetjackson.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-janet-jackson/\nCaptured: 2026-09-08. 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: Spare and stage-led.\n- colors: Black, white, violet, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A fine-line identity and small navigation sit on a black page above a scrolling announcement and a purple performance image.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-jerry-seinfeld",
      "name": "Jerry Seinfeld",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dark stage photograph balances a short welcome message with one yellow heading, beneath a handwritten identity and small navigation.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.jerryseinfeld.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jerry-seinfeld/",
      "screenshot_url": "https://swipefile.design/_astro/preview.vW69r_HQ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DoF6rGib.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Quiet and stage-led.",
        "colors": "Black, white, gray, and muted yellow.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dark stage photograph balances a short welcome message with one yellow heading, beneath a handwritten identity and small navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jerry Seinfeld\nSource: https://www.jerryseinfeld.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jerry-seinfeld/\nCaptured: 2026-09-08. 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: Quiet and stage-led.\n- colors: Black, white, gray, and muted yellow.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dark stage photograph balances a short welcome message with one yellow heading, beneath a handwritten identity and small navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-jessica-alba",
      "name": "Jessica Alba — The Honest Company",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "The Honest Company pairs soft product footage with a white brand mark, small commerce navigation, and an understated product promise.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into the associated brand.",
      "source_url": "https://honest.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jessica-alba/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Xuti7_sV.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BFIczMqC.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "celebrity-brand"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Soft and product-focused.",
        "colors": "Warm white, beige, soft gray, and muted green.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "The Honest Company pairs soft product footage with a white brand mark, small commerce navigation, and an understated product promise.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jessica Alba — The Honest Company\nSource: https://honest.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jessica-alba/\nCaptured: 2026-09-08. 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: Soft and product-focused.\n- colors: Warm white, beige, soft gray, and muted green.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: The Honest Company pairs soft product footage with a white brand mark, small commerce navigation, and an understated product promise.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into the associated brand.\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": "celebrity-jim-gaffigan",
      "name": "Jim Gaffigan",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A seated portrait against dark curtains carries a small white welcome message below a tidy white navigation strip.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.jimgaffigan.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jim-gaffigan/",
      "screenshot_url": "https://swipefile.design/_astro/preview.FdKkHh4a.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Db4rzR1m.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Simple and personable.",
        "colors": "Black, midnight blue, white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A seated portrait against dark curtains carries a small white welcome message below a tidy white navigation strip.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jim Gaffigan\nSource: https://www.jimgaffigan.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jim-gaffigan/\nCaptured: 2026-09-08. 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: Simple and personable.\n- colors: Black, midnight blue, white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A seated portrait against dark curtains carries a small white welcome message below a tidy white navigation strip.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-jimmy-carr",
      "name": "Jimmy Carr",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An orange tour hero balances a laughing portrait with heavy black lettering, under a compact dark navigation bar.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.jimmycarr.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-jimmy-carr/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DNmJGH34.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BQFxqci_.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Punchy and poster-like.",
        "colors": "Orange, black, white, and warm brown.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An orange tour hero balances a laughing portrait with heavy black lettering, under a compact dark navigation bar.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Jimmy Carr\nSource: https://www.jimmycarr.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-jimmy-carr/\nCaptured: 2026-09-08. 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: Punchy and poster-like.\n- colors: Orange, black, white, and warm brown.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An orange tour hero balances a laughing portrait with heavy black lettering, under a compact dark navigation bar.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-john-legend",
      "name": "John Legend",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A monochrome photograph of the artist at a piano balances an oversized stacked black name on a warm off-white background.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://johnlegend.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-john-legend/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bfs8NTKg.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BNSkCGDG.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Confident and minimal.",
        "colors": "Off-white, black, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A monochrome photograph of the artist at a piano balances an oversized stacked black name on a warm off-white background.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: John Legend\nSource: https://johnlegend.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-john-legend/\nCaptured: 2026-09-08. 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: Confident and minimal.\n- colors: Off-white, black, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A monochrome photograph of the artist at a piano balances an oversized stacked black name on a warm off-white background.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-kacey-musgraves",
      "name": "Kacey Musgraves — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A warm Western photograph of the artist and a longhorn sits under an oversized script mark and a compact store navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://kaceymusgraves.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-kacey-musgraves/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BgqfMYLQ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.hAu5OxDi.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Rustic and understated.",
        "colors": "Cream, dusty gray, brown, and rust red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A warm Western photograph of the artist and a longhorn sits under an oversized script mark and a compact store navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Kacey Musgraves — Official store\nSource: https://kaceymusgraves.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-kacey-musgraves/\nCaptured: 2026-09-08. 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: Rustic and understated.\n- colors: Cream, dusty gray, brown, and rust red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A warm Western photograph of the artist and a longhorn sits under an oversized script mark and a compact store navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-katy-perry",
      "name": "Katy Perry",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Centered portrait artwork sits against an enlarged warm blurred background, with ornate display text and a small listening action.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.katyperry.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-katy-perry/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DO8oK_PR.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BIYBnD2_.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Dramatic and intimate.",
        "colors": "Amber, warm brown, black, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Centered portrait artwork sits against an enlarged warm blurred background, with ornate display text and a small listening action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Katy Perry\nSource: https://www.katyperry.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-katy-perry/\nCaptured: 2026-09-08. 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: Dramatic and intimate.\n- colors: Amber, warm brown, black, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Centered portrait artwork sits against an enlarged warm blurred background, with ornate display text and a small listening action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-kendrick-lamar",
      "name": "Kendrick Lamar — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A small script identity and sparse navigation sit above widely spaced vinyl products on a white storefront.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://shop.my-gnx.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-kendrick-lamar/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C6-1PjRu.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.1eb1yfTX.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Minimal and product-led.",
        "colors": "White, black, and light gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A small script identity and sparse navigation sit above widely spaced vinyl products on a white storefront.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Kendrick Lamar — Official store\nSource: https://shop.my-gnx.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-kendrick-lamar/\nCaptured: 2026-09-08. 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: Minimal and product-led.\n- colors: White, black, and light gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A small script identity and sparse navigation sit above widely spaced vinyl products on a white storefront.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-lady-gaga",
      "name": "Lady Gaga",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Distressed white album lettering cuts across a red-and-black portrait, with a thin top navigation and a compact image timeline along the bottom.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.ladygaga.com/us-en",
      "reference_url": "https://swipefile.design/ref/celebrity-lady-gaga/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ByQbJApp.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Dib_0_u-.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Raw and theatrical.",
        "colors": "Black, scarlet, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Distressed white album lettering cuts across a red-and-black portrait, with a thin top navigation and a compact image timeline along the bottom.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lady Gaga\nSource: https://www.ladygaga.com/us-en\nSwipefile reference: https://swipefile.design/ref/celebrity-lady-gaga/\nCaptured: 2026-09-08. 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: Raw and theatrical.\n- colors: Black, scarlet, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Distressed white album lettering cuts across a red-and-black portrait, with a thin top navigation and a compact image timeline along the bottom.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lana-del-rey",
      "name": "Lana Del Rey",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A pale, softly textured portrait composition leaves room for a small centered name and a row of understated music and store links.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lanadelrey.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lana-del-rey/",
      "screenshot_url": "https://swipefile.design/_astro/preview.NAYckFvl.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.c6BH7PRD.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Delicate and understated.",
        "colors": "Pale sage, cream, soft gray, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A pale, softly textured portrait composition leaves room for a small centered name and a row of understated music and store links.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lana Del Rey\nSource: https://www.lanadelrey.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lana-del-rey/\nCaptured: 2026-09-08. 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: Delicate and understated.\n- colors: Pale sage, cream, soft gray, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A pale, softly textured portrait composition leaves room for a small centered name and a row of understated music and store links.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-laufey",
      "name": "Laufey",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A star-filled night scene frames the artist on a ladder among oversized clock numerals, with a script wordmark and small links around the edges.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.laufeymusic.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-laufey/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ga9YOE3E.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DIl9muR4.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Whimsical and cinematic.",
        "colors": "Midnight blue, silver, black, and warm ivory.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A star-filled night scene frames the artist on a ladder among oversized clock numerals, with a script wordmark and small links around the edges.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Laufey\nSource: https://www.laufeymusic.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-laufey/\nCaptured: 2026-09-08. 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: Whimsical and cinematic.\n- colors: Midnight blue, silver, black, and warm ivory.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A star-filled night scene frames the artist on a ladder among oversized clock numerals, with a script wordmark and small links around the edges.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lebron-james",
      "name": "LeBron James",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An archival basketball photograph fills the opening beneath an enormous white first name, with a minimal black identity bar above.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lebronjames.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lebron-james/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D_O8s1DI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B3gRxRgx.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and biographical.",
        "colors": "Warm brown, black, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An archival basketball photograph fills the opening beneath an enormous white first name, with a minimal black identity bar above.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: LeBron James\nSource: https://www.lebronjames.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lebron-james/\nCaptured: 2026-09-08. 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: Bold and biographical.\n- colors: Warm brown, black, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An archival basketball photograph fills the opening beneath an enormous white first name, with a minimal black identity bar above.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lenny-kravitz",
      "name": "Lenny Kravitz",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Deep blue photographic footage fills the opening, with a small lightning identity, spaced navigation, and understated social links.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://lennykravitz.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lenny-kravitz/",
      "screenshot_url": "https://swipefile.design/_astro/preview.dZSKj9Vf.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.GJzqIxMJ.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Moody and cinematic.",
        "colors": "Midnight blue, black, white, and violet.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Deep blue photographic footage fills the opening, with a small lightning identity, spaced navigation, and understated social links.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lenny Kravitz\nSource: https://lennykravitz.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lenny-kravitz/\nCaptured: 2026-09-08. 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: Moody and cinematic.\n- colors: Midnight blue, black, white, and violet.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Deep blue photographic footage fills the opening, with a small lightning identity, spaced navigation, and understated social links.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lewis-capaldi",
      "name": "Lewis Capaldi",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A centered live-performance video thumbnail sits in a black page, beneath a small narrow wordmark and a minimal menu control.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lewiscapaldi.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lewis-capaldi/",
      "screenshot_url": "https://swipefile.design/_astro/preview.tmO8436x.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DNuUxs1D.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Focused and performance-led.",
        "colors": "Black, white, charcoal, and subdued gold.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A centered live-performance video thumbnail sits in a black page, beneath a small narrow wordmark and a minimal menu control.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lewis Capaldi\nSource: https://www.lewiscapaldi.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lewis-capaldi/\nCaptured: 2026-09-08. 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: Focused and performance-led.\n- colors: Black, white, charcoal, and subdued gold.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A centered live-performance video thumbnail sits in a black page, beneath a small narrow wordmark and a minimal menu control.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lewis-hamilton",
      "name": "Lewis Hamilton",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A full-width architectural portrait uses red shutters as a backdrop for a simple white name and a compact group of social links.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lewishamilton.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lewis-hamilton/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CFWsEA0A.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DgTllu-4.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Personal and understated.",
        "colors": "Pale gray, red, white, and charcoal.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A full-width architectural portrait uses red shutters as a backdrop for a simple white name and a compact group of social links.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lewis Hamilton\nSource: https://www.lewishamilton.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lewis-hamilton/\nCaptured: 2026-09-08. 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: Personal and understated.\n- colors: Pale gray, red, white, and charcoal.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A full-width architectural portrait uses red shutters as a backdrop for a simple white name and a compact group of social links.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lizzo",
      "name": "Lizzo",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Fine labeled leader lines radiate from a monochrome portrait, making music, events, shopping, and other destinations part of the composition.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lizzomusic.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-lizzo/",
      "screenshot_url": "https://swipefile.design/_astro/preview.jT2bLdod.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CRzGBjo7.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Graphic and personality-led.",
        "colors": "Warm off-white, black, gray, and red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Fine labeled leader lines radiate from a monochrome portrait, making music, events, shopping, and other destinations part of the composition.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lizzo\nSource: https://www.lizzomusic.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-lizzo/\nCaptured: 2026-09-08. 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: Graphic and personality-led.\n- colors: Warm off-white, black, gray, and red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Fine labeled leader lines radiate from a monochrome portrait, making music, events, shopping, and other destinations part of the composition.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-lorde",
      "name": "Lorde",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A browser-like select control and rounded video panel create a deliberately simple white page with minimal supporting text.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.lorde.co.nz/",
      "reference_url": "https://swipefile.design/ref/celebrity-lorde/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DM3_7MPd.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BjobRvkx.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Informal and stripped-back.",
        "colors": "White, cool gray, muted blue, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A browser-like select control and rounded video panel create a deliberately simple white page with minimal supporting text.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Lorde\nSource: https://www.lorde.co.nz/\nSwipefile reference: https://swipefile.design/ref/celebrity-lorde/\nCaptured: 2026-09-08. 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: Informal and stripped-back.\n- colors: White, cool gray, muted blue, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A browser-like select control and rounded video panel create a deliberately simple white page with minimal supporting text.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-louis-tomlinson",
      "name": "Louis Tomlinson",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A sunlit album photograph fills the opening under a centered condensed name, with release lettering integrated into the image.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://louis-tomlinson.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-louis-tomlinson/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BxLhKVFq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bj4TQYjD.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sun-washed and informal.",
        "colors": "Golden yellow, green, muted orange, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A sunlit album photograph fills the opening under a centered condensed name, with release lettering integrated into the image.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Louis Tomlinson\nSource: https://louis-tomlinson.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-louis-tomlinson/\nCaptured: 2026-09-08. 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: Sun-washed and informal.\n- colors: Golden yellow, green, muted orange, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A sunlit album photograph fills the opening under a centered condensed name, with release lettering integrated into the image.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-madonna",
      "name": "Madonna",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A compact hot-pink navigation block contrasts with a large purple campaign photograph and oversized white release text.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.madonna.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-madonna/",
      "screenshot_url": "https://swipefile.design/_astro/preview.P_g5QPLP.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BIHbz_J9.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Expressive and theatrical.",
        "colors": "Hot pink, violet, white, and red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A compact hot-pink navigation block contrasts with a large purple campaign photograph and oversized white release text.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Madonna\nSource: https://www.madonna.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-madonna/\nCaptured: 2026-09-08. 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: Expressive and theatrical.\n- colors: Hot pink, violet, white, and red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A compact hot-pink navigation block contrasts with a large purple campaign photograph and oversized white release text.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-mariah-carey",
      "name": "Mariah Carey",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A monochrome portrait balances a neatly arranged set of anniversary records and gold release typography against a charcoal background.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://mariahcarey.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-mariah-carey/",
      "screenshot_url": "https://swipefile.design/_astro/preview.2Z7CyZbP.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CimONmOI.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Elegant and commemorative.",
        "colors": "Charcoal, silver gray, warm gold, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A monochrome portrait balances a neatly arranged set of anniversary records and gold release typography against a charcoal background.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Mariah Carey\nSource: https://mariahcarey.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-mariah-carey/\nCaptured: 2026-09-08. 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: Elegant and commemorative.\n- colors: Charcoal, silver gray, warm gold, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A monochrome portrait balances a neatly arranged set of anniversary records and gold release typography against a charcoal background.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-max-verstappen",
      "name": "Max Verstappen",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A large white emblem overlays energetic fan and racing footage, with two red primary actions and small supporting navigation.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.verstappen.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-max-verstappen/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CsQDlM_m.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.OMmiZ_F2.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Energetic and brand-led.",
        "colors": "Black, white, vivid red, and photographic color.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A large white emblem overlays energetic fan and racing footage, with two red primary actions and small supporting navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Max Verstappen\nSource: https://www.verstappen.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-max-verstappen/\nCaptured: 2026-09-08. 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: Energetic and brand-led.\n- colors: Black, white, vivid red, and photographic color.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A large white emblem overlays energetic fan and racing footage, with two red primary actions and small supporting navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-michael-weatherly",
      "name": "Michael Weatherly",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A framed monochrome portrait sits beside a concise orange introduction in a narrow charcoal layout, with small navigation and a simple footer.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.michaelweatherly.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-michael-weatherly/",
      "screenshot_url": "https://swipefile.design/_astro/preview.bt3EExu4.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B7vXCQGx.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Personal and straightforward.",
        "colors": "Charcoal, muted orange, white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A framed monochrome portrait sits beside a concise orange introduction in a narrow charcoal layout, with small navigation and a simple footer.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Michael Weatherly\nSource: https://www.michaelweatherly.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-michael-weatherly/\nCaptured: 2026-09-08. 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: Personal and straightforward.\n- colors: Charcoal, muted orange, white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A framed monochrome portrait sits beside a concise orange introduction in a narrow charcoal layout, with small navigation and a simple footer.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-niall-horan",
      "name": "Niall Horan — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Two adjacent performance photographs create a tour-led store hero, with a small white announcement and a coral ticket action.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://niallhoran.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-niall-horan/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CuGHRVf-.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BFQpotP6.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Warm and performance-led.",
        "colors": "Cream, black, dark blue, and coral.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Two adjacent performance photographs create a tour-led store hero, with a small white announcement and a coral ticket action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Niall Horan — Official store\nSource: https://niallhoran.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-niall-horan/\nCaptured: 2026-09-08. 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: Warm and performance-led.\n- colors: Cream, black, dark blue, and coral.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Two adjacent performance photographs create a tour-led store hero, with a small white announcement and a coral ticket action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-nicki-minaj",
      "name": "Nicki Minaj",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A bright pink header and soft pink campaign frame surround an anniversary album image, with compact white navigation and a small action.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.nickiminajofficial.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-nicki-minaj/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D87nZV08.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BHBdr0bw.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and celebratory.",
        "colors": "Magenta, blush pink, cream, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A bright pink header and soft pink campaign frame surround an anniversary album image, with compact white navigation and a small action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Nicki Minaj\nSource: https://www.nickiminajofficial.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-nicki-minaj/\nCaptured: 2026-09-08. 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: Bold and celebratory.\n- colors: Magenta, blush pink, cream, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A bright pink header and soft pink campaign frame surround an anniversary album image, with compact white navigation and a small action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-norah-jones",
      "name": "Norah Jones",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A pale blue header and geometric multicolor wordmark sit above a close portrait and matching album lettering.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.norahjones.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-norah-jones/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CRtZmohY.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DkM50wEI.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Warm and graphic.",
        "colors": "Teal, coral, mustard, pale blue, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A pale blue header and geometric multicolor wordmark sit above a close portrait and matching album lettering.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Norah Jones\nSource: https://www.norahjones.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-norah-jones/\nCaptured: 2026-09-08. 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: Warm and graphic.\n- colors: Teal, coral, mustard, pale blue, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A pale blue header and geometric multicolor wordmark sit above a close portrait and matching album lettering.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-novak-djokovic",
      "name": "Novak Djokovic",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A trophy portrait overlaps enormous translucent numerals, with compact performance information and a narrow red feature rail.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://novakdjokovic.com/en/",
      "reference_url": "https://swipefile.design/ref/celebrity-novak-djokovic/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DltNiA87.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DGAGaztJ.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Statistical and celebratory.",
        "colors": "Navy, red, white, and metallic gold.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A trophy portrait overlaps enormous translucent numerals, with compact performance information and a narrow red feature rail.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Novak Djokovic\nSource: https://novakdjokovic.com/en/\nSwipefile reference: https://swipefile.design/ref/celebrity-novak-djokovic/\nCaptured: 2026-09-08. 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: Statistical and celebratory.\n- colors: Navy, red, white, and metallic gold.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A trophy portrait overlaps enormous translucent numerals, with compact performance information and a narrow red feature rail.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-olivia-rodrigo",
      "name": "Olivia Rodrigo — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "The official store opens into an illustrated pink bedroom, using objects, wall details, and small shop controls to establish a playful setting.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://store.oliviarodrigo.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-olivia-rodrigo/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DJ34uDHk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.1RH_PPCH.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Illustrated and nostalgic.",
        "colors": "Dusty pink, cream, pale green, and warm brown.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "The official store opens into an illustrated pink bedroom, using objects, wall details, and small shop controls to establish a playful setting.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Olivia Rodrigo — Official store\nSource: https://store.oliviarodrigo.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-olivia-rodrigo/\nCaptured: 2026-09-08. 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: Illustrated and nostalgic.\n- colors: Dusty pink, cream, pale green, and warm brown.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: The official store opens into an illustrated pink bedroom, using objects, wall details, and small shop controls to establish a playful setting.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-paul-mccartney",
      "name": "Paul McCartney",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A warm cream canvas surrounds a centered outlined album label, with a handwritten identity at the top and a small release action.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.paulmccartney.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-paul-mccartney/",
      "screenshot_url": "https://swipefile.design/_astro/preview.PZNnQjul.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.wxOQ27rO.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Spare and nostalgic.",
        "colors": "Cream, black, and a small red accent.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A warm cream canvas surrounds a centered outlined album label, with a handwritten identity at the top and a small release action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Paul McCartney\nSource: https://www.paulmccartney.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-paul-mccartney/\nCaptured: 2026-09-08. 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: Spare and nostalgic.\n- colors: Cream, black, and a small red accent.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A warm cream canvas surrounds a centered outlined album label, with a handwritten identity at the top and a small release action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-peggy-gou",
      "name": "Peggy Gou",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Soft overlapping cyan and magenta circles glow against black, above a thin row of music, tour, label, and collaboration links.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.peggygou.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-peggy-gou/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C-qbdG1W.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C24pGoeo.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Abstract and atmospheric.",
        "colors": "Black, cyan, magenta, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Soft overlapping cyan and magenta circles glow against black, above a thin row of music, tour, label, and collaboration links.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Peggy Gou\nSource: https://www.peggygou.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-peggy-gou/\nCaptured: 2026-09-08. 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: Abstract and atmospheric.\n- colors: Black, cyan, magenta, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Soft overlapping cyan and magenta circles glow against black, above a thin row of music, tour, label, and collaboration links.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-post-malone",
      "name": "Post Malone",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A fixed black identity rail sits beside a wide reflective lake scene, with a numbered list of site destinations down the side.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.postmalone.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-post-malone/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cc8rmMzb.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D0Okr5Sd.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Spacious and atmospheric.",
        "colors": "Black, lake blue, pale gray, and muted earth tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A fixed black identity rail sits beside a wide reflective lake scene, with a numbered list of site destinations down the side.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Post Malone\nSource: https://www.postmalone.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-post-malone/\nCaptured: 2026-09-08. 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: Spacious and atmospheric.\n- colors: Black, lake blue, pale gray, and muted earth tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A fixed black identity rail sits beside a wide reflective lake scene, with a numbered list of site destinations down the side.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-rafael-nadal",
      "name": "Rafael Nadal",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dark side rail and large tennis photograph are divided by subtle vertical rules into labeled destinations along the bottom.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://rafaelnadal.com/en/",
      "reference_url": "https://swipefile.design/ref/celebrity-rafael-nadal/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CfWYDHwI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.7fBWJPdQ.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Athletic and structured.",
        "colors": "Deep blue, black, white, and clay orange.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dark side rail and large tennis photograph are divided by subtle vertical rules into labeled destinations along the bottom.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Rafael Nadal\nSource: https://rafaelnadal.com/en/\nSwipefile reference: https://swipefile.design/ref/celebrity-rafael-nadal/\nCaptured: 2026-09-08. 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: Athletic and structured.\n- colors: Deep blue, black, white, and clay orange.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dark side rail and large tennis photograph are divided by subtle vertical rules into labeled destinations along the bottom.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-raye",
      "name": "Raye",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "Red stage curtains form the backdrop for gold navigation labels and a large centered music-video panel.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.rayeofficial.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-raye/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dnimvj7X.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Cy__0j8D.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Theatrical and simple.",
        "colors": "Burgundy, warm gold, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "Red stage curtains form the backdrop for gold navigation labels and a large centered music-video panel.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Raye\nSource: https://www.rayeofficial.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-raye/\nCaptured: 2026-09-08. 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: Theatrical and simple.\n- colors: Burgundy, warm gold, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: Red stage curtains form the backdrop for gold navigation labels and a large centered music-video panel.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-russell-howard",
      "name": "Russell Howard",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A centered portrait with a microphone overlaps huge white name lettering on a blue background, with yellow tour and ticket accents.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.russell-howard.co.uk/",
      "reference_url": "https://swipefile.design/ref/celebrity-russell-howard/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bb-yZJwi.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CjyoaK_w.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Clear and upbeat.",
        "colors": "Navy blue, white, bright yellow, and light blue.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A centered portrait with a microphone overlaps huge white name lettering on a blue background, with yellow tour and ticket accents.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Russell Howard\nSource: https://www.russell-howard.co.uk/\nSwipefile reference: https://swipefile.design/ref/celebrity-russell-howard/\nCaptured: 2026-09-08. 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: Clear and upbeat.\n- colors: Navy blue, white, bright yellow, and light blue.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A centered portrait with a microphone overlaps huge white name lettering on a blue background, with yellow tour and ticket accents.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-sza",
      "name": "SZA",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An illustrated cutaway landscape places small ants and labeled destinations below tall grass, turning navigation into part of the scene.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.szasos.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-sza/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cp7aUvo8.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CsdHkLMl.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Playful and immersive.",
        "colors": "Earth brown, grass green, sky blue, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An illustrated cutaway landscape places small ants and labeled destinations below tall grass, turning navigation into part of the scene.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: SZA\nSource: https://www.szasos.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-sza/\nCaptured: 2026-09-08. 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 immersive.\n- colors: Earth brown, grass green, sky blue, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An illustrated cutaway landscape places small ants and labeled destinations below tall grass, turning navigation into part of the scene.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-sabrina-carpenter",
      "name": "Sabrina Carpenter",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dense contact sheet of portraits becomes the background for a centered album announcement and a small streaming action.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.sabrinacarpenter.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-sabrina-carpenter/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BcnRAo0V.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D51uW4v8.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Playful and editorial.",
        "colors": "Muted gold, charcoal, cream, and photographic browns.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dense contact sheet of portraits becomes the background for a centered album announcement and a small streaming action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Sabrina Carpenter\nSource: https://www.sabrinacarpenter.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-sabrina-carpenter/\nCaptured: 2026-09-08. 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 editorial.\n- colors: Muted gold, charcoal, cream, and photographic browns.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dense contact sheet of portraits becomes the background for a centered album announcement and a small streaming action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-sam-smith",
      "name": "Sam Smith",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A warm sepia portrait stretches across the opening behind a delicate script identity and widely spaced small navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.samsmithworld.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-sam-smith/",
      "screenshot_url": "https://swipefile.design/_astro/preview.eMvAzxhl.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BvTEJ_j7.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sensual and understated.",
        "colors": "Sepia, brown, black, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A warm sepia portrait stretches across the opening behind a delicate script identity and widely spaced small navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Sam Smith\nSource: https://www.samsmithworld.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-sam-smith/\nCaptured: 2026-09-08. 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: Sensual and understated.\n- colors: Sepia, brown, black, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A warm sepia portrait stretches across the opening behind a delicate script identity and widely spaced small navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-sebastian-maniscalco",
      "name": "Sebastian Maniscalco",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An orange-red campaign background combines an oversized black show title with a close portrait and a small black identity bar.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.sebastianlive.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-sebastian-maniscalco/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ByB6yOvm.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BvqxIufY.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and humorous.",
        "colors": "Coral, orange, black, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An orange-red campaign background combines an oversized black show title with a close portrait and a small black identity bar.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Sebastian Maniscalco\nSource: https://www.sebastianlive.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-sebastian-maniscalco/\nCaptured: 2026-09-08. 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: Bold and humorous.\n- colors: Coral, orange, black, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An orange-red campaign background combines an oversized black show title with a close portrait and a small black identity bar.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-selena-gomez",
      "name": "Selena Gomez — Official store",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A pink shop announcement uses pixel-style cherubs and hearts around hand-drawn lettering, beneath a compact cream storefront header.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into products.",
      "source_url": "https://store.selenagomez.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-selena-gomez/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BvKf5h7Q.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C41hRRES.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "official-store"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sweet and nostalgic.",
        "colors": "Blush pink, muted red, cream, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A pink shop announcement uses pixel-style cherubs and hearts around hand-drawn lettering, beneath a compact cream storefront header.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Selena Gomez — Official store\nSource: https://store.selenagomez.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-selena-gomez/\nCaptured: 2026-09-08. 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: Sweet and nostalgic.\n- colors: Blush pink, muted red, cream, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A pink shop announcement uses pixel-style cherubs and hearts around hand-drawn lettering, beneath a compact cream storefront header.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into products.\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": "celebrity-serena-williams",
      "name": "Serena Williams",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A single tall fashion portrait on a tennis court is centered within a broad white field, making the image the opening statement.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.serenawilliams.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-serena-williams/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CkXr80N-.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BXk2FeuL.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sparse and portrait-led.",
        "colors": "White, court blue, warm cream, and photographic green.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A single tall fashion portrait on a tennis court is centered within a broad white field, making the image the opening statement.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Serena Williams\nSource: https://www.serenawilliams.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-serena-williams/\nCaptured: 2026-09-08. 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: Sparse and portrait-led.\n- colors: White, court blue, warm cream, and photographic green.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A single tall fashion portrait on a tennis court is centered within a broad white field, making the image the opening statement.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-shaquille-o-neal",
      "name": "Shaquille O’Neal",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A heavy white wordmark sits in a black commerce header above a large smiling video portrait and a compact category navigation.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://shaq.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-shaquille-o-neal/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DSR2HyQp.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.VXQgeTm6.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Friendly and commerce-led.",
        "colors": "Black, white, warm gray, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A heavy white wordmark sits in a black commerce header above a large smiling video portrait and a compact category navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Shaquille O’Neal\nSource: https://shaq.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-shaquille-o-neal/\nCaptured: 2026-09-08. 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: Friendly and commerce-led.\n- colors: Black, white, warm gray, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A heavy white wordmark sits in a black commerce header above a large smiling video portrait and a compact category navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-shawn-mendes",
      "name": "Shawn Mendes",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A monochrome close-up portrait spans the hero, with italic album lettering and small pill actions placed in the open image areas.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.shawnmendesofficial.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-shawn-mendes/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DK8j94Pn.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D4p-R0Kd.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Quiet and intimate.",
        "colors": "Black, cream, soft gray, and photographic neutrals.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A monochrome close-up portrait spans the hero, with italic album lettering and small pill actions placed in the open image areas.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Shawn Mendes\nSource: https://www.shawnmendesofficial.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-shawn-mendes/\nCaptured: 2026-09-08. 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: Quiet and intimate.\n- colors: Black, cream, soft gray, and photographic neutrals.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A monochrome close-up portrait spans the hero, with italic album lettering and small pill actions placed in the open image areas.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-steve-aoki",
      "name": "Steve Aoki",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A blue campaign panel places upright album artwork beside a concise release announcement, beneath a white header and hand-drawn identity.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://steveaoki.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-steve-aoki/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BydXtqFm.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CzQHwMCg.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Clear and release-focused.",
        "colors": "Sky blue, white, charcoal, and warm sand.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A blue campaign panel places upright album artwork beside a concise release announcement, beneath a white header and hand-drawn identity.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Steve Aoki\nSource: https://steveaoki.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-steve-aoki/\nCaptured: 2026-09-08. 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: Clear and release-focused.\n- colors: Sky blue, white, charcoal, and warm sand.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A blue campaign panel places upright album artwork beside a concise release announcement, beneath a white header and hand-drawn identity.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-sting",
      "name": "Sting",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A centered signature header and orderly navigation sit above a wide tour banner that combines outlined red lettering with a group photograph.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://sting.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-sting/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DwU5g9D5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DwBPNEVP.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Classic and organized.",
        "colors": "White, gray, black, and red.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A centered signature header and orderly navigation sit above a wide tour banner that combines outlined red lettering with a group photograph.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Sting\nSource: https://sting.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-sting/\nCaptured: 2026-09-08. 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: Classic and organized.\n- colors: White, gray, black, and red.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A centered signature header and orderly navigation sit above a wide tour banner that combines outlined red lettering with a group photograph.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-tate-mcrae",
      "name": "Tate McRae",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A black canvas pairs oversized blue identity lettering with a dark rectangular campaign image and compact album information.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.tatemcrae.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-tate-mcrae/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BF9xLvHP.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.QJAG-NIO.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Cool and graphic.",
        "colors": "Black, slate blue, and pale blue.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A black canvas pairs oversized blue identity lettering with a dark rectangular campaign image and compact album information.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Tate McRae\nSource: https://www.tatemcrae.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-tate-mcrae/\nCaptured: 2026-09-08. 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: Cool and graphic.\n- colors: Black, slate blue, and pale blue.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A black canvas pairs oversized blue identity lettering with a dark rectangular campaign image and compact album information.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-taylor-tomlinson",
      "name": "Taylor Tomlinson",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A cinematic portrait and church-like interior frame oversized gold blackletter release typography and a small watch action.",
      "use_for": "A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://taylortomlinsoncomedy.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-taylor-tomlinson/",
      "screenshot_url": "https://swipefile.design/_astro/preview.20oHsqc4.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BHtbwPiG.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "comedy",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Theatrical and cinematic.",
        "colors": "Deep brown, gold, black, and cream.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A cinematic portrait and church-like interior frame oversized gold blackletter release typography and a small watch action.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Taylor Tomlinson\nSource: https://taylortomlinsoncomedy.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-taylor-tomlinson/\nCaptured: 2026-09-08. 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: Theatrical and cinematic.\n- colors: Deep brown, gold, black, and cream.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A cinematic portrait and church-like interior frame oversized gold blackletter release typography and a small watch action.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A comedy celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-the-weeknd",
      "name": "The Weeknd",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A dark tour campaign pairs oversized angular lettering with a luminous circular stage image and minimal top navigation.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.theweeknd.com/tour/",
      "reference_url": "https://swipefile.design/ref/celebrity-the-weeknd/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BvnXJwyq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CJbQGx8y.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Cinematic and monumental.",
        "colors": "Black, midnight blue, icy white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A dark tour campaign pairs oversized angular lettering with a luminous circular stage image and minimal top navigation.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: The Weeknd\nSource: https://www.theweeknd.com/tour/\nSwipefile reference: https://swipefile.design/ref/celebrity-the-weeknd/\nCaptured: 2026-09-08. 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 monumental.\n- colors: Black, midnight blue, icy white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A dark tour campaign pairs oversized angular lettering with a luminous circular stage image and minimal top navigation.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-tom-felton",
      "name": "Tom Felton",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A seated monochrome portrait occupies one side of a nearly black page, while a narrow white identity and representation details form a small opposite column.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://tomfelton.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-tom-felton/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D8wOn2ZG.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D1D8dGeC.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Minimal and professional.",
        "colors": "Black, white, and warm gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A seated monochrome portrait occupies one side of a nearly black page, while a narrow white identity and representation details form a small opposite column.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Tom Felton\nSource: https://tomfelton.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-tom-felton/\nCaptured: 2026-09-08. 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: Minimal and professional.\n- colors: Black, white, and warm gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A seated monochrome portrait occupies one side of a nearly black page, while a narrow white identity and representation details form a small opposite column.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-tony-hawk",
      "name": "Tony Hawk",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A bold black identity and tidy white navigation frame a large outdoor portrait with a handwritten name across the photograph.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.tonyhawk.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-tony-hawk/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BcNVP-Qz.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.pvrWVn-q.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Personal and direct.",
        "colors": "White, black, warm stone, and muted green.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A bold black identity and tidy white navigation frame a large outdoor portrait with a handwritten name across the photograph.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Tony Hawk\nSource: https://www.tonyhawk.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-tony-hawk/\nCaptured: 2026-09-08. 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: Personal and direct.\n- colors: White, black, warm stone, and muted green.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A bold black identity and tidy white navigation frame a large outdoor portrait with a handwritten name across the photograph.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-travis-scott",
      "name": "Travis Scott",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An isolated sneaker floats in an almost empty black field, with tiny tour and shop controls and a small emblem below.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.travisscott.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-travis-scott/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CfsM_T9b.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.wlT5SO7A.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Sparse and object-focused.",
        "colors": "Black, cool blue, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An isolated sneaker floats in an almost empty black field, with tiny tour and shop controls and a small emblem below.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Travis Scott\nSource: https://www.travisscott.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-travis-scott/\nCaptured: 2026-09-08. 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: Sparse and object-focused.\n- colors: Black, cool blue, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An isolated sneaker floats in an almost empty black field, with tiny tour and shop controls and a small emblem below.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-tyla",
      "name": "Tyla",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A large diagonal pink album mark crosses a close photographic hero, with a small artist identity and direct navigation along the top.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.tylaworld.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-tyla/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BCX4UkQx.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CE-pvuu9.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Confident and pop-focused.",
        "colors": "Hot pink, cream, black, and warm photographic tones.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A large diagonal pink album mark crosses a close photographic hero, with a small artist identity and direct navigation along the top.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Tyla\nSource: https://www.tylaworld.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-tyla/\nCaptured: 2026-09-08. 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: Confident and pop-focused.\n- colors: Hot pink, cream, black, and warm photographic tones.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A large diagonal pink album mark crosses a close photographic hero, with a small artist identity and direct navigation along the top.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-usain-bolt",
      "name": "Usain Bolt",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A seated portrait emerges from a dark olive background beneath a bold italic white identity and a simple row of destinations.",
      "use_for": "A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://usainbolt.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-usain-bolt/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DsOJpcE1.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BTpQr3KB.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "sports",
        "athlete-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Composed and confident.",
        "colors": "Olive green, black, warm brown, and white.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A seated portrait emerges from a dark olive background beneath a bold italic white identity and a simple row of destinations.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Usain Bolt\nSource: https://usainbolt.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-usain-bolt/\nCaptured: 2026-09-08. 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: Composed and confident.\n- colors: Olive green, black, warm brown, and white.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A seated portrait emerges from a dark olive background beneath a bold italic white identity and a simple row of destinations.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A sports celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-usher",
      "name": "Usher",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A black navigation strip frames a pale campaign photograph with giant outlined lettering behind the performers.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.usherworld.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-usher/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CtNwvKNK.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.6ZqKY5aI.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Bold and performance-led.",
        "colors": "Black, pale gray, white, and photographic neutrals.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A black navigation strip frames a pale campaign photograph with giant outlined lettering behind the performers.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Usher\nSource: https://www.usherworld.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-usher/\nCaptured: 2026-09-08. 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: Bold and performance-led.\n- colors: Black, pale gray, white, and photographic neutrals.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A black navigation strip frames a pale campaign photograph with giant outlined lettering behind the performers.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-viola-davis",
      "name": "Viola Davis — JuVee Productions",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "JuVee Productions opens with a collage of colored paper, black-and-white hands, and film equipment beneath a thin rounded navigation bar.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into the associated brand.",
      "source_url": "https://www.juveeproductions.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-viola-davis/",
      "screenshot_url": "https://swipefile.design/_astro/preview.fYvGPWSE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B4M1ETml.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "celebrity-brand"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Tactile and creative.",
        "colors": "Lime, orange, lavender, cyan, and black.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "JuVee Productions opens with a collage of colored paper, black-and-white hands, and film equipment beneath a thin rounded navigation bar.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Viola Davis — JuVee Productions\nSource: https://www.juveeproductions.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-viola-davis/\nCaptured: 2026-09-08. 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: Tactile and creative.\n- colors: Lime, orange, lavender, cyan, and black.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: JuVee Productions opens with a collage of colored paper, black-and-white hands, and film equipment beneath a thin rounded navigation bar.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into the associated brand.\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": "celebrity-will-smith",
      "name": "Will Smith",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "An icy close-up portrait becomes the campaign background for a documentary title, with a small trailer action and compact social links below.",
      "use_for": "A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://willsmith.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-will-smith/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B37YPWGf.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CIgvFjy8.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "film",
        "personal-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Cinematic and immersive.",
        "colors": "Ice blue, black, white, and gray.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "An icy close-up portrait becomes the campaign background for a documentary title, with a small trailer action and compact social links below.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Let original photography or film provide the visual detail. Keep supporting controls clear.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Will Smith\nSource: https://willsmith.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-will-smith/\nCaptured: 2026-09-08. 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 immersive.\n- colors: Ice blue, black, white, and gray.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: An icy close-up portrait becomes the campaign background for a documentary title, with a small trailer action and compact social links below.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Let original photography or film provide the visual detail. Keep supporting controls clear.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A film celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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": "celebrity-zayn",
      "name": "Zayn",
      "kind": "inspiration",
      "discipline": null,
      "platform": "web",
      "archetype": "Personal Creator",
      "summary": "A black header and sharp white artist wordmark frame an extreme monochrome close-up, with green album lettering at the transition below.",
      "use_for": "A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.",
      "source_url": "https://www.inzayn.com/",
      "reference_url": "https://swipefile.design/ref/celebrity-zayn/",
      "screenshot_url": "https://swipefile.design/_astro/preview.PLrTmCeR.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BKbPyjJh.webp",
      "captured": "2026-09-08",
      "capture_scope": "viewport",
      "provenance": "live",
      "screenshots": [],
      "tags": [
        "celebrity",
        "celebrity-websites",
        "english-website",
        "personal-website",
        "music",
        "artist-site"
      ],
      "patterns": [
        "Personal websites"
      ],
      "design_notes": {
        "mood": "Moody and cinematic.",
        "colors": "Black, white, gray, and muted green.",
        "typography": "Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.",
        "layout": "A black header and sharp white artist wordmark frame an extreme monochrome close-up, with green album lettering at the transition below.",
        "motion": "Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.",
        "texture": "Use original graphics and a restrained supporting interface to establish the page’s visual character.",
        "dont": "Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand."
      },
      "recreation_prompt": "# Design reference: Zayn\nSource: https://www.inzayn.com/\nSwipefile reference: https://swipefile.design/ref/celebrity-zayn/\nCaptured: 2026-09-08. 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: Moody and cinematic.\n- colors: Black, white, gray, and muted green.\n- typography: Adapt the visible contrast between display lettering and smaller navigation. Choose type that supports your own identity and remains readable on small screens.\n- layout: A black header and sharp white artist wordmark frame an extreme monochrome close-up, with green album lettering at the transition below.\n- motion: Static opening-viewport capture. Follow the original source to inspect animation, video, menus, and reduced-motion behavior.\n- texture: Use original graphics and a restrained supporting interface to establish the page’s visual character.\n- dont: Do not copy the celebrity’s identity, claims, photographs, artwork, or trademarks into a new brand.\n\nUseful for: A music celebrity website reference; study how its opening presents identity and routes into work, releases, or public appearances.\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."
    }
  ]
}