{ "version": 1, "name": "YouTube creator websites", "url": "https://swipefile.design/board/youtube-creator-websites/", "markdown_url": "https://swipefile.design/board/youtube-creator-websites/notes.md", "json_url": "https://swipefile.design/board/youtube-creator-websites/data.json", "pdf_url": "https://swipefile.design/board/youtube-creator-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": "youtube-peter-mckinnon", "name": "Peter McKinnon", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A minimal centered photographer identity and category navigation sit above a dense edge-to-edge grid of portraits, objects, and lifestyle photography.", "use_for": "A photography creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.petermckinnon.com/", "reference_url": "https://swipefile.design/ref/youtube-peter-mckinnon/", "screenshot_url": "https://swipefile.design/_astro/preview.BZm6qgIt.webp", "thumbnail_url": "https://swipefile.design/_astro/card.IIr1ySe-.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "photography", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Immersive and photographic.", "colors": "White, black, and varied photographic colors.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A minimal centered photographer identity and category navigation sit above a dense edge-to-edge grid of portraits, objects, and lifestyle photography.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Peter McKinnon\nSource: https://www.petermckinnon.com/\nSwipefile reference: https://swipefile.design/ref/youtube-peter-mckinnon/\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: Immersive and photographic.\n- colors: White, black, and varied photographic colors.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A minimal centered photographer identity and category navigation sit above a dense edge-to-edge grid of portraits, objects, and lifestyle photography.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jaiden-animations", "name": "Jaiden Animations", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A purple illustrated character hero pairs welcoming oversized text with line-art motifs and a compact store navigation.", "use_for": "A animation creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://jaidenanimations.com/", "reference_url": "https://swipefile.design/ref/youtube-jaiden-animations/", "screenshot_url": "https://swipefile.design/_astro/preview.DtB5PE8R.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BQB2Vqlv.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "animation", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and character-led.", "colors": "Deep purple, periwinkle, white, and light blue.", "typography": "The captured page uses cc-thismanthismonster-var. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A purple illustrated character hero pairs welcoming oversized text with line-art motifs and a compact store navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jaiden Animations\nSource: https://jaidenanimations.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jaiden-animations/\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 character-led.\n- colors: Deep purple, periwinkle, white, and light blue.\n- typography: The captured page uses cc-thismanthismonster-var. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A purple illustrated character hero pairs welcoming oversized text with line-art motifs and a compact store navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A animation creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-thomas-frank", "name": "Thomas Frank", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A bright split homepage introduces the creator beside a large rounded portrait, with clear learning and template actions.", "use_for": "A productivity creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://thomasjfrank.com/", "reference_url": "https://swipefile.design/ref/youtube-thomas-frank/", "screenshot_url": "https://swipefile.design/_astro/preview.CCEVoKpk.webp", "thumbnail_url": "https://swipefile.design/_astro/card.COyWsrNQ.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "productivity", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Clear and helpful.", "colors": "White, dark gray, violet, and blue.", "typography": "The captured page uses Figtree. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A bright split homepage introduces the creator beside a large rounded portrait, with clear learning and template actions.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Thomas Frank\nSource: https://thomasjfrank.com/\nSwipefile reference: https://swipefile.design/ref/youtube-thomas-frank/\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 helpful.\n- colors: White, dark gray, violet, and blue.\n- typography: The captured page uses Figtree. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A bright split homepage introduces the creator beside a large rounded portrait, with clear learning and template actions.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-matt-d-avella", "name": "Matt D’Avella", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A close creator portrait fills the hero behind a large white statement, compact navigation, and an embedded newsletter form.", "use_for": "A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.mattdavella.com/", "reference_url": "https://swipefile.design/ref/youtube-matt-d-avella/", "screenshot_url": "https://swipefile.design/_astro/preview.sVSRCKbv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Db9iIlvg.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "filmmaking", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Personal and cinematic.", "colors": "Muted photographic gray, white, and mint.", "typography": "The captured page uses polymath. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A close creator portrait fills the hero behind a large white statement, compact navigation, and an embedded newsletter form.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Matt D’Avella\nSource: https://www.mattdavella.com/\nSwipefile reference: https://swipefile.design/ref/youtube-matt-d-avella/\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 cinematic.\n- colors: Muted photographic gray, white, and mint.\n- typography: The captured page uses polymath. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A close creator portrait fills the hero behind a large white statement, compact navigation, and an embedded newsletter form.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-adam-neely", "name": "Adam Neely", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A monochrome musician portrait fills the opening screen, with a centered lowercase name and small contact and channel links.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.adamneely.com/", "reference_url": "https://swipefile.design/ref/youtube-adam-neely/", "screenshot_url": "https://swipefile.design/_astro/preview.Di1-RlaN.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C4RQZMPE.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Minimal and photographic.", "colors": "Black, white, and photographic gray.", "typography": "The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A monochrome musician portrait fills the opening screen, with a centered lowercase name and small contact and channel links.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Adam Neely\nSource: https://www.adamneely.com/\nSwipefile reference: https://swipefile.design/ref/youtube-adam-neely/\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 photographic.\n- colors: Black, white, and photographic gray.\n- typography: The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A monochrome musician portrait fills the opening screen, with a centered lowercase name and small contact and channel links.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-adam-savage", "name": "Adam Savage — Tested", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A compact white navigation bar and red wordmark frame a wide workshop photograph, followed immediately by a concise introduction to the video channel.", "use_for": "A engineering creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.tested.com/", "reference_url": "https://swipefile.design/ref/youtube-adam-savage/", "screenshot_url": "https://swipefile.design/_astro/preview.BhpKCbZH.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dlj5ATxh.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "engineering", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Practical and documentary.", "colors": "White, black, and red with warm workshop photography.", "typography": "The captured page uses refrigerator-deluxe. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A compact white navigation bar and red wordmark frame a wide workshop photograph, followed immediately by a concise introduction to the video channel.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Adam Savage — Tested\nSource: https://www.tested.com/\nSwipefile reference: https://swipefile.design/ref/youtube-adam-savage/\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: Practical and documentary.\n- colors: White, black, and red with warm workshop photography.\n- typography: The captured page uses refrigerator-deluxe. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A compact white navigation bar and red wordmark frame a wide workshop photograph, followed immediately by a concise introduction to the video channel.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A engineering creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-adriene-mishler", "name": "Adriene Mishler — Yoga With Adriene", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A calm two-column introduction pairs a large serif statement and newsletter form with a seated portrait on a pale background.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://yogawithadriene.com/", "reference_url": "https://swipefile.design/ref/youtube-adriene-mishler/", "screenshot_url": "https://swipefile.design/_astro/preview.BVA8hdAo.webp", "thumbnail_url": "https://swipefile.design/_astro/card.djVfoLUh.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Quiet and welcoming.", "colors": "White, warm gray, and charcoal.", "typography": "The captured page uses Poynter Oldstyle Display. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A calm two-column introduction pairs a large serif statement and newsletter form with a seated portrait on a pale background.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Adriene Mishler — Yoga With Adriene\nSource: https://yogawithadriene.com/\nSwipefile reference: https://swipefile.design/ref/youtube-adriene-mishler/\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 welcoming.\n- colors: White, warm gray, and charcoal.\n- typography: The captured page uses Poynter Oldstyle Display. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A calm two-column introduction pairs a large serif statement and newsletter form with a seated portrait on a pale background.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-amy-landino", "name": "Amy Landino", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A large lifestyle portrait sits behind an overlapping white editorial panel, with pink handwriting and a compact navigation row adding personality.", "use_for": "A productivity creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://amylandino.com/", "reference_url": "https://swipefile.design/ref/youtube-amy-landino/", "screenshot_url": "https://swipefile.design/_astro/preview.cSK5KELq.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CUBX0O3X.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "productivity", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Personal and editorial.", "colors": "White, light gray, black, and vivid pink.", "typography": "The captured page uses Georgia and Quartage and Josefin Sans. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A large lifestyle portrait sits behind an overlapping white editorial panel, with pink handwriting and a compact navigation row adding personality.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Amy Landino\nSource: https://amylandino.com/\nSwipefile reference: https://swipefile.design/ref/youtube-amy-landino/\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 editorial.\n- colors: White, light gray, black, and vivid pink.\n- typography: The captured page uses Georgia and Quartage and Josefin Sans. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A large lifestyle portrait sits behind an overlapping white editorial panel, with pink handwriting and a compact navigation row adding personality.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-andrei-jikh", "name": "Andrei Jikh", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A handwritten identity and green navigation strip introduce a wide creator photograph, with a restrained set of links into the learning site.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.zerotoamillion.com/", "reference_url": "https://swipefile.design/ref/youtube-andrei-jikh/", "screenshot_url": "https://swipefile.design/_astro/preview.-LgWUTty.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C71O3aLD.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Approachable and focused.", "colors": "Muted green, white, and warm photographic tones.", "typography": "The captured page uses Josefin Sans. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A handwritten identity and green navigation strip introduce a wide creator photograph, with a restrained set of links into the learning site.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Andrei Jikh\nSource: https://www.zerotoamillion.com/\nSwipefile reference: https://swipefile.design/ref/youtube-andrei-jikh/\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: Approachable and focused.\n- colors: Muted green, white, and warm photographic tones.\n- typography: The captured page uses Josefin Sans. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A handwritten identity and green navigation strip introduce a wide creator photograph, with a restrained set of links into the learning site.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-andrew-huang", "name": "Andrew Huang", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A full-width music studio portrait uses a colorful lighting wash, centered positioning, and a small yellow biography button.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://andrewhuang.com/", "reference_url": "https://swipefile.design/ref/youtube-andrew-huang/", "screenshot_url": "https://swipefile.design/_astro/preview.5E0TnFA8.webp", "thumbnail_url": "https://swipefile.design/_astro/card.TS1RuYwM.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Expressive and musical.", "colors": "Violet, rose, and yellow over photography.", "typography": "The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A full-width music studio portrait uses a colorful lighting wash, centered positioning, and a small yellow biography button.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Andrew Huang\nSource: https://andrewhuang.com/\nSwipefile reference: https://swipefile.design/ref/youtube-andrew-huang/\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 musical.\n- colors: Violet, rose, and yellow over photography.\n- typography: The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A full-width music studio portrait uses a colorful lighting wash, centered positioning, and a small yellow biography button.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-andrew-huberman", "name": "Andrew Huberman", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A black portrait-led podcast panel places a large white statement beside the host and microphone, within a clean white navigation shell.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.hubermanlab.com/", "reference_url": "https://swipefile.design/ref/youtube-andrew-huberman/", "screenshot_url": "https://swipefile.design/_astro/preview.C6YVaAzi.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CwQulkI7.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Direct and studio-like.", "colors": "Black, white, and pale blue.", "typography": "The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A black portrait-led podcast panel places a large white statement beside the host and microphone, within a clean white navigation shell.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Andrew Huberman\nSource: https://www.hubermanlab.com/\nSwipefile reference: https://swipefile.design/ref/youtube-andrew-huberman/\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 studio-like.\n- colors: Black, white, and pale blue.\n- typography: The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A black portrait-led podcast panel places a large white statement beside the host and microphone, within a clean white navigation shell.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-andrew-rea", "name": "Andrew Rea — Babish", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark culinary homepage uses a large centered uppercase title and a restrained account action beneath a small navigation row.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.babi.sh/", "reference_url": "https://swipefile.design/ref/youtube-andrew-rea/", "screenshot_url": "https://swipefile.design/_astro/preview.Byxt5Wn1.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CxP8Vrrk.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Bold and cinematic.", "colors": "Black, white, and neutral gray.", "typography": "The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark culinary homepage uses a large centered uppercase title and a restrained account action beneath a small navigation row.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Andrew Rea — Babish\nSource: https://www.babi.sh/\nSwipefile reference: https://swipefile.design/ref/youtube-andrew-rea/\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 cinematic.\n- colors: Black, white, and neutral gray.\n- typography: The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark culinary homepage uses a large centered uppercase title and a restrained account action beneath a small navigation row.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-bernadette-banner", "name": "Bernadette Banner", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A forest photograph and historical dress establish the subject immediately, with decorative serif lettering and a light, compact header.", "use_for": "A fashion creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://bernadettebanner.co.uk/", "reference_url": "https://swipefile.design/ref/youtube-bernadette-banner/", "screenshot_url": "https://swipefile.design/_astro/preview.DSM_0xDc.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B80EFkbG.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fashion", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Romantic and historical.", "colors": "Woodland green, cream, and white.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A forest photograph and historical dress establish the subject immediately, with decorative serif lettering and a light, compact header.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Bernadette Banner\nSource: https://bernadettebanner.co.uk/\nSwipefile reference: https://swipefile.design/ref/youtube-bernadette-banner/\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 historical.\n- colors: Woodland green, cream, and white.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A forest photograph and historical dress establish the subject immediately, with decorative serif lettering and a light, compact header.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fashion creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-brad-leone", "name": "Brad Leone", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A white merchandise header gives way to a broad kitchen portrait, with an outlined wordmark and a small orange shop action.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://bradleone.com/", "reference_url": "https://swipefile.design/ref/youtube-brad-leone/", "screenshot_url": "https://swipefile.design/_astro/preview.C-AgfaAx.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DePGrlh7.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Casual and tactile.", "colors": "White, black, orange, and warm green photography.", "typography": "The captured page uses Prompt and Inter. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A white merchandise header gives way to a broad kitchen portrait, with an outlined wordmark and a small orange shop action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Brad Leone\nSource: https://bradleone.com/\nSwipefile reference: https://swipefile.design/ref/youtube-brad-leone/\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: Casual and tactile.\n- colors: White, black, orange, and warm green photography.\n- typography: The captured page uses Prompt and Inter. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A white merchandise header gives way to a broad kitchen portrait, with an outlined wordmark and a small orange shop action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-brian-lagerstrom", "name": "Brian Lagerstrom", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A pale split hero places a cooking promise beside a creator portrait, under a blue social strip and recipe-focused navigation.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://brianlagerstrom.com/", "reference_url": "https://swipefile.design/ref/youtube-brian-lagerstrom/", "screenshot_url": "https://swipefile.design/_astro/preview.BsBGw6t2.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BMQzpxjO.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Friendly and organized.", "colors": "Pale blue, cream, navy, and white.", "typography": "The captured page uses Avenir. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A pale split hero places a cooking promise beside a creator portrait, under a blue social strip and recipe-focused navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Brian Lagerstrom\nSource: https://brianlagerstrom.com/\nSwipefile reference: https://swipefile.design/ref/youtube-brian-lagerstrom/\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 organized.\n- colors: Pale blue, cream, navy, and white.\n- typography: The captured page uses Avenir. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A pale split hero places a cooking promise beside a creator portrait, under a blue social strip and recipe-focused navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-caroline-girvan", "name": "Caroline Girvan", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A close portrait dominates a dark fitness homepage, balanced by a large cream serif statement and restrained navigation.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://carolinegirvan.com/", "reference_url": "https://swipefile.design/ref/youtube-caroline-girvan/", "screenshot_url": "https://swipefile.design/_astro/preview.CVla45Ls.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DLYs7MVN.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Composed and premium.", "colors": "Near-black, warm cream, and skin tones.", "typography": "The captured page uses rufina. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A close portrait dominates a dark fitness homepage, balanced by a large cream serif statement and restrained navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Caroline Girvan\nSource: https://carolinegirvan.com/\nSwipefile reference: https://swipefile.design/ref/youtube-caroline-girvan/\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 premium.\n- colors: Near-black, warm cream, and skin tones.\n- typography: The captured page uses rufina. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A close portrait dominates a dark fitness homepage, balanced by a large cream serif statement and restrained navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-chloe-ting", "name": "Chloe Ting", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A split app-launch hero places download links on one side and a trainer, phone mockup, and interface details on the other.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://chloeting.com/", "reference_url": "https://swipefile.design/ref/youtube-chloe-ting/", "screenshot_url": "https://swipefile.design/_astro/preview.D_6sP8Od.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CQyMBNOY.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Bright and accessible.", "colors": "White, soft pink, lavender, and charcoal.", "typography": "The captured page uses Poppins and Manrope. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A split app-launch hero places download links on one side and a trainer, phone mockup, and interface details on the other.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Chloe Ting\nSource: https://chloeting.com/\nSwipefile reference: https://swipefile.design/ref/youtube-chloe-ting/\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: Bright and accessible.\n- colors: White, soft pink, lavender, and charcoal.\n- typography: The captured page uses Poppins and Manrope. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A split app-launch hero places download links on one side and a trainer, phone mockup, and interface details on the other.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-contrapoints", "name": "ContraPoints — Natalie Wynn", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A theatrical portrait becomes the background for centered biographical copy, a compact wordmark, and an outlined support action.", "use_for": "A commentary creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.contrapoints.com/", "reference_url": "https://swipefile.design/ref/youtube-contrapoints/", "screenshot_url": "https://swipefile.design/_astro/preview.PLI5deoU.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C8sXfd5d.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "commentary", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Theatrical and immersive.", "colors": "Deep purple, green, black, and white.", "typography": "The captured page uses Crimson Text. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A theatrical portrait becomes the background for centered biographical copy, a compact wordmark, and an outlined support action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: ContraPoints — Natalie Wynn\nSource: https://www.contrapoints.com/\nSwipefile reference: https://swipefile.design/ref/youtube-contrapoints/\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 immersive.\n- colors: Deep purple, green, black, and white.\n- typography: The captured page uses Crimson Text. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A theatrical portrait becomes the background for centered biographical copy, a compact wordmark, and an outlined support action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-derek-muller", "name": "Derek Muller — Veritasium", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark star-like background and presenter portrait support a centered channel name and short italic tagline, with compact edge navigation.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.veritasium.com/", "reference_url": "https://swipefile.design/ref/youtube-derek-muller/", "screenshot_url": "https://swipefile.design/_astro/preview.DUtCcZHM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.VkzjLH_j.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Scientific and cinematic.", "colors": "Midnight blue, black, and white.", "typography": "The captured page uses Roboto. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark star-like background and presenter portrait support a centered channel name and short italic tagline, with compact edge navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Derek Muller — Veritasium\nSource: https://www.veritasium.com/\nSwipefile reference: https://swipefile.design/ref/youtube-derek-muller/\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: Scientific and cinematic.\n- colors: Midnight blue, black, and white.\n- typography: The captured page uses Roboto. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark star-like background and presenter portrait support a centered channel name and short italic tagline, with compact edge navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-destin-sandlin", "name": "Destin Sandlin — Smarter Every Day", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A navy channel header leads into a blue blueprint-style hero with a prominent latest-video message and a large video thumbnail.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.smartereveryday.com/", "reference_url": "https://swipefile.design/ref/youtube-destin-sandlin/", "screenshot_url": "https://swipefile.design/_astro/preview.BBWmi2QD.webp", "thumbnail_url": "https://swipefile.design/_astro/card.y6JPlb1N.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Curious and technical.", "colors": "Navy, blueprint blue, white, and thumbnail accents.", "typography": "The captured page uses Anton. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A navy channel header leads into a blue blueprint-style hero with a prominent latest-video message and a large video thumbnail.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Destin Sandlin — Smarter Every Day\nSource: https://www.smartereveryday.com/\nSwipefile reference: https://swipefile.design/ref/youtube-destin-sandlin/\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: Curious and technical.\n- colors: Navy, blueprint blue, white, and thumbnail accents.\n- typography: The captured page uses Anton. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A navy channel header leads into a blue blueprint-style hero with a prominent latest-video message and a large video thumbnail.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-dianna-cowern", "name": "Dianna Cowern — Physics Girl", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A turquoise campaign hero combines a creator portrait, illustrated science merchandise, and large white promotional lettering.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://physicsgirl.org/", "reference_url": "https://swipefile.design/ref/youtube-dianna-cowern/", "screenshot_url": "https://swipefile.design/_astro/preview.8r7K2Hop.webp", "thumbnail_url": "https://swipefile.design/_astro/card.83jHDPyC.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and educational.", "colors": "Turquoise, white, yellow, and lavender.", "typography": "The captured page uses Catamaran. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A turquoise campaign hero combines a creator portrait, illustrated science merchandise, and large white promotional lettering.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Dianna Cowern — Physics Girl\nSource: https://physicsgirl.org/\nSwipefile reference: https://swipefile.design/ref/youtube-dianna-cowern/\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 educational.\n- colors: Turquoise, white, yellow, and lavender.\n- typography: The captured page uses Catamaran. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A turquoise campaign hero combines a creator portrait, illustrated science merchandise, and large white promotional lettering.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-doctor-mike", "name": "Doctor Mike", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A tiled collage of video appearances sits behind a dark overlay, centered introduction, social links, and an outlined watch action.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.doctormikemedia.com/", "reference_url": "https://swipefile.design/ref/youtube-doctor-mike/", "screenshot_url": "https://swipefile.design/_astro/preview.CBB8fnpf.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DMr4cWv6.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Media-focused and confident.", "colors": "Navy, charcoal, white, and blue.", "typography": "The captured page uses Galano grotesque and Galano grotesque semi. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A tiled collage of video appearances sits behind a dark overlay, centered introduction, social links, and an outlined watch action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Doctor Mike\nSource: https://www.doctormikemedia.com/\nSwipefile reference: https://swipefile.design/ref/youtube-doctor-mike/\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: Media-focused and confident.\n- colors: Navy, charcoal, white, and blue.\n- typography: The captured page uses Galano grotesque and Galano grotesque semi. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A tiled collage of video appearances sits behind a dark overlay, centered introduction, social links, and an outlined watch action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-dr-karan-rajan", "name": "Dr Karan Rajan", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A bright book-led homepage pairs a spare navigation bar with centered bold text and a prominently displayed cover.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.drkaranrajan.com/", "reference_url": "https://swipefile.design/ref/youtube-dr-karan-rajan/", "screenshot_url": "https://swipefile.design/_astro/preview.cvhn9Kv0.webp", "thumbnail_url": "https://swipefile.design/_astro/card.zXiyBLhh.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Clear and approachable.", "colors": "White, light gray, yellow, and cover blue.", "typography": "The captured page uses neue-haas-grotesk-display. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A bright book-led homepage pairs a spare navigation bar with centered bold text and a prominently displayed cover.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Dr Karan Rajan\nSource: https://www.drkaranrajan.com/\nSwipefile reference: https://swipefile.design/ref/youtube-dr-karan-rajan/\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 approachable.\n- colors: White, light gray, yellow, and cover blue.\n- typography: The captured page uses neue-haas-grotesk-display. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A bright book-led homepage pairs a spare navigation bar with centered bold text and a prominently displayed cover.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-dr-rangan-chatterjee", "name": "Dr Rangan Chatterjee", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A landscape-backed wellness hero brings together a short promise, a prominent guide cover, and a centered action below compact navigation.", "use_for": "A wellness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://drchatterjee.com/", "reference_url": "https://swipefile.design/ref/youtube-dr-rangan-chatterjee/", "screenshot_url": "https://swipefile.design/_astro/preview.B6DwJasr.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dx08om3x.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "wellness", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Calm and reassuring.", "colors": "Ocean blue, muted violet, white, and mint.", "typography": "The captured page uses Helvetica. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A landscape-backed wellness hero brings together a short promise, a prominent guide cover, and a centered action below compact navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Dr Rangan Chatterjee\nSource: https://drchatterjee.com/\nSwipefile reference: https://swipefile.design/ref/youtube-dr-rangan-chatterjee/\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: Calm and reassuring.\n- colors: Ocean blue, muted violet, white, and mint.\n- typography: The captured page uses Helvetica. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A landscape-backed wellness hero brings together a short promise, a prominent guide cover, and a centered action below compact navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-drew-binsky", "name": "Drew Binsky", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A speaking-site hero pairs a large creator portrait with condensed positioning, contrasting action buttons, and an immediately visible social row.", "use_for": "A travel creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://drewbinsky.com/", "reference_url": "https://swipefile.design/ref/youtube-drew-binsky/", "screenshot_url": "https://swipefile.design/_astro/preview.C-5gaRIW.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B5_9tt8n.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "travel", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Energetic and direct.", "colors": "Slate blue, white, yellow, and bright blue.", "typography": "The captured page uses Open Sans Hebrew Condensed and Fira Sans. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A speaking-site hero pairs a large creator portrait with condensed positioning, contrasting action buttons, and an immediately visible social row.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Drew Binsky\nSource: https://drewbinsky.com/\nSwipefile reference: https://swipefile.design/ref/youtube-drew-binsky/\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 direct.\n- colors: Slate blue, white, yellow, and bright blue.\n- typography: The captured page uses Open Sans Hebrew Condensed and Fira Sans. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A speaking-site hero pairs a large creator portrait with condensed positioning, contrasting action buttons, and an immediately visible social row.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-elizabeth-filips", "name": "Elizabeth Filips", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A handwritten wordmark and narrow navigation row lead to a small portrait beside a personal introduction, resource links, and newsletter copy.", "use_for": "A productivity creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.elizabethfilips.com/", "reference_url": "https://swipefile.design/ref/youtube-elizabeth-filips/", "screenshot_url": "https://swipefile.design/_astro/preview.B2SXa3bQ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Rz574Xni.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "productivity", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Intimate and restrained.", "colors": "White, soft gray, and natural photography.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A handwritten wordmark and narrow navigation row lead to a small portrait beside a personal introduction, resource links, and newsletter copy.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Elizabeth Filips\nSource: https://www.elizabethfilips.com/\nSwipefile reference: https://swipefile.design/ref/youtube-elizabeth-filips/\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 restrained.\n- colors: White, soft gray, and natural photography.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A handwritten wordmark and narrow navigation row lead to a small portrait beside a personal introduction, resource links, and newsletter copy.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-emma-blackery", "name": "Emma Blackery", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An oversized uppercase name anchors a very sparse white homepage, with small navigation and a short personal introduction.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.emmablackery.com/", "reference_url": "https://swipefile.design/ref/youtube-emma-blackery/", "screenshot_url": "https://swipefile.design/_astro/preview.BeIyXo6A.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DFtHDd6z.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Minimal and typographic.", "colors": "White and black.", "typography": "The captured page uses proxima-nova. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An oversized uppercase name anchors a very sparse white homepage, with small navigation and a short personal introduction.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Emma Blackery\nSource: https://www.emmablackery.com/\nSwipefile reference: https://swipefile.design/ref/youtube-emma-blackery/\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 typographic.\n- colors: White and black.\n- typography: The captured page uses proxima-nova. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An oversized uppercase name anchors a very sparse white homepage, with small navigation and a short personal introduction.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-emma-chamberlain", "name": "Emma Chamberlain", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A slim store header and handwritten coffee identity lead to a soft product photograph with a short white headline.", "use_for": "A lifestyle creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://chamberlaincoffee.com/", "reference_url": "https://swipefile.design/ref/youtube-emma-chamberlain/", "screenshot_url": "https://swipefile.design/_astro/preview.BmCQj6LO.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CMKCuBbH.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "lifestyle", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Soft and product-focused.", "colors": "Cream, muted green, white, and espresso tones.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A slim store header and handwritten coffee identity lead to a soft product photograph with a short white headline.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Emma Chamberlain\nSource: https://chamberlaincoffee.com/\nSwipefile reference: https://swipefile.design/ref/youtube-emma-chamberlain/\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: Cream, muted green, white, and espresso tones.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A slim store header and handwritten coffee identity lead to a soft product photograph with a short white headline.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A lifestyle creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-erin-on-demand", "name": "Erin On Demand", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A cream editorial hero pairs a cutout portrait with a short conversational statement, decorative linework, and vertically arranged social links.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://erinondemand.com/", "reference_url": "https://swipefile.design/ref/youtube-erin-on-demand/", "screenshot_url": "https://swipefile.design/_astro/preview.LcHPa08m.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BHg8_Q7c.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Warm and personable.", "colors": "Cream, rust, black, and muted gold.", "typography": "The captured page uses Sofia Pro Medium and Boulders Beach Script and Oswald. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A cream editorial hero pairs a cutout portrait with a short conversational statement, decorative linework, and vertically arranged social links.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Erin On Demand\nSource: https://erinondemand.com/\nSwipefile reference: https://swipefile.design/ref/youtube-erin-on-demand/\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 personable.\n- colors: Cream, rust, black, and muted gold.\n- typography: The captured page uses Sofia Pro Medium and Boulders Beach Script and Oswald. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A cream editorial hero pairs a cutout portrait with a short conversational statement, decorative linework, and vertically arranged social links.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-ethan-chlebowski", "name": "Ethan Chlebowski", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A small editorial header introduces a new cooking platform through a large typographic preview and a concise announcement above it.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.ethanchlebowski.com/", "reference_url": "https://swipefile.design/ref/youtube-ethan-chlebowski/", "screenshot_url": "https://swipefile.design/_astro/preview.B7boR0Ga.webp", "thumbnail_url": "https://swipefile.design/_astro/card.emX8JP31.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Clear and content-led.", "colors": "White, black, and pastel label colors.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A small editorial header introduces a new cooking platform through a large typographic preview and a concise announcement above it.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Ethan Chlebowski\nSource: https://www.ethanchlebowski.com/\nSwipefile reference: https://swipefile.design/ref/youtube-ethan-chlebowski/\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 content-led.\n- colors: White, black, and pastel label colors.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A small editorial header introduces a new cooking platform through a large typographic preview and a concise announcement above it.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-eva-zu-beck", "name": "Eva zu Beck", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An illustrated mountain journey sets the scene beneath a centered creator name and adventurous positioning.", "use_for": "A travel creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.evazubeck.com/", "reference_url": "https://swipefile.design/ref/youtube-eva-zu-beck/", "screenshot_url": "https://swipefile.design/_astro/preview.49h9lgWM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C05NkxzI.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "travel", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Adventurous and illustrated.", "colors": "Icy blue, white, charcoal, and muted earth tones.", "typography": "The captured page uses Merriweather. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An illustrated mountain journey sets the scene beneath a centered creator name and adventurous positioning.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Eva zu Beck\nSource: https://www.evazubeck.com/\nSwipefile reference: https://swipefile.design/ref/youtube-eva-zu-beck/\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: Adventurous and illustrated.\n- colors: Icy blue, white, charcoal, and muted earth tones.\n- typography: The captured page uses Merriweather. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An illustrated mountain journey sets the scene beneath a centered creator name and adventurous positioning.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-gary-vaynerchuk", "name": "Gary Vaynerchuk", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A fixed black side navigation supports a dark introduction with condensed text, a book-and-phone composition, and podcast platform icons.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://garyvaynerchuk.com/", "reference_url": "https://swipefile.design/ref/youtube-gary-vaynerchuk/", "screenshot_url": "https://swipefile.design/_astro/preview.B_aLOeKB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BTbu7wWj.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Dense and media-oriented.", "colors": "Black, graphite, white, and small green accents.", "typography": "The captured page uses Bebas Neue. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A fixed black side navigation supports a dark introduction with condensed text, a book-and-phone composition, and podcast platform icons.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Gary Vaynerchuk\nSource: https://garyvaynerchuk.com/\nSwipefile reference: https://swipefile.design/ref/youtube-gary-vaynerchuk/\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: Dense and media-oriented.\n- colors: Black, graphite, white, and small green accents.\n- typography: The captured page uses Bebas Neue. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A fixed black side navigation supports a dark introduction with condensed text, a book-and-phone composition, and podcast platform icons.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-gaz-oakley", "name": "Gaz Oakley", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A bold custom wordmark, fine rules, and compact navigation frame natural cooking and garden imagery.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.gazoakleychef.com/", "reference_url": "https://swipefile.design/ref/youtube-gaz-oakley/", "screenshot_url": "https://swipefile.design/_astro/preview.BZFNuzvj.webp", "thumbnail_url": "https://swipefile.design/_astro/card.1gJQasVZ.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Rustic and graphic.", "colors": "Black, white, and natural green.", "typography": "The captured page uses anton. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A bold custom wordmark, fine rules, and compact navigation frame natural cooking and garden imagery.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Gaz Oakley\nSource: https://www.gazoakleychef.com/\nSwipefile reference: https://swipefile.design/ref/youtube-gaz-oakley/\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 graphic.\n- colors: Black, white, and natural green.\n- typography: The captured page uses anton. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A bold custom wordmark, fine rules, and compact navigation frame natural cooking and garden imagery.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-gordon-ramsay", "name": "Gordon Ramsay", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A compact white navigation bar leads to a full-width food photograph with centered promotional text and a single light action.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.gordonramsay.com/", "reference_url": "https://swipefile.design/ref/youtube-gordon-ramsay/", "screenshot_url": "https://swipefile.design/_astro/preview.CSw0brBv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B3S1vipn.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Polished and commercial.", "colors": "Black, white, and rich food photography.", "typography": "The captured page uses BT Futura W01. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A compact white navigation bar leads to a full-width food photograph with centered promotional text and a single light action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Gordon Ramsay\nSource: https://www.gordonramsay.com/\nSwipefile reference: https://swipefile.design/ref/youtube-gordon-ramsay/\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 commercial.\n- colors: Black, white, and rich food photography.\n- typography: The captured page uses BT Futura W01. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A compact white navigation bar leads to a full-width food photograph with centered promotional text and a single light action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-graham-stephan", "name": "Graham Stephan", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark personal homepage combines a monochrome portrait, vivid accent lettering, and a compact contact form in the opening view.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.grahamstephan.com/", "reference_url": "https://swipefile.design/ref/youtube-graham-stephan/", "screenshot_url": "https://swipefile.design/_astro/preview.D5wKFYc3.webp", "thumbnail_url": "https://swipefile.design/_astro/card.uYHcborB.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Direct and high-contrast.", "colors": "Black, charcoal, white, and lime.", "typography": "The captured page uses __hkGothic_4901a2 and __DM_Sans_05e5f9. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark personal homepage combines a monochrome portrait, vivid accent lettering, and a compact contact form in the opening view.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Graham Stephan\nSource: https://www.grahamstephan.com/\nSwipefile reference: https://swipefile.design/ref/youtube-graham-stephan/\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 high-contrast.\n- colors: Black, charcoal, white, and lime.\n- typography: The captured page uses __hkGothic_4901a2 and __DM_Sans_05e5f9. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark personal homepage combines a monochrome portrait, vivid accent lettering, and a compact contact form in the opening view.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-humphrey-yang", "name": "Humphrey Yang", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A slim left sidebar organizes a white personal site with a short introduction, a small biography action, and an article preview list.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.humphreytalks.com/", "reference_url": "https://swipefile.design/ref/youtube-humphrey-yang/", "screenshot_url": "https://swipefile.design/_astro/preview.spCnIZ--.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BRJ5nZHL.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Simple and navigable.", "colors": "White, light gray, black, and green.", "typography": "The captured page uses Inter and Inter-SemiBold. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A slim left sidebar organizes a white personal site with a short introduction, a small biography action, and an article preview list.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Humphrey Yang\nSource: https://www.humphreytalks.com/\nSwipefile reference: https://swipefile.design/ref/youtube-humphrey-yang/\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 navigable.\n- colors: White, light gray, black, and green.\n- typography: The captured page uses Inter and Inter-SemiBold. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A slim left sidebar organizes a white personal site with a short introduction, a small biography action, and an article preview list.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-itchy-boots", "name": "Itchy Boots — Noraly Schoenmaker", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A tall dark sidebar and vertical wordmark frame a mountain-and-motorcycle hero, keeping travel imagery central to the page.", "use_for": "A travel creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.itchyboots.com/", "reference_url": "https://swipefile.design/ref/youtube-itchy-boots/", "screenshot_url": "https://swipefile.design/_astro/preview.DXPse6xv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.wbhzYQUD.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "travel", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Expansive and adventurous.", "colors": "Charcoal, misty blue, white, and orange.", "typography": "The captured page uses Barlow Condensed and Roboto Condensed. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A tall dark sidebar and vertical wordmark frame a mountain-and-motorcycle hero, keeping travel imagery central to the page.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Itchy Boots — Noraly Schoenmaker\nSource: https://www.itchyboots.com/\nSwipefile reference: https://swipefile.design/ref/youtube-itchy-boots/\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 adventurous.\n- colors: Charcoal, misty blue, white, and orange.\n- typography: The captured page uses Barlow Condensed and Roboto Condensed. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A tall dark sidebar and vertical wordmark frame a mountain-and-motorcycle hero, keeping travel imagery central to the page.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-j-kenji-lopez-alt", "name": "J. Kenji López-Alt", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A playful centered wordmark and pastel navigation introduce a pale green cooking headline above a mix of food and creator imagery.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.kenjilopezalt.com/", "reference_url": "https://swipefile.design/ref/youtube-j-kenji-lopez-alt/", "screenshot_url": "https://swipefile.design/_astro/preview.C2BnImPO.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DA3YFHc7.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Friendly and editorial.", "colors": "Pale green, coral pink, orange, and white.", "typography": "The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A playful centered wordmark and pastel navigation introduce a pale green cooking headline above a mix of food and creator imagery.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: J. Kenji López-Alt\nSource: https://www.kenjilopezalt.com/\nSwipefile reference: https://swipefile.design/ref/youtube-j-kenji-lopez-alt/\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 editorial.\n- colors: Pale green, coral pink, orange, and white.\n- typography: The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A playful centered wordmark and pastel navigation introduce a pale green cooking headline above a mix of food and creator imagery.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jacob-collier", "name": "Jacob Collier", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A miniature room set into grass forms the entire visual premise, with a loose organic wordmark and large right-aligned navigation.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jacobcollier.com/", "reference_url": "https://swipefile.design/ref/youtube-jacob-collier/", "screenshot_url": "https://swipefile.design/_astro/preview.CSEmcOPB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DxHTxUkA.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Whimsical and immersive.", "colors": "Leaf green, warm wood, cream, and small colorful details.", "typography": "The captured page uses Overpass. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A miniature room set into grass forms the entire visual premise, with a loose organic wordmark and large right-aligned navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jacob Collier\nSource: https://www.jacobcollier.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jacob-collier/\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 immersive.\n- colors: Leaf green, warm wood, cream, and small colorful details.\n- typography: The captured page uses Overpass. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A miniature room set into grass forms the entire visual premise, with a loose organic wordmark and large right-aligned navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-james-hoffmann", "name": "James Hoffmann", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A spacious white layout balances a bold name and small navigation with a portrait and a restrained biographical text column.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jameshoffmann.co.uk/", "reference_url": "https://swipefile.design/ref/youtube-james-hoffmann/", "screenshot_url": "https://swipefile.design/_astro/preview.9ZJtNyNG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.6nEvhfJV.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Spare and editorial.", "colors": "White, charcoal, and soft photographic green.", "typography": "The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A spacious white layout balances a bold name and small navigation with a portrait and a restrained biographical text column.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: James Hoffmann\nSource: https://www.jameshoffmann.co.uk/\nSwipefile reference: https://swipefile.design/ref/youtube-james-hoffmann/\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 editorial.\n- colors: White, charcoal, and soft photographic green.\n- typography: The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A spacious white layout balances a bold name and small navigation with a portrait and a restrained biographical text column.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-james-popsys", "name": "James Popsys", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A narrow left rail holds the photographer’s identity and navigation while a tightly aligned image grid occupies most of the screen.", "use_for": "A photography creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jamespopsys.com/", "reference_url": "https://swipefile.design/ref/youtube-james-popsys/", "screenshot_url": "https://swipefile.design/_astro/preview.mSZOZCQ_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CRdcdyrK.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "photography", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Photographic and orderly.", "colors": "White, black, and muted landscape photography.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A narrow left rail holds the photographer’s identity and navigation while a tightly aligned image grid occupies most of the screen.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: James Popsys\nSource: https://www.jamespopsys.com/\nSwipefile reference: https://swipefile.design/ref/youtube-james-popsys/\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: Photographic and orderly.\n- colors: White, black, and muted landscape photography.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A narrow left rail holds the photographer’s identity and navigation while a tightly aligned image grid occupies most of the screen.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jamie-oliver", "name": "Jamie Oliver", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A recipe-focused white header and prominent search bar lead into large food and presenter imagery with clear content categories.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jamieoliver.com/", "reference_url": "https://swipefile.design/ref/youtube-jamie-oliver/", "screenshot_url": "https://swipefile.design/_astro/preview.Dkdan-tX.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BGDTpdD2.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Accessible and content-rich.", "colors": "White, pale blue, teal, and food photography.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A recipe-focused white header and prominent search bar lead into large food and presenter imagery with clear content categories.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jamie Oliver\nSource: https://www.jamieoliver.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jamie-oliver/\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: Accessible and content-rich.\n- colors: White, pale blue, teal, and food photography.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A recipe-focused white header and prominent search bar lead into large food and presenter imagery with clear content categories.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jaspreet-singh", "name": "Jaspreet Singh — Minority Mindset", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A pale geometric background frames a blue-accented introduction and a cutout portrait, with one prominent learning action.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://theminoritymindset.com/", "reference_url": "https://swipefile.design/ref/youtube-jaspreet-singh/", "screenshot_url": "https://swipefile.design/_astro/preview.BjEnoZod.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C1k7aIBj.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Confident and instructional.", "colors": "White, pale gray, vivid blue, and portrait accents.", "typography": "The captured page uses dashicons. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A pale geometric background frames a blue-accented introduction and a cutout portrait, with one prominent learning action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jaspreet Singh — Minority Mindset\nSource: https://theminoritymindset.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jaspreet-singh/\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 instructional.\n- colors: White, pale gray, vivid blue, and portrait accents.\n- typography: The captured page uses dashicons. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A pale geometric background frames a blue-accented introduction and a cutout portrait, with one prominent learning action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jay-shetty", "name": "Jay Shetty", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A full-width media hero sits beneath tightly spaced navigation, using a restrained overlay to frame the host’s content and projects.", "use_for": "A wellness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jayshetty.me/", "reference_url": "https://swipefile.design/ref/youtube-jay-shetty/", "screenshot_url": "https://swipefile.design/_astro/preview.BbY_0Rrf.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DnB1k_xU.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "wellness", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Cinematic and media-focused.", "colors": "Black, white, and muted warm photographic tones.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A full-width media hero sits beneath tightly spaced navigation, using a restrained overlay to frame the host’s content and projects.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jay Shetty\nSource: https://www.jayshetty.me/\nSwipefile reference: https://swipefile.design/ref/youtube-jay-shetty/\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 media-focused.\n- colors: Black, white, and muted warm photographic tones.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A full-width media hero sits beneath tightly spaced navigation, using a restrained overlay to frame the host’s content and projects.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jeff-cavaliere", "name": "Jeff Cavaliere — Athlean-X", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark fitness brand header gives way to a bold promotional section with large uppercase lettering and contrasting red actions.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://athleanx.com/", "reference_url": "https://swipefile.design/ref/youtube-jeff-cavaliere/", "screenshot_url": "https://swipefile.design/_astro/preview.CftnfMl6.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C2BT8hiN.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Strong and promotional.", "colors": "Black, white, navy, and red.", "typography": "The captured page uses Poppins and Roboto Condensed. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark fitness brand header gives way to a bold promotional section with large uppercase lettering and contrasting red actions.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jeff Cavaliere — Athlean-X\nSource: https://athleanx.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jeff-cavaliere/\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: Strong and promotional.\n- colors: Black, white, navy, and red.\n- typography: The captured page uses Poppins and Roboto Condensed. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark fitness brand header gives way to a bold promotional section with large uppercase lettering and contrasting red actions.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jeff-nippard", "name": "Jeff Nippard", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark fitness hero uses a large athlete portrait, compact navigation, and condensed promotional lettering around a primary program action.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://jeffnippard.com/", "reference_url": "https://swipefile.design/ref/youtube-jeff-nippard/", "screenshot_url": "https://swipefile.design/_astro/preview.Eq-bvx-J.webp", "thumbnail_url": "https://swipefile.design/_astro/card.tnPQpDCQ.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Focused and athletic.", "colors": "Black, charcoal, and white.", "typography": "The captured page uses font-secondary. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark fitness hero uses a large athlete portrait, compact navigation, and condensed promotional lettering around a primary program action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jeff Nippard\nSource: https://jeffnippard.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jeff-nippard/\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 athletic.\n- colors: Black, charcoal, and white.\n- typography: The captured page uses font-secondary. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark fitness hero uses a large athlete portrait, compact navigation, and condensed promotional lettering around a primary program action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jeremy-ethier", "name": "Jeremy Ethier", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dramatic trainer photograph fills the opening view, with a small central statement and understated action beneath the brand navigation.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://builtwithscience.com/", "reference_url": "https://swipefile.design/ref/youtube-jeremy-ethier/", "screenshot_url": "https://swipefile.design/_astro/preview.DyZ5z5bB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BhxeEkK4.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Focused and photographic.", "colors": "Deep blue-green, charcoal, and white.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A dramatic trainer photograph fills the opening view, with a small central statement and understated action beneath the brand navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jeremy Ethier\nSource: https://builtwithscience.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jeremy-ethier/\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 photographic.\n- colors: Deep blue-green, charcoal, and white.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A dramatic trainer photograph fills the opening view, with a small central statement and understated action beneath the brand navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-jesse-showalter", "name": "Jesse Showalter", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A small circular portrait precedes a large centered serif introduction, with abundant white space and a restrained menu control.", "use_for": "A design creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.jesseshowalter.com/", "reference_url": "https://swipefile.design/ref/youtube-jesse-showalter/", "screenshot_url": "https://swipefile.design/_astro/preview.CrZRHB2i.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BuRw4la5.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "design", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Elegant and personal.", "colors": "White, warm gray, black, and a violet portrait accent.", "typography": "The captured page uses Instrument Serif. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A small circular portrait precedes a large centered serif introduction, with abundant white space and a restrained menu control.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Jesse Showalter\nSource: https://www.jesseshowalter.com/\nSwipefile reference: https://swipefile.design/ref/youtube-jesse-showalter/\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 personal.\n- colors: White, warm gray, black, and a violet portrait accent.\n- typography: The captured page uses Instrument Serif. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A small circular portrait precedes a large centered serif introduction, with abundant white space and a restrained menu control.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A design creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-joe-wicks", "name": "Joe Wicks — The Body Coach", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A bright outdoor trainer portrait sits below a blue navigation bar, with a large blue headline and highly visible enrollment actions.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.thebodycoach.com/", "reference_url": "https://swipefile.design/ref/youtube-joe-wicks/", "screenshot_url": "https://swipefile.design/_astro/preview.ad-YpaqQ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BX7bwiiP.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Upbeat and active.", "colors": "Bright blue, sky blue, white, and lime.", "typography": "The captured page uses Obviously and QanelasSoft. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A bright outdoor trainer portrait sits below a blue navigation bar, with a large blue headline and highly visible enrollment actions.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Joe Wicks — The Body Coach\nSource: https://www.thebodycoach.com/\nSwipefile reference: https://swipefile.design/ref/youtube-joe-wicks/\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: Upbeat and active.\n- colors: Bright blue, sky blue, white, and lime.\n- typography: The captured page uses Obviously and QanelasSoft. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A bright outdoor trainer portrait sits below a blue navigation bar, with a large blue headline and highly visible enrollment actions.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-john-green", "name": "John Green", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A compact author site brings together book artwork, short biographical text, colorful text links, and video content within a white layout.", "use_for": "A books creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.johngreenbooks.com/", "reference_url": "https://swipefile.design/ref/youtube-john-green/", "screenshot_url": "https://swipefile.design/_astro/preview.L18vNXHR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BQ6y5B4o.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "books", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Bookish and straightforward.", "colors": "White, blue, green, and colorful cover artwork.", "typography": "The captured page uses azo-sans. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A compact author site brings together book artwork, short biographical text, colorful text links, and video content within a white layout.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: John Green\nSource: https://www.johngreenbooks.com/\nSwipefile reference: https://swipefile.design/ref/youtube-john-green/\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: Bookish and straightforward.\n- colors: White, blue, green, and colorful cover artwork.\n- typography: The captured page uses azo-sans. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A compact author site brings together book artwork, short biographical text, colorful text links, and video content within a white layout.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A books creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-john-kanell", "name": "John Kanell — Preppy Kitchen", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A clean recipe header and a row of large food photographs organize dessert categories before a centered editorial promise.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://preppykitchen.com/", "reference_url": "https://swipefile.design/ref/youtube-john-kanell/", "screenshot_url": "https://swipefile.design/_astro/preview.DbpzQH1c.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dv1LlMUS.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Inviting and organized.", "colors": "White, pale cream, dark green, and warm food tones.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A clean recipe header and a row of large food photographs organize dessert categories before a centered editorial promise.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: John Kanell — Preppy Kitchen\nSource: https://preppykitchen.com/\nSwipefile reference: https://swipefile.design/ref/youtube-john-kanell/\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: Inviting and organized.\n- colors: White, pale cream, dark green, and warm food tones.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A clean recipe header and a row of large food photographs organize dessert categories before a centered editorial promise.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-johnny-harris", "name": "Johnny Harris", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A cream graph-paper background supports a short serif introduction and an offset stack of travel photographs under minimal navigation.", "use_for": "A storytelling creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.johnnyharris.ch/", "reference_url": "https://swipefile.design/ref/youtube-johnny-harris/", "screenshot_url": "https://swipefile.design/_astro/preview.B9UROHdH.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D1tpmoSu.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "storytelling", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Editorial and exploratory.", "colors": "Cream, charcoal, and natural photographic blue.", "typography": "The captured page uses Vanio. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A cream graph-paper background supports a short serif introduction and an offset stack of travel photographs under minimal navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Johnny Harris\nSource: https://www.johnnyharris.ch/\nSwipefile reference: https://swipefile.design/ref/youtube-johnny-harris/\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 exploratory.\n- colors: Cream, charcoal, and natural photographic blue.\n- typography: The captured page uses Vanio. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A cream graph-paper background supports a short serif introduction and an offset stack of travel photographs under minimal navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A storytelling creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-joshua-weissman", "name": "Joshua Weissman", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A pale recipe homepage places a bold cooking introduction and pastel category chips beside a large featured dish photograph.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.joshuaweissman.com/", "reference_url": "https://swipefile.design/ref/youtube-joshua-weissman/", "screenshot_url": "https://swipefile.design/_astro/preview.GYoXQhFc.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BGK1VUlE.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Friendly and practical.", "colors": "Warm white, black, and soft pastel category colors.", "typography": "The captured page uses Poppins. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A pale recipe homepage places a bold cooking introduction and pastel category chips beside a large featured dish photograph.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Joshua Weissman\nSource: https://www.joshuaweissman.com/\nSwipefile reference: https://swipefile.design/ref/youtube-joshua-weissman/\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 practical.\n- colors: Warm white, black, and soft pastel category colors.\n- typography: The captured page uses Poppins. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A pale recipe homepage places a bold cooking introduction and pastel category chips beside a large featured dish photograph.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-kurzgesagt", "name": "Kurzgesagt — Philipp Dettmer", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A star-filled illustrated space scene supports an oversized white studio introduction beneath a clean light navigation bar.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://kurzgesagt.org/", "reference_url": "https://swipefile.design/ref/youtube-kurzgesagt/", "screenshot_url": "https://swipefile.design/_astro/preview.EzU9DbuO.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DoiCrpRF.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Expansive and playful.", "colors": "Midnight blue, violet, white, and bright illustrated accents.", "typography": "The captured page uses Montserrat-Medium. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A star-filled illustrated space scene supports an oversized white studio introduction beneath a clean light navigation bar.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Kurzgesagt — Philipp Dettmer\nSource: https://kurzgesagt.org/\nSwipefile reference: https://swipefile.design/ref/youtube-kurzgesagt/\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 playful.\n- colors: Midnight blue, violet, white, and bright illustrated accents.\n- typography: The captured page uses Montserrat-Medium. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A star-filled illustrated space scene supports an oversized white studio introduction beneath a clean light navigation bar.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-lex-fridman", "name": "Lex Fridman", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A narrow academic-style layout uses a small portrait, simple text navigation, biography links, and research-oriented content.", "use_for": "A technology creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://lexfridman.com/", "reference_url": "https://swipefile.design/ref/youtube-lex-fridman/", "screenshot_url": "https://swipefile.design/_astro/preview.DilFxxM_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CCDhfzUR.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "technology", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Plain and informational.", "colors": "White, light gray, black, and conventional blue links.", "typography": "The captured page uses Open Sans and Raleway. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A narrow academic-style layout uses a small portrait, simple text navigation, biography links, and research-oriented content.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Lex Fridman\nSource: https://lexfridman.com/\nSwipefile reference: https://swipefile.design/ref/youtube-lex-fridman/\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: Plain and informational.\n- colors: White, light gray, black, and conventional blue links.\n- typography: The captured page uses Open Sans and Raleway. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A narrow academic-style layout uses a small portrait, simple text navigation, biography links, and research-oriented content.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-lindsey-stirling", "name": "Lindsey Stirling", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A tour announcement pairs large poster artwork with a light typographic introduction and two clear paths for tickets or the main site.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.lindseystirling.com/", "reference_url": "https://swipefile.design/ref/youtube-lindsey-stirling/", "screenshot_url": "https://swipefile.design/_astro/preview.BJI-7Fjp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C8QOZO7x.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Airy and event-focused.", "colors": "White, icy blue, and poster colors.", "typography": "The captured page uses josefin. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A tour announcement pairs large poster artwork with a light typographic introduction and two clear paths for tickets or the main site.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Lindsey Stirling\nSource: https://www.lindseystirling.com/\nSwipefile reference: https://swipefile.design/ref/youtube-lindsey-stirling/\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: Airy and event-focused.\n- colors: White, icy blue, and poster colors.\n- typography: The captured page uses josefin. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A tour announcement pairs large poster artwork with a light typographic introduction and two clear paths for tickets or the main site.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-linus-sebastian", "name": "Linus Sebastian", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark technology reel fills the opening screen beneath a minimal studio header, with prominent condensed positioning as part of the hero.", "use_for": "A technology creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://linusmediagroup.com/", "reference_url": "https://swipefile.design/ref/youtube-linus-sebastian/", "screenshot_url": "https://swipefile.design/_astro/preview.BUCB-4HB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B0JyJUSr.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "technology", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Technical and cinematic.", "colors": "Black, charcoal, white, and orange branding.", "typography": "The captured page uses rama-gothic-m. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark technology reel fills the opening screen beneath a minimal studio header, with prominent condensed positioning as part of the hero.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Linus Sebastian\nSource: https://linusmediagroup.com/\nSwipefile reference: https://swipefile.design/ref/youtube-linus-sebastian/\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: Technical and cinematic.\n- colors: Black, charcoal, white, and orange branding.\n- typography: The captured page uses rama-gothic-m. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark technology reel fills the opening screen beneath a minimal studio header, with prominent condensed positioning as part of the hero.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-mark-rober", "name": "Mark Rober", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An energetic engineering-kit homepage pairs large playful lettering with hands-on project footage, a centered brand mark, and a clear starting action.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.crunchlabs.com/", "reference_url": "https://swipefile.design/ref/youtube-mark-rober/", "screenshot_url": "https://swipefile.design/_astro/preview.CllfBUKw.webp", "thumbnail_url": "https://swipefile.design/_astro/card.UsaVRLBS.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and inventive.", "colors": "Deep blue, white, and bright project colors.", "typography": "The captured page uses GothamHTF. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An energetic engineering-kit homepage pairs large playful lettering with hands-on project footage, a centered brand mark, and a clear starting action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Mark Rober\nSource: https://www.crunchlabs.com/\nSwipefile reference: https://swipefile.design/ref/youtube-mark-rober/\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 inventive.\n- colors: Deep blue, white, and bright project colors.\n- typography: The captured page uses GothamHTF. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An energetic engineering-kit homepage pairs large playful lettering with hands-on project footage, a centered brand mark, and a clear starting action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-marques-brownlee", "name": "Marques Brownlee", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A product photograph fills the homepage behind minimal edge navigation and a small high-contrast shop action.", "use_for": "A technology creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://mkbhd.com/", "reference_url": "https://swipefile.design/ref/youtube-marques-brownlee/", "screenshot_url": "https://swipefile.design/_astro/preview.Bk7GL-BF.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B-oQo8hB.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "technology", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Clean and product-led.", "colors": "Photographic rust and green, white, and red.", "typography": "The captured page uses DIN Pro. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A product photograph fills the homepage behind minimal edge navigation and a small high-contrast shop action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Marques Brownlee\nSource: https://mkbhd.com/\nSwipefile reference: https://swipefile.design/ref/youtube-marques-brownlee/\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 product-led.\n- colors: Photographic rust and green, white, and red.\n- typography: The captured page uses DIN Pro. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A product photograph fills the homepage behind minimal edge navigation and a small high-contrast shop action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-mary-spender", "name": "Mary Spender", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A handwritten identity and compact upper navigation frame a broad portrait of the musician with her instrument.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.maryspender.com/", "reference_url": "https://swipefile.design/ref/youtube-mary-spender/", "screenshot_url": "https://swipefile.design/_astro/preview.BhWrcSRM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BouFRx4k.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Personal and photographic.", "colors": "White, black, and warm studio photography.", "typography": "The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A handwritten identity and compact upper navigation frame a broad portrait of the musician with her instrument.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Mary Spender\nSource: https://www.maryspender.com/\nSwipefile reference: https://swipefile.design/ref/youtube-mary-spender/\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 photographic.\n- colors: White, black, and warm studio photography.\n- typography: The captured page uses futura-pt. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A handwritten identity and compact upper navigation frame a broad portrait of the musician with her instrument.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-matt-parker", "name": "Matt Parker — Stand-up Maths", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A black mathematics homepage pairs a colorful stacked wordmark and slim left navigation with biography text and a stage portrait.", "use_for": "A education creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://standupmaths.com/", "reference_url": "https://swipefile.design/ref/youtube-matt-parker/", "screenshot_url": "https://swipefile.design/_astro/preview.CSd50aFw.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DLatc93h.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "education", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Eccentric and information-rich.", "colors": "Black, white, ochre, teal, and blue.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A black mathematics homepage pairs a colorful stacked wordmark and slim left navigation with biography text and a stage portrait.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Matt Parker — Stand-up Maths\nSource: https://standupmaths.com/\nSwipefile reference: https://swipefile.design/ref/youtube-matt-parker/\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: Eccentric and information-rich.\n- colors: Black, white, ochre, teal, and blue.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A black mathematics homepage pairs a colorful stacked wordmark and slim left navigation with biography text and a stage portrait.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A education creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-matti-haapoja", "name": "Matti Haapoja", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A simple white creator hub groups the channel, digital products, and apparel into three illustrated cards below a blue announcement bar.", "use_for": "A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://mattihaapoja.com/", "reference_url": "https://swipefile.design/ref/youtube-matti-haapoja/", "screenshot_url": "https://swipefile.design/_astro/preview.CAq8b8Dv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BZ3XhxxB.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "filmmaking", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Clear and modular.", "colors": "White, light gray, bright blue, and thumbnail colors.", "typography": "The captured page uses Archivo. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A simple white creator hub groups the channel, digital products, and apparel into three illustrated cards below a blue announcement bar.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Matti Haapoja\nSource: https://mattihaapoja.com/\nSwipefile reference: https://swipefile.design/ref/youtube-matti-haapoja/\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 modular.\n- colors: White, light gray, bright blue, and thumbnail colors.\n- typography: The captured page uses Archivo. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A simple white creator hub groups the channel, digital products, and apparel into three illustrated cards below a blue announcement bar.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-max-miller", "name": "Max Miller — Tasting History", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A warm brown navigation bar leads to a kitchen photograph overlaid with centered serif copy describing the cooking-and-history show.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.tastinghistory.com/", "reference_url": "https://swipefile.design/ref/youtube-max-miller/", "screenshot_url": "https://swipefile.design/_astro/preview.Tx4WAYth.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BsMdCBv2.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Historical and welcoming.", "colors": "Warm brown, cream, white, and kitchen photography.", "typography": "The captured page uses ltc-bodoni-175. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A warm brown navigation bar leads to a kitchen photograph overlaid with centered serif copy describing the cooking-and-history show.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Max Miller — Tasting History\nSource: https://www.tastinghistory.com/\nSwipefile reference: https://swipefile.design/ref/youtube-max-miller/\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: Historical and welcoming.\n- colors: Warm brown, cream, white, and kitchen photography.\n- typography: The captured page uses ltc-bodoni-175. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A warm brown navigation bar leads to a kitchen photograph overlaid with centered serif copy describing the cooking-and-history show.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-michael-stevens", "name": "Michael Stevens — Vsauce", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A bright geometric channel hero combines large colored shapes, a circular tunnel illustration, and a compact learning action.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.vsauce.com/", "reference_url": "https://swipefile.design/ref/youtube-michael-stevens/", "screenshot_url": "https://swipefile.design/_astro/preview.r325qVpk.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CK048Q_w.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and curious.", "colors": "Sky blue, lime, violet, and white.", "typography": "The captured page uses DINNextRoundedLTPro-Regular. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A bright geometric channel hero combines large colored shapes, a circular tunnel illustration, and a compact learning action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Michael Stevens — Vsauce\nSource: https://www.vsauce.com/\nSwipefile reference: https://swipefile.design/ref/youtube-michael-stevens/\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 curious.\n- colors: Sky blue, lime, violet, and white.\n- typography: The captured page uses DINNextRoundedLTPro-Regular. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A bright geometric channel hero combines large colored shapes, a circular tunnel illustration, and a compact learning action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-michelle-khare", "name": "Michelle Khare", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark video-led homepage uses a minimal nameplate and navigation, with two light actions directing visitors to partnerships or the showreel.", "use_for": "A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://michellekhare.com/", "reference_url": "https://swipefile.design/ref/youtube-michelle-khare/", "screenshot_url": "https://swipefile.design/_astro/preview.C0z8Ibzp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CKTSZ2NH.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "entertainment", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Cinematic and energetic.", "colors": "Charcoal, white, pale blue, and video colors.", "typography": "The captured page uses Inter and Poppins and Inter Variable. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark video-led homepage uses a minimal nameplate and navigation, with two light actions directing visitors to partnerships or the showreel.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Michelle Khare\nSource: https://michellekhare.com/\nSwipefile reference: https://swipefile.design/ref/youtube-michelle-khare/\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 energetic.\n- colors: Charcoal, white, pale blue, and video colors.\n- typography: The captured page uses Inter and Poppins and Inter Variable. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark video-led homepage uses a minimal nameplate and navigation, with two light actions directing visitors to partnerships or the showreel.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-michelle-phan", "name": "Michelle Phan", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A pixel-art world becomes the opening visual, framed by a game-like wordmark and a compact navigation row.", "use_for": "A beauty creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.michellephan.com/", "reference_url": "https://swipefile.design/ref/youtube-michelle-phan/", "screenshot_url": "https://swipefile.design/_astro/preview.im94lBnc.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BBr__cZG.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "beauty", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Digital and nostalgic.", "colors": "Electric violet, indigo, pink, and white.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A pixel-art world becomes the opening visual, framed by a game-like wordmark and a compact navigation row.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Michelle Phan\nSource: https://www.michellephan.com/\nSwipefile reference: https://swipefile.design/ref/youtube-michelle-phan/\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: Digital and nostalgic.\n- colors: Electric violet, indigo, pink, and white.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A pixel-art world becomes the opening visual, framed by a game-like wordmark and a compact navigation row.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-morgan-eckroth", "name": "Morgan Eckroth", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A neutral split hero pairs a book portrait with a dark text panel, using a narrow type style and restrained preorder link.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://morgandrinkscoffee.com/", "reference_url": "https://swipefile.design/ref/youtube-morgan-eckroth/", "screenshot_url": "https://swipefile.design/_astro/preview.-vijmCQj.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CcaRZbtL.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Calm and editorial.", "colors": "Warm white, charcoal, and natural portrait tones.", "typography": "The captured page uses Dosis. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A neutral split hero pairs a book portrait with a dark text panel, using a narrow type style and restrained preorder link.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Morgan Eckroth\nSource: https://morgandrinkscoffee.com/\nSwipefile reference: https://swipefile.design/ref/youtube-morgan-eckroth/\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: Calm and editorial.\n- colors: Warm white, charcoal, and natural portrait tones.\n- typography: The captured page uses Dosis. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A neutral split hero pairs a book portrait with a dark text panel, using a narrow type style and restrained preorder link.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-mrbeast", "name": "MrBeast", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A vivid store hero places oversized promotional lettering over sports photography, below a bright announcement strip and compact product navigation.", "use_for": "A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://mrbeast.store/", "reference_url": "https://swipefile.design/ref/youtube-mrbeast/", "screenshot_url": "https://swipefile.design/_astro/preview.PuonKvnD.webp", "thumbnail_url": "https://swipefile.design/_astro/card.E4YKwn3k.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "entertainment", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Energetic and commercial.", "colors": "Sky blue, bright yellow, black, and white.", "typography": "The captured page uses transducer and Work Sans. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A vivid store hero places oversized promotional lettering over sports photography, below a bright announcement strip and compact product navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: MrBeast\nSource: https://mrbeast.store/\nSwipefile reference: https://swipefile.design/ref/youtube-mrbeast/\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 commercial.\n- colors: Sky blue, bright yellow, black, and white.\n- typography: The captured page uses transducer and Work Sans. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A vivid store hero places oversized promotional lettering over sports photography, below a bright announcement strip and compact product navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-muchelleb", "name": "MuchelleB", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A soft productivity homepage combines a decorative serif headline, an arched portrait, small star details, and a rounded quiz action.", "use_for": "A productivity creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.muchelleb.com.au/", "reference_url": "https://swipefile.design/ref/youtube-muchelleb/", "screenshot_url": "https://swipefile.design/_astro/preview.Dal0KlOl.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C_ek-k7B.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "productivity", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Gentle and personal.", "colors": "Pale pink, periwinkle, cream, and lavender.", "typography": "The captured page uses Tan-Ashford. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A soft productivity homepage combines a decorative serif headline, an arched portrait, small star details, and a rounded quiz action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: MuchelleB\nSource: https://www.muchelleb.com.au/\nSwipefile reference: https://swipefile.design/ref/youtube-muchelleb/\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: Gentle and personal.\n- colors: Pale pink, periwinkle, cream, and lavender.\n- typography: The captured page uses Tan-Ashford. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A soft productivity homepage combines a decorative serif headline, an arched portrait, small star details, and a rounded quiz action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-natacha-oceane", "name": "Natacha Océane", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A clean training-program catalog uses bold section typography and a horizontal row of large photographic program cards.", "use_for": "A fitness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://natachaoceane.com/", "reference_url": "https://swipefile.design/ref/youtube-natacha-oceane/", "screenshot_url": "https://swipefile.design/_astro/preview.B8t86B6J.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bdz8W9AE.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "fitness", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Practical and visual.", "colors": "White, black, turquoise, and fitness photography.", "typography": "The captured page uses Gilroy Bold. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A clean training-program catalog uses bold section typography and a horizontal row of large photographic program cards.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Natacha Océane\nSource: https://natachaoceane.com/\nSwipefile reference: https://swipefile.design/ref/youtube-natacha-oceane/\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: Practical and visual.\n- colors: White, black, turquoise, and fitness photography.\n- typography: The captured page uses Gilroy Bold. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A clean training-program catalog uses bold section typography and a horizontal row of large photographic program cards.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-nate-o-brien", "name": "Nate O’Brien", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A sparse personal page pairs a small portrait and bold name with a short introduction and a restrained set of text links.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://nateobrien.com/", "reference_url": "https://swipefile.design/ref/youtube-nate-o-brien/", "screenshot_url": "https://swipefile.design/_astro/preview.ZFC6KllI.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DpdifxYS.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Minimal and direct.", "colors": "White, charcoal, and pale blue links.", "typography": "The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A sparse personal page pairs a small portrait and bold name with a short introduction and a restrained set of text links.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Nate O’Brien\nSource: https://nateobrien.com/\nSwipefile reference: https://swipefile.design/ref/youtube-nate-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: Minimal and direct.\n- colors: White, charcoal, and pale blue links.\n- typography: The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A sparse personal page pairs a small portrait and bold name with a short introduction and a restrained set of text links.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-nathaniel-drew", "name": "Nathaniel Drew", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A grainy mountain photograph fills the opening view, with extremely restrained corner navigation and a small central storytelling link.", "use_for": "A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.nathanieldrew.com/", "reference_url": "https://swipefile.design/ref/youtube-nathaniel-drew/", "screenshot_url": "https://swipefile.design/_astro/preview.CXWZOrtR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DHNOIYPH.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "filmmaking", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Reflective and cinematic.", "colors": "Muted gold, pale blue, charcoal, and white.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A grainy mountain photograph fills the opening view, with extremely restrained corner navigation and a small central storytelling link.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Nathaniel Drew\nSource: https://www.nathanieldrew.com/\nSwipefile reference: https://swipefile.design/ref/youtube-nathaniel-drew/\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: Reflective and cinematic.\n- colors: Muted gold, pale blue, charcoal, and white.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A grainy mountain photograph fills the opening view, with extremely restrained corner navigation and a small central storytelling link.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-nick-nimmin", "name": "Nick Nimmin", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A centered wordmark and simple navigation lead into a grid of channel, training, music, and creator-tool tiles.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.nicknimmin.com/", "reference_url": "https://swipefile.design/ref/youtube-nick-nimmin/", "screenshot_url": "https://swipefile.design/_astro/preview.Civh6BcG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CutvUKAN.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Practical and modular.", "colors": "White, black, red, and colorful tile artwork.", "typography": "The captured page uses Exo. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A centered wordmark and simple navigation lead into a grid of channel, training, music, and creator-tool tiles.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Nick Nimmin\nSource: https://www.nicknimmin.com/\nSwipefile reference: https://swipefile.design/ref/youtube-nick-nimmin/\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: Practical and modular.\n- colors: White, black, red, and colorful tile artwork.\n- typography: The captured page uses Exo. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A centered wordmark and simple navigation lead into a grid of channel, training, music, and creator-tool tiles.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-ninja", "name": "Ninja", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A minimal dark merchandise header leaves most of the screen to a large branded apparel photograph.", "use_for": "A gaming creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://teamninja.com/", "reference_url": "https://swipefile.design/ref/youtube-ninja/", "screenshot_url": "https://swipefile.design/_astro/preview.DFPbSN_R.webp", "thumbnail_url": "https://swipefile.design/_astro/card.uO2jjlMQ.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "gaming", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Graphic and product-focused.", "colors": "Black, white, and icy blue.", "typography": "The captured page uses Helvetica. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A minimal dark merchandise header leaves most of the screen to a large branded apparel photograph.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Ninja\nSource: https://teamninja.com/\nSwipefile reference: https://swipefile.design/ref/youtube-ninja/\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 product-focused.\n- colors: Black, white, and icy blue.\n- typography: The captured page uses Helvetica. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A minimal dark merchandise header leaves most of the screen to a large branded apparel photograph.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-nisha-vora", "name": "Nisha Vora — Rainbow Plant Life", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A warm recipe hero combines a large yellow field, an overlapping white introduction panel, and a bright kitchen portrait.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://rainbowplantlife.com/", "reference_url": "https://swipefile.design/ref/youtube-nisha-vora/", "screenshot_url": "https://swipefile.design/_astro/preview.D9LrSBv0.webp", "thumbnail_url": "https://swipefile.design/_astro/card.OCOmbny7.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Welcoming and colorful.", "colors": "Cream, mustard yellow, plum, and white.", "typography": "The captured page uses Recoleta. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A warm recipe hero combines a large yellow field, an overlapping white introduction panel, and a bright kitchen portrait.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Nisha Vora — Rainbow Plant Life\nSource: https://rainbowplantlife.com/\nSwipefile reference: https://swipefile.design/ref/youtube-nisha-vora/\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: Welcoming and colorful.\n- colors: Cream, mustard yellow, plum, and white.\n- typography: The captured page uses Recoleta. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A warm recipe hero combines a large yellow field, an overlapping white introduction panel, and a bright kitchen portrait.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-oliur", "name": "Oliur", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A very restrained personal homepage uses a small portrait, concise introduction, tiny navigation, and a compact newsletter form.", "use_for": "A design creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.oliur.com/", "reference_url": "https://swipefile.design/ref/youtube-oliur/", "screenshot_url": "https://swipefile.design/_astro/preview.BjvdlfAw.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CokKJhLg.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "design", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Quiet and minimal.", "colors": "Off-white, charcoal, and soft gray.", "typography": "The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A very restrained personal homepage uses a small portrait, concise introduction, tiny navigation, and a compact newsletter form.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Oliur\nSource: https://www.oliur.com/\nSwipefile reference: https://swipefile.design/ref/youtube-oliur/\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 minimal.\n- colors: Off-white, charcoal, and soft gray.\n- typography: The captured page uses Inter. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A very restrained personal homepage uses a small portrait, concise introduction, tiny navigation, and a compact newsletter form.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A design creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-paul-davids", "name": "Paul Davids", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A warm guitar-studio photograph sits behind oversized serif positioning and a clear practice-plan action under compact navigation.", "use_for": "A music creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://pauldavidsguitar.com/", "reference_url": "https://swipefile.design/ref/youtube-paul-davids/", "screenshot_url": "https://swipefile.design/_astro/preview.BCqzjDAA.webp", "thumbnail_url": "https://swipefile.design/_astro/card.COVhzYxo.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "music", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Craft-focused and inviting.", "colors": "Warm brown, cream, orange, and black.", "typography": "The captured page uses GT Super Text and Fraunces Variable. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A warm guitar-studio photograph sits behind oversized serif positioning and a clear practice-plan action under compact navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Paul Davids\nSource: https://pauldavidsguitar.com/\nSwipefile reference: https://swipefile.design/ref/youtube-paul-davids/\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: Craft-focused and inviting.\n- colors: Warm brown, cream, orange, and black.\n- typography: The captured page uses GT Super Text and Fraunces Variable. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A warm guitar-studio photograph sits behind oversized serif positioning and a clear practice-plan action under compact navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A music creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-rich-roll", "name": "Rich Roll", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A subdued photographic hero uses a centered statement and one podcast action beneath a monochrome navigation row.", "use_for": "A wellness creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://richroll.com/", "reference_url": "https://swipefile.design/ref/youtube-rich-roll/", "screenshot_url": "https://swipefile.design/_astro/preview.DthXXbW-.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BgY6cqiq.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "wellness", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Reflective and grounded.", "colors": "Charcoal, white, and muted natural tones.", "typography": "The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A subdued photographic hero uses a centered statement and one podcast action beneath a monochrome navigation row.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Rich Roll\nSource: https://richroll.com/\nSwipefile reference: https://swipefile.design/ref/youtube-rich-roll/\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: Reflective and grounded.\n- colors: Charcoal, white, and muted natural tones.\n- typography: The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A subdued photographic hero uses a centered statement and one podcast action beneath a monochrome navigation row.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-roberto-blake", "name": "Roberto Blake", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A compact personal-brand header and orange resource strip lead to a large speaking photograph and bold newsletter positioning.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://robertoblake.com/", "reference_url": "https://swipefile.design/ref/youtube-roberto-blake/", "screenshot_url": "https://swipefile.design/_astro/preview.BGgkohgD.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Cf6Ot_ka.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Professional and creator-focused.", "colors": "White, black, orange, and presentation colors.", "typography": "The captured page uses mongoose. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A compact personal-brand header and orange resource strip lead to a large speaking photograph and bold newsletter positioning.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Roberto Blake\nSource: https://robertoblake.com/\nSwipefile reference: https://swipefile.design/ref/youtube-roberto-blake/\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: Professional and creator-focused.\n- colors: White, black, orange, and presentation colors.\n- typography: The captured page uses mongoose. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A compact personal-brand header and orange resource strip lead to a large speaking photograph and bold newsletter positioning.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-rosanna-pansino", "name": "Rosanna Pansino", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A light merchandise header gives way to pastel campaign artwork featuring the creator and character-based products.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://rosannapansino.com/", "reference_url": "https://swipefile.design/ref/youtube-rosanna-pansino/", "screenshot_url": "https://swipefile.design/_astro/preview.CGrLk_OP.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BfsQbN2j.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Cheerful and playful.", "colors": "White, blush pink, pale blue, and lavender.", "typography": "The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A light merchandise header gives way to pastel campaign artwork featuring the creator and character-based products.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Rosanna Pansino\nSource: https://rosannapansino.com/\nSwipefile reference: https://swipefile.design/ref/youtube-rosanna-pansino/\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: Cheerful and playful.\n- colors: White, blush pink, pale blue, and lavender.\n- typography: The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A light merchandise header gives way to pastel campaign artwork featuring the creator and character-based products.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-rowan-ellis", "name": "Rowan Ellis", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A colorful illustrated panel uses large star shapes and an overlapping white biography card under a compact author navigation.", "use_for": "A commentary creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.rowanellis.com/", "reference_url": "https://swipefile.design/ref/youtube-rowan-ellis/", "screenshot_url": "https://swipefile.design/_astro/preview.DZDOrc_6.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BRoux8zb.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "commentary", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Expressive and editorial.", "colors": "Blue, lavender, mustard yellow, white, and coral.", "typography": "The captured page uses BohemianSoul. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A colorful illustrated panel uses large star shapes and an overlapping white biography card under a compact author navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Rowan Ellis\nSource: https://www.rowanellis.com/\nSwipefile reference: https://swipefile.design/ref/youtube-rowan-ellis/\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 editorial.\n- colors: Blue, lavender, mustard yellow, white, and coral.\n- typography: The captured page uses BohemianSoul. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A colorful illustrated panel uses large star shapes and an overlapping white biography card under a compact author navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-ruby-granger", "name": "Ruby Granger", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A quiet store header frames a garden photograph with a centered cream panel introducing nature writing.", "use_for": "A education creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://rubygranger.com/", "reference_url": "https://swipefile.design/ref/youtube-ruby-granger/", "screenshot_url": "https://swipefile.design/_astro/preview.DomnBIRT.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CcpRe5AX.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "education", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Literary and pastoral.", "colors": "Cream, forest green, white, and soft gray.", "typography": "The captured page uses Trirong. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A quiet store header frames a garden photograph with a centered cream panel introducing nature writing.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Ruby Granger\nSource: https://rubygranger.com/\nSwipefile reference: https://swipefile.design/ref/youtube-ruby-granger/\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: Literary and pastoral.\n- colors: Cream, forest green, white, and soft gray.\n- typography: The captured page uses Trirong. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A quiet store header frames a garden photograph with a centered cream panel introducing nature writing.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A education creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-sadia-badiei", "name": "Sadia Badiei — Pick Up Limes", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A spare recipe navigation bar places the brand centrally above an immersive close-up food photograph.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.pickuplimes.com/", "reference_url": "https://swipefile.design/ref/youtube-sadia-badiei/", "screenshot_url": "https://swipefile.design/_astro/preview.60RQoxLz.webp", "thumbnail_url": "https://swipefile.design/_astro/card._nLarPVz.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Fresh and photographic.", "colors": "White, olive green, and natural food colors.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A spare recipe navigation bar places the brand centrally above an immersive close-up food photograph.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Sadia Badiei — Pick Up Limes\nSource: https://www.pickuplimes.com/\nSwipefile reference: https://swipefile.design/ref/youtube-sadia-badiei/\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: Fresh and photographic.\n- colors: White, olive green, and natural food colors.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A spare recipe navigation bar places the brand centrally above an immersive close-up food photograph.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-sam-the-cooking-guy", "name": "Sam the Cooking Guy", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A large overhead food photograph anchors the homepage, with small navigation and a warm light panel introducing recipe discovery.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.thecookingguy.com/", "reference_url": "https://swipefile.design/ref/youtube-sam-the-cooking-guy/", "screenshot_url": "https://swipefile.design/_astro/preview.BzK3zf34.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B5TeAwLY.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Appetizing and direct.", "colors": "Charcoal, cream, white, and vivid food colors.", "typography": "The captured page uses Opensans Variablefont Wdth Wght. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A large overhead food photograph anchors the homepage, with small navigation and a warm light panel introducing recipe discovery.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Sam the Cooking Guy\nSource: https://www.thecookingguy.com/\nSwipefile reference: https://swipefile.design/ref/youtube-sam-the-cooking-guy/\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: Appetizing and direct.\n- colors: Charcoal, cream, white, and vivid food colors.\n- typography: The captured page uses Opensans Variablefont Wdth Wght. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A large overhead food photograph anchors the homepage, with small navigation and a warm light panel introducing recipe discovery.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-sara-dietschy", "name": "Sara Dietschy", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An urban creator photograph carries a large white introduction, small upper navigation, and a warm contrasting contact action.", "use_for": "A technology creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://saradietschy.com/", "reference_url": "https://swipefile.design/ref/youtube-sara-dietschy/", "screenshot_url": "https://swipefile.design/_astro/preview.C2msTVJR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BIeD4iG6.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "technology", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Casual and energetic.", "colors": "Muted photographic gray, white, and orange.", "typography": "The captured page uses Fugaz One. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An urban creator photograph carries a large white introduction, small upper navigation, and a warm contrasting contact action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Sara Dietschy\nSource: https://saradietschy.com/\nSwipefile reference: https://swipefile.design/ref/youtube-sara-dietschy/\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: Casual and energetic.\n- colors: Muted photographic gray, white, and orange.\n- typography: The captured page uses Fugaz One. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An urban creator photograph carries a large white introduction, small upper navigation, and a warm contrasting contact action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-sean-tucker", "name": "Sean Tucker", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A light gray split composition balances a dense uppercase personal statement with a rounded portrait and small social buttons.", "use_for": "A photography creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.seantucker.photography/", "reference_url": "https://swipefile.design/ref/youtube-sean-tucker/", "screenshot_url": "https://swipefile.design/_astro/preview.JTylhJtJ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B2XYlTCg.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "photography", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Direct and contemplative.", "colors": "Light gray, black, white, and portrait tones.", "typography": "The captured page uses Archivo Black. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A light gray split composition balances a dense uppercase personal statement with a rounded portrait and small social buttons.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Sean Tucker\nSource: https://www.seantucker.photography/\nSwipefile reference: https://swipefile.design/ref/youtube-sean-tucker/\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 contemplative.\n- colors: Light gray, black, white, and portrait tones.\n- typography: The captured page uses Archivo Black. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A light gray split composition balances a dense uppercase personal statement with a rounded portrait and small social buttons.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-simon-sinek", "name": "Simon Sinek", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark green split hero combines a large white serif statement with desktop and phone product imagery, under a light navigation shell.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://simonsinek.com/", "reference_url": "https://swipefile.design/ref/youtube-simon-sinek/", "screenshot_url": "https://swipefile.design/_astro/preview.DmjaalKD.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CqcwnDCy.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Calm and professional.", "colors": "Deep green, cream, white, and soft gray.", "typography": "The captured page uses Advercase. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark green split hero combines a large white serif statement with desktop and phone product imagery, under a light navigation shell.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Simon Sinek\nSource: https://simonsinek.com/\nSwipefile reference: https://swipefile.design/ref/youtube-simon-sinek/\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: Calm and professional.\n- colors: Deep green, cream, white, and soft gray.\n- typography: The captured page uses Advercase. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark green split hero combines a large white serif statement with desktop and phone product imagery, under a light navigation shell.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-smosh", "name": "Smosh — Ian Hecox and Anthony Padilla", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A colorful merchandise campaign pairs playful wave shapes and prominent products with a search-oriented store header.", "use_for": "A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://smosh.com/", "reference_url": "https://swipefile.design/ref/youtube-smosh/", "screenshot_url": "https://swipefile.design/_astro/preview.B-yrKEiG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DAmKnTDg.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "entertainment", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and commercial.", "colors": "Cream, soft pink, dusty blue, black, and yellow.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A colorful merchandise campaign pairs playful wave shapes and prominent products with a search-oriented store header.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Smosh — Ian Hecox and Anthony Padilla\nSource: https://smosh.com/\nSwipefile reference: https://swipefile.design/ref/youtube-smosh/\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 commercial.\n- colors: Cream, soft pink, dusty blue, black, and yellow.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A colorful merchandise campaign pairs playful wave shapes and prominent products with a search-oriented store header.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-sohla-el-waylly", "name": "Sohla El-Waylly", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A warm textured page places a compact serif name over close-up cooking photography, creating a simple food-first identity.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://hellosohla.com/", "reference_url": "https://swipefile.design/ref/youtube-sohla-el-waylly/", "screenshot_url": "https://swipefile.design/_astro/preview.Cr1N5w47.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DCFitbDL.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Tactile and personal.", "colors": "Warm cream, parchment orange, black, and food photography.", "typography": "Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.", "layout": "A warm textured page places a compact serif name over close-up cooking photography, creating a simple food-first identity.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Sohla El-Waylly\nSource: https://hellosohla.com/\nSwipefile reference: https://swipefile.design/ref/youtube-sohla-el-waylly/\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 personal.\n- colors: Warm cream, parchment orange, black, and food photography.\n- typography: Use the hierarchy visible in the capture: one main statement and a restrained secondary navigation.\n- layout: A warm textured page places a compact serif name over close-up cooking photography, creating a simple food-first identity.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-steve-mould", "name": "Steve Mould", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A small circular portrait and centered introduction lead into a video preview, with a restrained green contact button.", "use_for": "A science creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://stevemould.com/", "reference_url": "https://swipefile.design/ref/youtube-steve-mould/", "screenshot_url": "https://swipefile.design/_astro/preview.B88vFq1_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.mdnsl-yC.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "science", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Simple and approachable.", "colors": "White, black, light gray, and muted green.", "typography": "The captured page uses sans-serif. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A small circular portrait and centered introduction lead into a video preview, with a restrained green contact button.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Steve Mould\nSource: https://stevemould.com/\nSwipefile reference: https://swipefile.design/ref/youtube-steve-mould/\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 approachable.\n- colors: White, black, light gray, and muted green.\n- typography: The captured page uses sans-serif. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A small circular portrait and centered introduction lead into a video preview, with a restrained green contact button.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A science creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-steven-bartlett", "name": "Steven Bartlett", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "Oversized condensed lime lettering dominates a black opening screen, with a small scroll cue leading into the wider personal site.", "use_for": "A business creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://stevenbartlett.com/", "reference_url": "https://swipefile.design/ref/youtube-steven-bartlett/", "screenshot_url": "https://swipefile.design/_astro/preview.BBYmoNwR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Df6mOfK_.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "business", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Bold and typographic.", "colors": "Black and vivid lime.", "typography": "The captured page uses zuume. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "Oversized condensed lime lettering dominates a black opening screen, with a small scroll cue leading into the wider personal site.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Steven Bartlett\nSource: https://stevenbartlett.com/\nSwipefile reference: https://swipefile.design/ref/youtube-steven-bartlett/\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 typographic.\n- colors: Black and vivid lime.\n- typography: The captured page uses zuume. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: Oversized condensed lime lettering dominates a black opening screen, with a small scroll cue leading into the wider personal site.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A business creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-susan-yara", "name": "Susan Yara", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A handwritten wordmark and blush watercolor header lead into a photo collage with a large italic serif topic statement.", "use_for": "A beauty creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.susanyara.com/", "reference_url": "https://swipefile.design/ref/youtube-susan-yara/", "screenshot_url": "https://swipefile.design/_astro/preview.BWRdJ3ph.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Do4Naf01.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "beauty", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Soft and editorial.", "colors": "Blush pink, cream, white, and black.", "typography": "The captured page uses Playfair Display. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A handwritten wordmark and blush watercolor header lead into a photo collage with a large italic serif topic statement.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Susan Yara\nSource: https://www.susanyara.com/\nSwipefile reference: https://swipefile.design/ref/youtube-susan-yara/\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 editorial.\n- colors: Blush pink, cream, white, and black.\n- typography: The captured page uses Playfair Display. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A handwritten wordmark and blush watercolor header lead into a photo collage with a large italic serif topic statement.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-thomas-heaton", "name": "Thomas Heaton", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A compact photographer header introduces a wide book-and-calendar campaign with landscape imagery and a blue preorder action.", "use_for": "A photography creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://thomasheaton.co.uk/", "reference_url": "https://swipefile.design/ref/youtube-thomas-heaton/", "screenshot_url": "https://swipefile.design/_astro/preview.CBp9JFB9.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CgVy-_4U.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "photography", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Photographic and practical.", "colors": "White, black, landscape blue, and gray.", "typography": "The captured page uses Oswald. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A compact photographer header introduces a wide book-and-calendar campaign with landscape imagery and a blue preorder action.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Thomas Heaton\nSource: https://thomasheaton.co.uk/\nSwipefile reference: https://swipefile.design/ref/youtube-thomas-heaton/\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: Photographic and practical.\n- colors: White, black, landscape blue, and gray.\n- typography: The captured page uses Oswald. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A compact photographer header introduces a wide book-and-calendar campaign with landscape imagery and a blue preorder action.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-tiffany-aliche", "name": "Tiffany Aliche — The Budgetnista", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A teal personal-finance hero pairs a bold white promise with a creator portrait, subtle line patterns, and contrasting next-step actions.", "use_for": "A finance creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://thebudgetnista.com/", "reference_url": "https://swipefile.design/ref/youtube-tiffany-aliche/", "screenshot_url": "https://swipefile.design/_astro/preview.B4PMOS1L.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DA055fOX.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "finance", "creator-education" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Warm and encouraging.", "colors": "Teal, mint, white, yellow, and coral.", "typography": "The captured page uses Maven Pro. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A teal personal-finance hero pairs a bold white promise with a creator portrait, subtle line patterns, and contrasting next-step actions.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Tiffany Aliche — The Budgetnista\nSource: https://thebudgetnista.com/\nSwipefile reference: https://swipefile.design/ref/youtube-tiffany-aliche/\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 encouraging.\n- colors: Teal, mint, white, yellow, and coral.\n- typography: The captured page uses Maven Pro. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A teal personal-finance hero pairs a bold white promise with a creator portrait, subtle line patterns, and contrasting next-step actions.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-tom-scott", "name": "Tom Scott", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A red handwritten identity sits over a short introduction and a three-column grid of projects, with simple text links and dotted rules.", "use_for": "A education creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.tomscott.com/", "reference_url": "https://swipefile.design/ref/youtube-tom-scott/", "screenshot_url": "https://swipefile.design/_astro/preview.5vF3qTwR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bj_byy7T.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "education", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Plain and friendly.", "colors": "White, red, black, and project thumbnail colors.", "typography": "The captured page uses Helvetica Neue. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A red handwritten identity sits over a short introduction and a three-column grid of projects, with simple text links and dotted rules.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Keep surfaces restrained so the typography and content stay prominent.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Tom Scott\nSource: https://www.tomscott.com/\nSwipefile reference: https://swipefile.design/ref/youtube-tom-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: Plain and friendly.\n- colors: White, red, black, and project thumbnail colors.\n- typography: The captured page uses Helvetica Neue. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A red handwritten identity sits over a short introduction and a three-column grid of projects, with simple text links and dotted rules.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Keep surfaces restrained so the typography and content stay prominent.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A education creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-valkyrae", "name": "Valkyrae", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A minimal black merchandise header frames a full-width fashion film, with restrained product-category navigation.", "use_for": "A gaming creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://valkyrae.com/", "reference_url": "https://swipefile.design/ref/youtube-valkyrae/", "screenshot_url": "https://swipefile.design/_astro/preview.8_DsU416.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DRWJmDF6.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "gaming", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Moody and fashion-led.", "colors": "Black, white, and green photographic highlights.", "typography": "The captured page uses SF Mono. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A minimal black merchandise header frames a full-width fashion film, with restrained product-category navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Valkyrae\nSource: https://valkyrae.com/\nSwipefile reference: https://swipefile.design/ref/youtube-valkyrae/\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 fashion-led.\n- colors: Black, white, and green photographic highlights.\n- typography: The captured page uses SF Mono. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A minimal black merchandise header frames a full-width fashion film, with restrained product-category navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-wayne-goss", "name": "Wayne Goss", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An extreme close-up beauty portrait fills the screen behind a centered serif name, small positioning text, and restrained navigation.", "use_for": "A beauty creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://waynegoss.co.uk/", "reference_url": "https://swipefile.design/ref/youtube-wayne-goss/", "screenshot_url": "https://swipefile.design/_astro/preview.fIY9oNkK.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DXyI5iVy.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "beauty", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Intimate and polished.", "colors": "Warm skin tones, charcoal, cream, and white.", "typography": "The captured page uses Cormorant Garamond. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An extreme close-up beauty portrait fills the screen behind a centered serif name, small positioning text, and restrained navigation.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Wayne Goss\nSource: https://waynegoss.co.uk/\nSwipefile reference: https://swipefile.design/ref/youtube-wayne-goss/\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 polished.\n- colors: Warm skin tones, charcoal, cream, and white.\n- typography: The captured page uses Cormorant Garamond. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An extreme close-up beauty portrait fills the screen behind a centered serif name, small positioning text, and restrained navigation.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-wil-yeung", "name": "Wil Yeung", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A full-width cooking portrait and understated video action sit below a spare store header and narrow blue announcement strip.", "use_for": "A food creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://yeungmancooking.com/", "reference_url": "https://swipefile.design/ref/youtube-wil-yeung/", "screenshot_url": "https://swipefile.design/_astro/preview.BP7cBtVb.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Cm9pu0GY.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "food", "creator-store" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Calm and focused.", "colors": "White, black, pale blue, and kitchen photography.", "typography": "The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A full-width cooking portrait and understated video action sit below a spare store header and narrow blue announcement strip.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Wil Yeung\nSource: https://yeungmancooking.com/\nSwipefile reference: https://swipefile.design/ref/youtube-wil-yeung/\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: Calm and focused.\n- colors: White, black, pale blue, and kitchen photography.\n- typography: The captured page uses Montserrat. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A full-width cooking portrait and understated video action sit below a spare store header and narrow blue announcement strip.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A food creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-yes-theory", "name": "Yes Theory", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "An immersive travel film fills the opening screen and uses the creators’ real-world encounters as the primary visual introduction.", "use_for": "A travel creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://yestheory.com/", "reference_url": "https://swipefile.design/ref/youtube-yes-theory/", "screenshot_url": "https://swipefile.design/_astro/preview.C586FBFu.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BN65MDbI.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "travel", "creator-publication" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Adventurous and cinematic.", "colors": "Natural photographic colors and minimal interface accents.", "typography": "The captured page uses Truenoblk and Truenobd and Futura extra font. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "An immersive travel film fills the opening screen and uses the creators’ real-world encounters as the primary visual introduction.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Let the original photographic or video imagery carry the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Yes Theory\nSource: https://yestheory.com/\nSwipefile reference: https://swipefile.design/ref/youtube-yes-theory/\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: Adventurous and cinematic.\n- colors: Natural photographic colors and minimal interface accents.\n- typography: The captured page uses Truenoblk and Truenobd and Futura extra font. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: An immersive travel film fills the opening screen and uses the creators’ real-world encounters as the primary visual introduction.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Let the original photographic or video imagery carry the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work.\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": "youtube-zach-king", "name": "Zach King", "kind": "inspiration", "platform": "web", "archetype": "Personal Creator", "summary": "A dark teal book homepage centers bold condensed lettering above a row of illustrated covers, with pill-shaped navigation tabs.", "use_for": "A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.", "source_url": "https://www.zachkingmagic.com/", "reference_url": "https://swipefile.design/ref/youtube-zach-king/", "screenshot_url": "https://swipefile.design/_astro/preview.Ts7EJJY8.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CxXYhGd4.webp", "captured": "2026-09-08", "capture_scope": "viewport", "provenance": "live", "screenshots": [], "tags": [ "youtube", "youtube-creators", "english-website", "personal-website", "filmmaking", "creator-portfolio" ], "patterns": [ "Personal websites" ], "design_notes": { "mood": "Playful and story-led.", "colors": "Deep teal, charcoal, yellow, white, and cover colors.", "typography": "The captured page uses spinnaker. Keep a clear contrast between the main statement and the smaller navigation.", "layout": "A dark teal book homepage centers bold condensed lettering above a row of illustrated covers, with pill-shaped navigation tabs.", "motion": "Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.", "texture": "Graphic illustration and shape provide the visual detail.", "dont": "Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand." }, "recreation_prompt": "# Design reference: Zach King\nSource: https://www.zachkingmagic.com/\nSwipefile reference: https://swipefile.design/ref/youtube-zach-king/\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 story-led.\n- colors: Deep teal, charcoal, yellow, white, and cover colors.\n- typography: The captured page uses spinnaker. Keep a clear contrast between the main statement and the smaller navigation.\n- layout: A dark teal book homepage centers bold condensed lettering above a row of illustrated covers, with pill-shaped navigation tabs.\n- motion: Static viewport capture. Inspect the source website to assess animation, video, and reduced-motion behavior.\n- texture: Graphic illustration and shape provide the visual detail.\n- dont: Do not reproduce the creator’s identity, claims, copy, or artwork in a new brand.\n\nUseful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work.\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." } ] }