# YouTube creator websites Board: https://swipefile.design/board/youtube-creator-websites/ References: 100 Use this board as design direction for my project. Review the references below, identify useful layout, typography, color, and interaction patterns, then adapt them to my brief. Cite the original references you use. 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. ## 1. Peter McKinnon Source website: https://www.petermckinnon.com/ Swipefile reference: https://swipefile.design/ref/youtube-peter-mckinnon/ Screenshot: https://swipefile.design/_astro/preview.BZm6qgIt.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A minimal centered photographer identity and category navigation sit above a dense edge-to-edge grid of portraits, objects, and lifestyle photography. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Peter McKinnon Source: https://www.petermckinnon.com/ Swipefile reference: https://swipefile.design/ref/youtube-peter-mckinnon/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 2. Jaiden Animations Source website: https://jaidenanimations.com/ Swipefile reference: https://swipefile.design/ref/youtube-jaiden-animations/ Screenshot: https://swipefile.design/_astro/preview.DtB5PE8R.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A purple illustrated character hero pairs welcoming oversized text with line-art motifs and a compact store navigation. Useful for: A animation creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jaiden Animations Source: https://jaidenanimations.com/ Swipefile reference: https://swipefile.design/ref/youtube-jaiden-animations/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A animation creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 3. Thomas Frank Source website: https://thomasjfrank.com/ Swipefile reference: https://swipefile.design/ref/youtube-thomas-frank/ Screenshot: https://swipefile.design/_astro/preview.CCEVoKpk.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A bright split homepage introduces the creator beside a large rounded portrait, with clear learning and template actions. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Thomas Frank Source: https://thomasjfrank.com/ Swipefile reference: https://swipefile.design/ref/youtube-thomas-frank/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 4. Matt D’Avella Source website: https://www.mattdavella.com/ Swipefile reference: https://swipefile.design/ref/youtube-matt-d-avella/ Screenshot: https://swipefile.design/_astro/preview.sVSRCKbv.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A close creator portrait fills the hero behind a large white statement, compact navigation, and an embedded newsletter form. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Matt D’Avella Source: https://www.mattdavella.com/ Swipefile reference: https://swipefile.design/ref/youtube-matt-d-avella/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 5. Adam Neely Source website: https://www.adamneely.com/ Swipefile reference: https://swipefile.design/ref/youtube-adam-neely/ Screenshot: https://swipefile.design/_astro/preview.Di1-RlaN.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A monochrome musician portrait fills the opening screen, with a centered lowercase name and small contact and channel links. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Adam Neely Source: https://www.adamneely.com/ Swipefile reference: https://swipefile.design/ref/youtube-adam-neely/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 6. Adam Savage — Tested Source website: https://www.tested.com/ Swipefile reference: https://swipefile.design/ref/youtube-adam-savage/ Screenshot: https://swipefile.design/_astro/preview.BhpKCbZH.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A compact white navigation bar and red wordmark frame a wide workshop photograph, followed immediately by a concise introduction to the video channel. Useful for: A engineering creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Adam Savage — Tested Source: https://www.tested.com/ Swipefile reference: https://swipefile.design/ref/youtube-adam-savage/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A engineering creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 7. Adriene Mishler — Yoga With Adriene Source website: https://yogawithadriene.com/ Swipefile reference: https://swipefile.design/ref/youtube-adriene-mishler/ Screenshot: https://swipefile.design/_astro/preview.BVA8hdAo.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A calm two-column introduction pairs a large serif statement and newsletter form with a seated portrait on a pale background. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Adriene Mishler — Yoga With Adriene Source: https://yogawithadriene.com/ Swipefile reference: https://swipefile.design/ref/youtube-adriene-mishler/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 8. Amy Landino Source website: https://amylandino.com/ Swipefile reference: https://swipefile.design/ref/youtube-amy-landino/ Screenshot: https://swipefile.design/_astro/preview.cSK5KELq.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A large lifestyle portrait sits behind an overlapping white editorial panel, with pink handwriting and a compact navigation row adding personality. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Amy Landino Source: https://amylandino.com/ Swipefile reference: https://swipefile.design/ref/youtube-amy-landino/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 9. Andrei Jikh Source website: https://www.zerotoamillion.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrei-jikh/ Screenshot: https://swipefile.design/_astro/preview.-LgWUTty.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A handwritten identity and green navigation strip introduce a wide creator photograph, with a restrained set of links into the learning site. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Andrei Jikh Source: https://www.zerotoamillion.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrei-jikh/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 10. Andrew Huang Source website: https://andrewhuang.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-huang/ Screenshot: https://swipefile.design/_astro/preview.5E0TnFA8.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A full-width music studio portrait uses a colorful lighting wash, centered positioning, and a small yellow biography button. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Andrew Huang Source: https://andrewhuang.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-huang/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 11. Andrew Huberman Source website: https://www.hubermanlab.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-huberman/ Screenshot: https://swipefile.design/_astro/preview.C6YVaAzi.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A black portrait-led podcast panel places a large white statement beside the host and microphone, within a clean white navigation shell. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Andrew Huberman Source: https://www.hubermanlab.com/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-huberman/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 12. Andrew Rea — Babish Source website: https://www.babi.sh/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-rea/ Screenshot: https://swipefile.design/_astro/preview.Byxt5Wn1.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark culinary homepage uses a large centered uppercase title and a restrained account action beneath a small navigation row. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Andrew Rea — Babish Source: https://www.babi.sh/ Swipefile reference: https://swipefile.design/ref/youtube-andrew-rea/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 13. Bernadette Banner Source website: https://bernadettebanner.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-bernadette-banner/ Screenshot: https://swipefile.design/_astro/preview.DSM_0xDc.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A forest photograph and historical dress establish the subject immediately, with decorative serif lettering and a light, compact header. Useful for: A fashion creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Bernadette Banner Source: https://bernadettebanner.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-bernadette-banner/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fashion creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 14. Brad Leone Source website: https://bradleone.com/ Swipefile reference: https://swipefile.design/ref/youtube-brad-leone/ Screenshot: https://swipefile.design/_astro/preview.C-AgfaAx.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A white merchandise header gives way to a broad kitchen portrait, with an outlined wordmark and a small orange shop action. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Brad Leone Source: https://bradleone.com/ Swipefile reference: https://swipefile.design/ref/youtube-brad-leone/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 15. Brian Lagerstrom Source website: https://brianlagerstrom.com/ Swipefile reference: https://swipefile.design/ref/youtube-brian-lagerstrom/ Screenshot: https://swipefile.design/_astro/preview.BsBGw6t2.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A pale split hero places a cooking promise beside a creator portrait, under a blue social strip and recipe-focused navigation. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Brian Lagerstrom Source: https://brianlagerstrom.com/ Swipefile reference: https://swipefile.design/ref/youtube-brian-lagerstrom/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 16. Caroline Girvan Source website: https://carolinegirvan.com/ Swipefile reference: https://swipefile.design/ref/youtube-caroline-girvan/ Screenshot: https://swipefile.design/_astro/preview.CVla45Ls.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A close portrait dominates a dark fitness homepage, balanced by a large cream serif statement and restrained navigation. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Caroline Girvan Source: https://carolinegirvan.com/ Swipefile reference: https://swipefile.design/ref/youtube-caroline-girvan/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 17. Chloe Ting Source website: https://chloeting.com/ Swipefile reference: https://swipefile.design/ref/youtube-chloe-ting/ Screenshot: https://swipefile.design/_astro/preview.D_6sP8Od.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A split app-launch hero places download links on one side and a trainer, phone mockup, and interface details on the other. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Chloe Ting Source: https://chloeting.com/ Swipefile reference: https://swipefile.design/ref/youtube-chloe-ting/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 18. ContraPoints — Natalie Wynn Source website: https://www.contrapoints.com/ Swipefile reference: https://swipefile.design/ref/youtube-contrapoints/ Screenshot: https://swipefile.design/_astro/preview.PLI5deoU.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A theatrical portrait becomes the background for centered biographical copy, a compact wordmark, and an outlined support action. Useful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: ContraPoints — Natalie Wynn Source: https://www.contrapoints.com/ Swipefile reference: https://swipefile.design/ref/youtube-contrapoints/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 19. Derek Muller — Veritasium Source website: https://www.veritasium.com/ Swipefile reference: https://swipefile.design/ref/youtube-derek-muller/ Screenshot: https://swipefile.design/_astro/preview.DUtCcZHM.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark star-like background and presenter portrait support a centered channel name and short italic tagline, with compact edge navigation. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Derek Muller — Veritasium Source: https://www.veritasium.com/ Swipefile reference: https://swipefile.design/ref/youtube-derek-muller/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 20. Destin Sandlin — Smarter Every Day Source website: https://www.smartereveryday.com/ Swipefile reference: https://swipefile.design/ref/youtube-destin-sandlin/ Screenshot: https://swipefile.design/_astro/preview.BBWmi2QD.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A navy channel header leads into a blue blueprint-style hero with a prominent latest-video message and a large video thumbnail. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Destin Sandlin — Smarter Every Day Source: https://www.smartereveryday.com/ Swipefile reference: https://swipefile.design/ref/youtube-destin-sandlin/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 21. Dianna Cowern — Physics Girl Source website: https://physicsgirl.org/ Swipefile reference: https://swipefile.design/ref/youtube-dianna-cowern/ Screenshot: https://swipefile.design/_astro/preview.8r7K2Hop.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A turquoise campaign hero combines a creator portrait, illustrated science merchandise, and large white promotional lettering. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Dianna Cowern — Physics Girl Source: https://physicsgirl.org/ Swipefile reference: https://swipefile.design/ref/youtube-dianna-cowern/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 22. Doctor Mike Source website: https://www.doctormikemedia.com/ Swipefile reference: https://swipefile.design/ref/youtube-doctor-mike/ Screenshot: https://swipefile.design/_astro/preview.CBB8fnpf.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A tiled collage of video appearances sits behind a dark overlay, centered introduction, social links, and an outlined watch action. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Doctor Mike Source: https://www.doctormikemedia.com/ Swipefile reference: https://swipefile.design/ref/youtube-doctor-mike/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 23. Dr Karan Rajan Source website: https://www.drkaranrajan.com/ Swipefile reference: https://swipefile.design/ref/youtube-dr-karan-rajan/ Screenshot: https://swipefile.design/_astro/preview.cvhn9Kv0.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A bright book-led homepage pairs a spare navigation bar with centered bold text and a prominently displayed cover. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Dr Karan Rajan Source: https://www.drkaranrajan.com/ Swipefile reference: https://swipefile.design/ref/youtube-dr-karan-rajan/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 24. Dr Rangan Chatterjee Source website: https://drchatterjee.com/ Swipefile reference: https://swipefile.design/ref/youtube-dr-rangan-chatterjee/ Screenshot: https://swipefile.design/_astro/preview.B6DwJasr.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A landscape-backed wellness hero brings together a short promise, a prominent guide cover, and a centered action below compact navigation. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Dr Rangan Chatterjee Source: https://drchatterjee.com/ Swipefile reference: https://swipefile.design/ref/youtube-dr-rangan-chatterjee/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 25. Drew Binsky Source website: https://drewbinsky.com/ Swipefile reference: https://swipefile.design/ref/youtube-drew-binsky/ Screenshot: https://swipefile.design/_astro/preview.C-5gaRIW.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A speaking-site hero pairs a large creator portrait with condensed positioning, contrasting action buttons, and an immediately visible social row. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Drew Binsky Source: https://drewbinsky.com/ Swipefile reference: https://swipefile.design/ref/youtube-drew-binsky/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 26. Elizabeth Filips Source website: https://www.elizabethfilips.com/ Swipefile reference: https://swipefile.design/ref/youtube-elizabeth-filips/ Screenshot: https://swipefile.design/_astro/preview.B2SXa3bQ.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A handwritten wordmark and narrow navigation row lead to a small portrait beside a personal introduction, resource links, and newsletter copy. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Elizabeth Filips Source: https://www.elizabethfilips.com/ Swipefile reference: https://swipefile.design/ref/youtube-elizabeth-filips/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 27. Emma Blackery Source website: https://www.emmablackery.com/ Swipefile reference: https://swipefile.design/ref/youtube-emma-blackery/ Screenshot: https://swipefile.design/_astro/preview.BeIyXo6A.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An oversized uppercase name anchors a very sparse white homepage, with small navigation and a short personal introduction. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Emma Blackery Source: https://www.emmablackery.com/ Swipefile reference: https://swipefile.design/ref/youtube-emma-blackery/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 28. Emma Chamberlain Source website: https://chamberlaincoffee.com/ Swipefile reference: https://swipefile.design/ref/youtube-emma-chamberlain/ Screenshot: https://swipefile.design/_astro/preview.BmCQj6LO.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A slim store header and handwritten coffee identity lead to a soft product photograph with a short white headline. Useful for: A lifestyle creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Emma Chamberlain Source: https://chamberlaincoffee.com/ Swipefile reference: https://swipefile.design/ref/youtube-emma-chamberlain/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A lifestyle creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 29. Erin On Demand Source website: https://erinondemand.com/ Swipefile reference: https://swipefile.design/ref/youtube-erin-on-demand/ Screenshot: https://swipefile.design/_astro/preview.LcHPa08m.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A cream editorial hero pairs a cutout portrait with a short conversational statement, decorative linework, and vertically arranged social links. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Erin On Demand Source: https://erinondemand.com/ Swipefile reference: https://swipefile.design/ref/youtube-erin-on-demand/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 30. Ethan Chlebowski Source website: https://www.ethanchlebowski.com/ Swipefile reference: https://swipefile.design/ref/youtube-ethan-chlebowski/ Screenshot: https://swipefile.design/_astro/preview.B7boR0Ga.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A small editorial header introduces a new cooking platform through a large typographic preview and a concise announcement above it. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Ethan Chlebowski Source: https://www.ethanchlebowski.com/ Swipefile reference: https://swipefile.design/ref/youtube-ethan-chlebowski/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 31. Eva zu Beck Source website: https://www.evazubeck.com/ Swipefile reference: https://swipefile.design/ref/youtube-eva-zu-beck/ Screenshot: https://swipefile.design/_astro/preview.49h9lgWM.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An illustrated mountain journey sets the scene beneath a centered creator name and adventurous positioning. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Eva zu Beck Source: https://www.evazubeck.com/ Swipefile reference: https://swipefile.design/ref/youtube-eva-zu-beck/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 32. Gary Vaynerchuk Source website: https://garyvaynerchuk.com/ Swipefile reference: https://swipefile.design/ref/youtube-gary-vaynerchuk/ Screenshot: https://swipefile.design/_astro/preview.B_aLOeKB.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A fixed black side navigation supports a dark introduction with condensed text, a book-and-phone composition, and podcast platform icons. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Gary Vaynerchuk Source: https://garyvaynerchuk.com/ Swipefile reference: https://swipefile.design/ref/youtube-gary-vaynerchuk/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 33. Gaz Oakley Source website: https://www.gazoakleychef.com/ Swipefile reference: https://swipefile.design/ref/youtube-gaz-oakley/ Screenshot: https://swipefile.design/_astro/preview.BZFNuzvj.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A bold custom wordmark, fine rules, and compact navigation frame natural cooking and garden imagery. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Gaz Oakley Source: https://www.gazoakleychef.com/ Swipefile reference: https://swipefile.design/ref/youtube-gaz-oakley/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 34. Gordon Ramsay Source website: https://www.gordonramsay.com/ Swipefile reference: https://swipefile.design/ref/youtube-gordon-ramsay/ Screenshot: https://swipefile.design/_astro/preview.CSw0brBv.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A compact white navigation bar leads to a full-width food photograph with centered promotional text and a single light action. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Gordon Ramsay Source: https://www.gordonramsay.com/ Swipefile reference: https://swipefile.design/ref/youtube-gordon-ramsay/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 35. Graham Stephan Source website: https://www.grahamstephan.com/ Swipefile reference: https://swipefile.design/ref/youtube-graham-stephan/ Screenshot: https://swipefile.design/_astro/preview.D5wKFYc3.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark personal homepage combines a monochrome portrait, vivid accent lettering, and a compact contact form in the opening view. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Graham Stephan Source: https://www.grahamstephan.com/ Swipefile reference: https://swipefile.design/ref/youtube-graham-stephan/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 36. Humphrey Yang Source website: https://www.humphreytalks.com/ Swipefile reference: https://swipefile.design/ref/youtube-humphrey-yang/ Screenshot: https://swipefile.design/_astro/preview.spCnIZ--.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A slim left sidebar organizes a white personal site with a short introduction, a small biography action, and an article preview list. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Humphrey Yang Source: https://www.humphreytalks.com/ Swipefile reference: https://swipefile.design/ref/youtube-humphrey-yang/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 37. Itchy Boots — Noraly Schoenmaker Source website: https://www.itchyboots.com/ Swipefile reference: https://swipefile.design/ref/youtube-itchy-boots/ Screenshot: https://swipefile.design/_astro/preview.DXPse6xv.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A tall dark sidebar and vertical wordmark frame a mountain-and-motorcycle hero, keeping travel imagery central to the page. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Itchy Boots — Noraly Schoenmaker Source: https://www.itchyboots.com/ Swipefile reference: https://swipefile.design/ref/youtube-itchy-boots/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 38. J. Kenji López-Alt Source website: https://www.kenjilopezalt.com/ Swipefile reference: https://swipefile.design/ref/youtube-j-kenji-lopez-alt/ Screenshot: https://swipefile.design/_astro/preview.C2BnImPO.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A playful centered wordmark and pastel navigation introduce a pale green cooking headline above a mix of food and creator imagery. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: J. Kenji López-Alt Source: https://www.kenjilopezalt.com/ Swipefile reference: https://swipefile.design/ref/youtube-j-kenji-lopez-alt/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 39. Jacob Collier Source website: https://www.jacobcollier.com/ Swipefile reference: https://swipefile.design/ref/youtube-jacob-collier/ Screenshot: https://swipefile.design/_astro/preview.CSEmcOPB.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A miniature room set into grass forms the entire visual premise, with a loose organic wordmark and large right-aligned navigation. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jacob Collier Source: https://www.jacobcollier.com/ Swipefile reference: https://swipefile.design/ref/youtube-jacob-collier/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 40. James Hoffmann Source website: https://www.jameshoffmann.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-james-hoffmann/ Screenshot: https://swipefile.design/_astro/preview.9ZJtNyNG.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A spacious white layout balances a bold name and small navigation with a portrait and a restrained biographical text column. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: James Hoffmann Source: https://www.jameshoffmann.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-james-hoffmann/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 41. James Popsys Source website: https://www.jamespopsys.com/ Swipefile reference: https://swipefile.design/ref/youtube-james-popsys/ Screenshot: https://swipefile.design/_astro/preview.mSZOZCQ_.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A narrow left rail holds the photographer’s identity and navigation while a tightly aligned image grid occupies most of the screen. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: James Popsys Source: https://www.jamespopsys.com/ Swipefile reference: https://swipefile.design/ref/youtube-james-popsys/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 42. Jamie Oliver Source website: https://www.jamieoliver.com/ Swipefile reference: https://swipefile.design/ref/youtube-jamie-oliver/ Screenshot: https://swipefile.design/_astro/preview.Dkdan-tX.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A recipe-focused white header and prominent search bar lead into large food and presenter imagery with clear content categories. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jamie Oliver Source: https://www.jamieoliver.com/ Swipefile reference: https://swipefile.design/ref/youtube-jamie-oliver/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 43. Jaspreet Singh — Minority Mindset Source website: https://theminoritymindset.com/ Swipefile reference: https://swipefile.design/ref/youtube-jaspreet-singh/ Screenshot: https://swipefile.design/_astro/preview.BjEnoZod.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A pale geometric background frames a blue-accented introduction and a cutout portrait, with one prominent learning action. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jaspreet Singh — Minority Mindset Source: https://theminoritymindset.com/ Swipefile reference: https://swipefile.design/ref/youtube-jaspreet-singh/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 44. Jay Shetty Source website: https://www.jayshetty.me/ Swipefile reference: https://swipefile.design/ref/youtube-jay-shetty/ Screenshot: https://swipefile.design/_astro/preview.BbY_0Rrf.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A full-width media hero sits beneath tightly spaced navigation, using a restrained overlay to frame the host’s content and projects. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jay Shetty Source: https://www.jayshetty.me/ Swipefile reference: https://swipefile.design/ref/youtube-jay-shetty/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 45. Jeff Cavaliere — Athlean-X Source website: https://athleanx.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeff-cavaliere/ Screenshot: https://swipefile.design/_astro/preview.CftnfMl6.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark fitness brand header gives way to a bold promotional section with large uppercase lettering and contrasting red actions. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jeff Cavaliere — Athlean-X Source: https://athleanx.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeff-cavaliere/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 46. Jeff Nippard Source website: https://jeffnippard.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeff-nippard/ Screenshot: https://swipefile.design/_astro/preview.Eq-bvx-J.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark fitness hero uses a large athlete portrait, compact navigation, and condensed promotional lettering around a primary program action. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jeff Nippard Source: https://jeffnippard.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeff-nippard/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 47. Jeremy Ethier Source website: https://builtwithscience.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeremy-ethier/ Screenshot: https://swipefile.design/_astro/preview.DyZ5z5bB.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dramatic trainer photograph fills the opening view, with a small central statement and understated action beneath the brand navigation. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jeremy Ethier Source: https://builtwithscience.com/ Swipefile reference: https://swipefile.design/ref/youtube-jeremy-ethier/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 48. Jesse Showalter Source website: https://www.jesseshowalter.com/ Swipefile reference: https://swipefile.design/ref/youtube-jesse-showalter/ Screenshot: https://swipefile.design/_astro/preview.CrZRHB2i.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A small circular portrait precedes a large centered serif introduction, with abundant white space and a restrained menu control. Useful for: A design creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Jesse Showalter Source: https://www.jesseshowalter.com/ Swipefile reference: https://swipefile.design/ref/youtube-jesse-showalter/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A design creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 49. Joe Wicks — The Body Coach Source website: https://www.thebodycoach.com/ Swipefile reference: https://swipefile.design/ref/youtube-joe-wicks/ Screenshot: https://swipefile.design/_astro/preview.ad-YpaqQ.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A bright outdoor trainer portrait sits below a blue navigation bar, with a large blue headline and highly visible enrollment actions. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Joe Wicks — The Body Coach Source: https://www.thebodycoach.com/ Swipefile reference: https://swipefile.design/ref/youtube-joe-wicks/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 50. John Green Source website: https://www.johngreenbooks.com/ Swipefile reference: https://swipefile.design/ref/youtube-john-green/ Screenshot: https://swipefile.design/_astro/preview.L18vNXHR.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A compact author site brings together book artwork, short biographical text, colorful text links, and video content within a white layout. Useful for: A books creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: John Green Source: https://www.johngreenbooks.com/ Swipefile reference: https://swipefile.design/ref/youtube-john-green/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A books creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 51. John Kanell — Preppy Kitchen Source website: https://preppykitchen.com/ Swipefile reference: https://swipefile.design/ref/youtube-john-kanell/ Screenshot: https://swipefile.design/_astro/preview.DbpzQH1c.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A clean recipe header and a row of large food photographs organize dessert categories before a centered editorial promise. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: John Kanell — Preppy Kitchen Source: https://preppykitchen.com/ Swipefile reference: https://swipefile.design/ref/youtube-john-kanell/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 52. Johnny Harris Source website: https://www.johnnyharris.ch/ Swipefile reference: https://swipefile.design/ref/youtube-johnny-harris/ Screenshot: https://swipefile.design/_astro/preview.B9UROHdH.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A cream graph-paper background supports a short serif introduction and an offset stack of travel photographs under minimal navigation. Useful for: A storytelling creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Johnny Harris Source: https://www.johnnyharris.ch/ Swipefile reference: https://swipefile.design/ref/youtube-johnny-harris/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A storytelling creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 53. Joshua Weissman Source website: https://www.joshuaweissman.com/ Swipefile reference: https://swipefile.design/ref/youtube-joshua-weissman/ Screenshot: https://swipefile.design/_astro/preview.GYoXQhFc.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A pale recipe homepage places a bold cooking introduction and pastel category chips beside a large featured dish photograph. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Joshua Weissman Source: https://www.joshuaweissman.com/ Swipefile reference: https://swipefile.design/ref/youtube-joshua-weissman/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 54. Kurzgesagt — Philipp Dettmer Source website: https://kurzgesagt.org/ Swipefile reference: https://swipefile.design/ref/youtube-kurzgesagt/ Screenshot: https://swipefile.design/_astro/preview.EzU9DbuO.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A star-filled illustrated space scene supports an oversized white studio introduction beneath a clean light navigation bar. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Kurzgesagt — Philipp Dettmer Source: https://kurzgesagt.org/ Swipefile reference: https://swipefile.design/ref/youtube-kurzgesagt/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 55. Lex Fridman Source website: https://lexfridman.com/ Swipefile reference: https://swipefile.design/ref/youtube-lex-fridman/ Screenshot: https://swipefile.design/_astro/preview.DilFxxM_.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A narrow academic-style layout uses a small portrait, simple text navigation, biography links, and research-oriented content. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Lex Fridman Source: https://lexfridman.com/ Swipefile reference: https://swipefile.design/ref/youtube-lex-fridman/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 56. Lindsey Stirling Source website: https://www.lindseystirling.com/ Swipefile reference: https://swipefile.design/ref/youtube-lindsey-stirling/ Screenshot: https://swipefile.design/_astro/preview.BJI-7Fjp.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A tour announcement pairs large poster artwork with a light typographic introduction and two clear paths for tickets or the main site. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Lindsey Stirling Source: https://www.lindseystirling.com/ Swipefile reference: https://swipefile.design/ref/youtube-lindsey-stirling/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 57. Linus Sebastian Source website: https://linusmediagroup.com/ Swipefile reference: https://swipefile.design/ref/youtube-linus-sebastian/ Screenshot: https://swipefile.design/_astro/preview.BUCB-4HB.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark technology reel fills the opening screen beneath a minimal studio header, with prominent condensed positioning as part of the hero. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Linus Sebastian Source: https://linusmediagroup.com/ Swipefile reference: https://swipefile.design/ref/youtube-linus-sebastian/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 58. Mark Rober Source website: https://www.crunchlabs.com/ Swipefile reference: https://swipefile.design/ref/youtube-mark-rober/ Screenshot: https://swipefile.design/_astro/preview.CllfBUKw.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An energetic engineering-kit homepage pairs large playful lettering with hands-on project footage, a centered brand mark, and a clear starting action. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Mark Rober Source: https://www.crunchlabs.com/ Swipefile reference: https://swipefile.design/ref/youtube-mark-rober/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 59. Marques Brownlee Source website: https://mkbhd.com/ Swipefile reference: https://swipefile.design/ref/youtube-marques-brownlee/ Screenshot: https://swipefile.design/_astro/preview.Bk7GL-BF.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A product photograph fills the homepage behind minimal edge navigation and a small high-contrast shop action. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Marques Brownlee Source: https://mkbhd.com/ Swipefile reference: https://swipefile.design/ref/youtube-marques-brownlee/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 60. Mary Spender Source website: https://www.maryspender.com/ Swipefile reference: https://swipefile.design/ref/youtube-mary-spender/ Screenshot: https://swipefile.design/_astro/preview.BhWrcSRM.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A handwritten identity and compact upper navigation frame a broad portrait of the musician with her instrument. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Mary Spender Source: https://www.maryspender.com/ Swipefile reference: https://swipefile.design/ref/youtube-mary-spender/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 61. Matt Parker — Stand-up Maths Source website: https://standupmaths.com/ Swipefile reference: https://swipefile.design/ref/youtube-matt-parker/ Screenshot: https://swipefile.design/_astro/preview.CSd50aFw.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A black mathematics homepage pairs a colorful stacked wordmark and slim left navigation with biography text and a stage portrait. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Matt Parker — Stand-up Maths Source: https://standupmaths.com/ Swipefile reference: https://swipefile.design/ref/youtube-matt-parker/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 62. Matti Haapoja Source website: https://mattihaapoja.com/ Swipefile reference: https://swipefile.design/ref/youtube-matti-haapoja/ Screenshot: https://swipefile.design/_astro/preview.CAq8b8Dv.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A simple white creator hub groups the channel, digital products, and apparel into three illustrated cards below a blue announcement bar. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Matti Haapoja Source: https://mattihaapoja.com/ Swipefile reference: https://swipefile.design/ref/youtube-matti-haapoja/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 63. Max Miller — Tasting History Source website: https://www.tastinghistory.com/ Swipefile reference: https://swipefile.design/ref/youtube-max-miller/ Screenshot: https://swipefile.design/_astro/preview.Tx4WAYth.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A warm brown navigation bar leads to a kitchen photograph overlaid with centered serif copy describing the cooking-and-history show. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Max Miller — Tasting History Source: https://www.tastinghistory.com/ Swipefile reference: https://swipefile.design/ref/youtube-max-miller/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 64. Michael Stevens — Vsauce Source website: https://www.vsauce.com/ Swipefile reference: https://swipefile.design/ref/youtube-michael-stevens/ Screenshot: https://swipefile.design/_astro/preview.r325qVpk.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A bright geometric channel hero combines large colored shapes, a circular tunnel illustration, and a compact learning action. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Michael Stevens — Vsauce Source: https://www.vsauce.com/ Swipefile reference: https://swipefile.design/ref/youtube-michael-stevens/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 65. Michelle Khare Source website: https://michellekhare.com/ Swipefile reference: https://swipefile.design/ref/youtube-michelle-khare/ Screenshot: https://swipefile.design/_astro/preview.C0z8Ibzp.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark video-led homepage uses a minimal nameplate and navigation, with two light actions directing visitors to partnerships or the showreel. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Michelle Khare Source: https://michellekhare.com/ Swipefile reference: https://swipefile.design/ref/youtube-michelle-khare/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 66. Michelle Phan Source website: https://www.michellephan.com/ Swipefile reference: https://swipefile.design/ref/youtube-michelle-phan/ Screenshot: https://swipefile.design/_astro/preview.im94lBnc.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A pixel-art world becomes the opening visual, framed by a game-like wordmark and a compact navigation row. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Michelle Phan Source: https://www.michellephan.com/ Swipefile reference: https://swipefile.design/ref/youtube-michelle-phan/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 67. Morgan Eckroth Source website: https://morgandrinkscoffee.com/ Swipefile reference: https://swipefile.design/ref/youtube-morgan-eckroth/ Screenshot: https://swipefile.design/_astro/preview.-vijmCQj.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A neutral split hero pairs a book portrait with a dark text panel, using a narrow type style and restrained preorder link. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Morgan Eckroth Source: https://morgandrinkscoffee.com/ Swipefile reference: https://swipefile.design/ref/youtube-morgan-eckroth/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 68. MrBeast Source website: https://mrbeast.store/ Swipefile reference: https://swipefile.design/ref/youtube-mrbeast/ Screenshot: https://swipefile.design/_astro/preview.PuonKvnD.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A vivid store hero places oversized promotional lettering over sports photography, below a bright announcement strip and compact product navigation. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: MrBeast Source: https://mrbeast.store/ Swipefile reference: https://swipefile.design/ref/youtube-mrbeast/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 69. MuchelleB Source website: https://www.muchelleb.com.au/ Swipefile reference: https://swipefile.design/ref/youtube-muchelleb/ Screenshot: https://swipefile.design/_astro/preview.Dal0KlOl.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A soft productivity homepage combines a decorative serif headline, an arched portrait, small star details, and a rounded quiz action. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: MuchelleB Source: https://www.muchelleb.com.au/ Swipefile reference: https://swipefile.design/ref/youtube-muchelleb/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A productivity creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 70. Natacha Océane Source website: https://natachaoceane.com/ Swipefile reference: https://swipefile.design/ref/youtube-natacha-oceane/ Screenshot: https://swipefile.design/_astro/preview.B8t86B6J.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A clean training-program catalog uses bold section typography and a horizontal row of large photographic program cards. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Natacha Océane Source: https://natachaoceane.com/ Swipefile reference: https://swipefile.design/ref/youtube-natacha-oceane/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A fitness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 71. Nate O’Brien Source website: https://nateobrien.com/ Swipefile reference: https://swipefile.design/ref/youtube-nate-o-brien/ Screenshot: https://swipefile.design/_astro/preview.ZFC6KllI.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A sparse personal page pairs a small portrait and bold name with a short introduction and a restrained set of text links. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Nate O’Brien Source: https://nateobrien.com/ Swipefile reference: https://swipefile.design/ref/youtube-nate-o-brien/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 72. Nathaniel Drew Source website: https://www.nathanieldrew.com/ Swipefile reference: https://swipefile.design/ref/youtube-nathaniel-drew/ Screenshot: https://swipefile.design/_astro/preview.CXWZOrtR.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A grainy mountain photograph fills the opening view, with extremely restrained corner navigation and a small central storytelling link. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Nathaniel Drew Source: https://www.nathanieldrew.com/ Swipefile reference: https://swipefile.design/ref/youtube-nathaniel-drew/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 73. Nick Nimmin Source website: https://www.nicknimmin.com/ Swipefile reference: https://swipefile.design/ref/youtube-nick-nimmin/ Screenshot: https://swipefile.design/_astro/preview.Civh6BcG.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A centered wordmark and simple navigation lead into a grid of channel, training, music, and creator-tool tiles. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Nick Nimmin Source: https://www.nicknimmin.com/ Swipefile reference: https://swipefile.design/ref/youtube-nick-nimmin/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 74. Ninja Source website: https://teamninja.com/ Swipefile reference: https://swipefile.design/ref/youtube-ninja/ Screenshot: https://swipefile.design/_astro/preview.DFPbSN_R.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A minimal dark merchandise header leaves most of the screen to a large branded apparel photograph. Useful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Ninja Source: https://teamninja.com/ Swipefile reference: https://swipefile.design/ref/youtube-ninja/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 75. Nisha Vora — Rainbow Plant Life Source website: https://rainbowplantlife.com/ Swipefile reference: https://swipefile.design/ref/youtube-nisha-vora/ Screenshot: https://swipefile.design/_astro/preview.D9LrSBv0.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A warm recipe hero combines a large yellow field, an overlapping white introduction panel, and a bright kitchen portrait. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Nisha Vora — Rainbow Plant Life Source: https://rainbowplantlife.com/ Swipefile reference: https://swipefile.design/ref/youtube-nisha-vora/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 76. Oliur Source website: https://www.oliur.com/ Swipefile reference: https://swipefile.design/ref/youtube-oliur/ Screenshot: https://swipefile.design/_astro/preview.BjvdlfAw.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A very restrained personal homepage uses a small portrait, concise introduction, tiny navigation, and a compact newsletter form. Useful for: A design creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Oliur Source: https://www.oliur.com/ Swipefile reference: https://swipefile.design/ref/youtube-oliur/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A design creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 77. Paul Davids Source website: https://pauldavidsguitar.com/ Swipefile reference: https://swipefile.design/ref/youtube-paul-davids/ Screenshot: https://swipefile.design/_astro/preview.BCqzjDAA.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A warm guitar-studio photograph sits behind oversized serif positioning and a clear practice-plan action under compact navigation. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Paul Davids Source: https://pauldavidsguitar.com/ Swipefile reference: https://swipefile.design/ref/youtube-paul-davids/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A music creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 78. Rich Roll Source website: https://richroll.com/ Swipefile reference: https://swipefile.design/ref/youtube-rich-roll/ Screenshot: https://swipefile.design/_astro/preview.DthXXbW-.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A subdued photographic hero uses a centered statement and one podcast action beneath a monochrome navigation row. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Rich Roll Source: https://richroll.com/ Swipefile reference: https://swipefile.design/ref/youtube-rich-roll/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A wellness creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 79. Roberto Blake Source website: https://robertoblake.com/ Swipefile reference: https://swipefile.design/ref/youtube-roberto-blake/ Screenshot: https://swipefile.design/_astro/preview.BGgkohgD.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A compact personal-brand header and orange resource strip lead to a large speaking photograph and bold newsletter positioning. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Roberto Blake Source: https://robertoblake.com/ Swipefile reference: https://swipefile.design/ref/youtube-roberto-blake/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 80. Rosanna Pansino Source website: https://rosannapansino.com/ Swipefile reference: https://swipefile.design/ref/youtube-rosanna-pansino/ Screenshot: https://swipefile.design/_astro/preview.CGrLk_OP.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A light merchandise header gives way to pastel campaign artwork featuring the creator and character-based products. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Rosanna Pansino Source: https://rosannapansino.com/ Swipefile reference: https://swipefile.design/ref/youtube-rosanna-pansino/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 81. Rowan Ellis Source website: https://www.rowanellis.com/ Swipefile reference: https://swipefile.design/ref/youtube-rowan-ellis/ Screenshot: https://swipefile.design/_astro/preview.DZDOrc_6.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A colorful illustrated panel uses large star shapes and an overlapping white biography card under a compact author navigation. Useful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Rowan Ellis Source: https://www.rowanellis.com/ Swipefile reference: https://swipefile.design/ref/youtube-rowan-ellis/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A commentary creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 82. Ruby Granger Source website: https://rubygranger.com/ Swipefile reference: https://swipefile.design/ref/youtube-ruby-granger/ Screenshot: https://swipefile.design/_astro/preview.DomnBIRT.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A quiet store header frames a garden photograph with a centered cream panel introducing nature writing. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Ruby Granger Source: https://rubygranger.com/ Swipefile reference: https://swipefile.design/ref/youtube-ruby-granger/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 83. Sadia Badiei — Pick Up Limes Source website: https://www.pickuplimes.com/ Swipefile reference: https://swipefile.design/ref/youtube-sadia-badiei/ Screenshot: https://swipefile.design/_astro/preview.60RQoxLz.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A spare recipe navigation bar places the brand centrally above an immersive close-up food photograph. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Sadia Badiei — Pick Up Limes Source: https://www.pickuplimes.com/ Swipefile reference: https://swipefile.design/ref/youtube-sadia-badiei/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 84. Sam the Cooking Guy Source website: https://www.thecookingguy.com/ Swipefile reference: https://swipefile.design/ref/youtube-sam-the-cooking-guy/ Screenshot: https://swipefile.design/_astro/preview.BzK3zf34.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A large overhead food photograph anchors the homepage, with small navigation and a warm light panel introducing recipe discovery. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Sam the Cooking Guy Source: https://www.thecookingguy.com/ Swipefile reference: https://swipefile.design/ref/youtube-sam-the-cooking-guy/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 85. Sara Dietschy Source website: https://saradietschy.com/ Swipefile reference: https://swipefile.design/ref/youtube-sara-dietschy/ Screenshot: https://swipefile.design/_astro/preview.C2msTVJR.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An urban creator photograph carries a large white introduction, small upper navigation, and a warm contrasting contact action. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Sara Dietschy Source: https://saradietschy.com/ Swipefile reference: https://swipefile.design/ref/youtube-sara-dietschy/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A technology creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 86. Sean Tucker Source website: https://www.seantucker.photography/ Swipefile reference: https://swipefile.design/ref/youtube-sean-tucker/ Screenshot: https://swipefile.design/_astro/preview.JTylhJtJ.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A light gray split composition balances a dense uppercase personal statement with a rounded portrait and small social buttons. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Sean Tucker Source: https://www.seantucker.photography/ Swipefile reference: https://swipefile.design/ref/youtube-sean-tucker/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 87. Simon Sinek Source website: https://simonsinek.com/ Swipefile reference: https://swipefile.design/ref/youtube-simon-sinek/ Screenshot: https://swipefile.design/_astro/preview.DmjaalKD.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark green split hero combines a large white serif statement with desktop and phone product imagery, under a light navigation shell. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Simon Sinek Source: https://simonsinek.com/ Swipefile reference: https://swipefile.design/ref/youtube-simon-sinek/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 88. Smosh — Ian Hecox and Anthony Padilla Source website: https://smosh.com/ Swipefile reference: https://swipefile.design/ref/youtube-smosh/ Screenshot: https://swipefile.design/_astro/preview.B-yrKEiG.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A colorful merchandise campaign pairs playful wave shapes and prominent products with a search-oriented store header. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Smosh — Ian Hecox and Anthony Padilla Source: https://smosh.com/ Swipefile reference: https://swipefile.design/ref/youtube-smosh/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A entertainment creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 89. Sohla El-Waylly Source website: https://hellosohla.com/ Swipefile reference: https://swipefile.design/ref/youtube-sohla-el-waylly/ Screenshot: https://swipefile.design/_astro/preview.Cr1N5w47.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A warm textured page places a compact serif name over close-up cooking photography, creating a simple food-first identity. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Sohla El-Waylly Source: https://hellosohla.com/ Swipefile reference: https://swipefile.design/ref/youtube-sohla-el-waylly/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 90. Steve Mould Source website: https://stevemould.com/ Swipefile reference: https://swipefile.design/ref/youtube-steve-mould/ Screenshot: https://swipefile.design/_astro/preview.B88vFq1_.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A small circular portrait and centered introduction lead into a video preview, with a restrained green contact button. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Steve Mould Source: https://stevemould.com/ Swipefile reference: https://swipefile.design/ref/youtube-steve-mould/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A science creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 91. Steven Bartlett Source website: https://stevenbartlett.com/ Swipefile reference: https://swipefile.design/ref/youtube-steven-bartlett/ Screenshot: https://swipefile.design/_astro/preview.BBYmoNwR.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator Oversized condensed lime lettering dominates a black opening screen, with a small scroll cue leading into the wider personal site. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Steven Bartlett Source: https://stevenbartlett.com/ Swipefile reference: https://swipefile.design/ref/youtube-steven-bartlett/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A business creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 92. Susan Yara Source website: https://www.susanyara.com/ Swipefile reference: https://swipefile.design/ref/youtube-susan-yara/ Screenshot: https://swipefile.design/_astro/preview.BWRdJ3ph.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A handwritten wordmark and blush watercolor header lead into a photo collage with a large italic serif topic statement. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Susan Yara Source: https://www.susanyara.com/ Swipefile reference: https://swipefile.design/ref/youtube-susan-yara/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 93. Thomas Heaton Source website: https://thomasheaton.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-thomas-heaton/ Screenshot: https://swipefile.design/_astro/preview.CBp9JFB9.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A compact photographer header introduces a wide book-and-calendar campaign with landscape imagery and a blue preorder action. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Thomas Heaton Source: https://thomasheaton.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-thomas-heaton/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A photography creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 94. Tiffany Aliche — The Budgetnista Source website: https://thebudgetnista.com/ Swipefile reference: https://swipefile.design/ref/youtube-tiffany-aliche/ Screenshot: https://swipefile.design/_astro/preview.B4PMOS1L.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A teal personal-finance hero pairs a bold white promise with a creator portrait, subtle line patterns, and contrasting next-step actions. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Tiffany Aliche — The Budgetnista Source: https://thebudgetnista.com/ Swipefile reference: https://swipefile.design/ref/youtube-tiffany-aliche/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A finance creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 95. Tom Scott Source website: https://www.tomscott.com/ Swipefile reference: https://swipefile.design/ref/youtube-tom-scott/ Screenshot: https://swipefile.design/_astro/preview.5vF3qTwR.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A red handwritten identity sits over a short introduction and a three-column grid of projects, with simple text links and dotted rules. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Tom Scott Source: https://www.tomscott.com/ Swipefile reference: https://swipefile.design/ref/youtube-tom-scott/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A education creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 96. Valkyrae Source website: https://valkyrae.com/ Swipefile reference: https://swipefile.design/ref/youtube-valkyrae/ Screenshot: https://swipefile.design/_astro/preview.8_DsU416.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A minimal black merchandise header frames a full-width fashion film, with restrained product-category navigation. Useful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Valkyrae Source: https://valkyrae.com/ Swipefile reference: https://swipefile.design/ref/youtube-valkyrae/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A gaming creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 97. Wayne Goss Source website: https://waynegoss.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-wayne-goss/ Screenshot: https://swipefile.design/_astro/preview.fIY9oNkK.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An extreme close-up beauty portrait fills the screen behind a centered serif name, small positioning text, and restrained navigation. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Wayne Goss Source: https://waynegoss.co.uk/ Swipefile reference: https://swipefile.design/ref/youtube-wayne-goss/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A beauty creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 98. Wil Yeung Source website: https://yeungmancooking.com/ Swipefile reference: https://swipefile.design/ref/youtube-wil-yeung/ Screenshot: https://swipefile.design/_astro/preview.BP7cBtVb.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A full-width cooking portrait and understated video action sit below a spare store header and narrow blue announcement strip. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Wil Yeung Source: https://yeungmancooking.com/ Swipefile reference: https://swipefile.design/ref/youtube-wil-yeung/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A food creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 99. Yes Theory Source website: https://yestheory.com/ Swipefile reference: https://swipefile.design/ref/youtube-yes-theory/ Screenshot: https://swipefile.design/_astro/preview.C586FBFu.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator An immersive travel film fills the opening screen and uses the creators’ real-world encounters as the primary visual introduction. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Yes Theory Source: https://yestheory.com/ Swipefile reference: https://swipefile.design/ref/youtube-yes-theory/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A travel creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ ## 100. Zach King Source website: https://www.zachkingmagic.com/ Swipefile reference: https://swipefile.design/ref/youtube-zach-king/ Screenshot: https://swipefile.design/_astro/preview.Ts7EJJY8.webp Captured: 2026-09-08 | Scope: viewport | Type: inspiration | Style: Personal Creator A dark teal book homepage centers bold condensed lettering above a row of illustrated covers, with pill-shaped navigation tabs. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. - 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. ### Design adaptation prompt ~~~text # Design reference: Zach King Source: https://www.zachkingmagic.com/ Swipefile reference: https://swipefile.design/ref/youtube-zach-king/ Captured: 2026-09-08. This is a dated reference, not a claim about the current live product. Capture scope: one viewport. Do not infer unseen page sections or a complete user flow. ## Objective Adapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets. ## Reference 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. Useful for: A filmmaking creator website; study its opening composition, identity, and paths into the creator’s work. ## Acceptance criteria - Existing project conventions, design tokens, working functionality, and unrelated changes are preserved. - Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product. - Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap. - 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. - 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. - Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service. ## Quality bar Clear 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. ~~~ View board: https://swipefile.design/board/youtube-creator-websites/ Swipefile: https://swipefile.design/