{
  "version": 1,
  "name": "Personal portfolios that show the work",
  "url": "https://swipefile.design/board/personal-portfolios-that-show-the-work/",
  "markdown_url": "https://swipefile.design/board/personal-portfolios-that-show-the-work/notes.md",
  "json_url": "https://swipefile.design/board/personal-portfolios-that-show-the-work/data.json",
  "pdf_url": "https://swipefile.design/board/personal-portfolios-that-show-the-work/export.pdf",
  "reference_count": 14,
  "unavailable_count": 1,
  "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.",
  "references": [
    {
      "slug": "personal-dennis-snellenberg",
      "name": "Dennis Snellenberg",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A large portrait and moving name establish a memorable freelance design identity.",
      "use_for": "Giving a solo designer a strong first impression with visible Work, About, and Contact routes. The live site continues into selected projects and a direct inquiry section. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://dennissnellenberg.com/",
      "reference_url": "https://swipefile.design/ref/personal-dennis-snellenberg/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CGC9BuyI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Gr5K8Fcy.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "portrait"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Portrait Portfolio. A large portrait and moving name establish a memorable freelance design identity.",
        "colors": "Neutral gray, white, and near-black, with the portrait carrying most tonal variation.",
        "typography": "Oversized name typography balanced by small utility navigation and a short role statement.",
        "layout": "An edge-to-edge portrait hero with side-positioned location and specialty details.",
        "motion": "The live hero uses a moving name treatment; keep it legible and provide a reduced-motion alternative.",
        "texture": "Unboxed photography and a circular location badge.",
        "dont": "Do not require visitors to follow the moving name to locate contact information."
      },
      "recreation_prompt": "# Design reference: Dennis Snellenberg\nSource: https://dennissnellenberg.com/\nSwipefile reference: https://swipefile.design/ref/personal-dennis-snellenberg/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Portrait Portfolio. A large portrait and moving name establish a memorable freelance design identity.\n- colors: Neutral gray, white, and near-black, with the portrait carrying most tonal variation.\n- typography: Oversized name typography balanced by small utility navigation and a short role statement.\n- layout: An edge-to-edge portrait hero with side-positioned location and specialty details.\n- motion: The live hero uses a moving name treatment; keep it legible and provide a reduced-motion alternative.\n- texture: Unboxed photography and a circular location badge.\n- dont: Do not require visitors to follow the moving name to locate contact information.\n\nUseful for: Giving a solo designer a strong first impression with visible Work, About, and Contact routes. The live site continues into selected projects and a direct inquiry section. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-adham-dannaway",
      "name": "Adham Dannaway",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A split portrait makes design and development specialties understandable in one glance.",
      "use_for": "Showing two complementary skills, then routing visitors into portfolio work, learning products, or contact. The three selected projects give the opening claim concrete evidence. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://www.adhamdannaway.com/",
      "reference_url": "https://swipefile.design/ref/personal-adham-dannaway/",
      "screenshot_url": "https://swipefile.design/_astro/preview.vnGL5bAx.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.61pKXQuC.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "split-identity"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Split-Identity Portfolio. A split portrait makes design and development specialties understandable in one glance.",
        "colors": "White, charcoal, and restrained gray; color lives in the portrait and project thumbnails.",
        "typography": "Large bold role labels with small, quiet supporting text.",
        "layout": "Centered portrait between two specialties, followed by a compact three-column work row.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "Clean framing and a collage-like painted half portrait.",
        "dont": "Do not let the visual joke replace a specific role description or make projects hard to find."
      },
      "recreation_prompt": "# Design reference: Adham Dannaway\nSource: https://www.adhamdannaway.com/\nSwipefile reference: https://swipefile.design/ref/personal-adham-dannaway/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Split-Identity Portfolio. A split portrait makes design and development specialties understandable in one glance.\n- colors: White, charcoal, and restrained gray; color lives in the portrait and project thumbnails.\n- typography: Large bold role labels with small, quiet supporting text.\n- layout: Centered portrait between two specialties, followed by a compact three-column work row.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: Clean framing and a collage-like painted half portrait.\n- dont: Do not let the visual joke replace a specific role description or make projects hard to find.\n\nUseful for: Showing two complementary skills, then routing visitors into portfolio work, learning products, or contact. The three selected projects give the opening claim concrete evidence. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-jessica-hische",
      "name": "Jessica Hische",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A restrained portfolio frame lets intricate lettering and finished work supply the personality.",
      "use_for": "Showing artistic range while keeping Work with Me and Shop visible. Project context links visual appeal to a recognizable commission or product. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://jessicahische.is/",
      "reference_url": "https://swipefile.design/ref/personal-jessica-hische/",
      "screenshot_url": "https://swipefile.design/_astro/preview.nDvviWaN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.GmBkruHI.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "lettering"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Lettering Portfolio. A restrained portfolio frame lets intricate lettering and finished work supply the personality.",
        "colors": "White with subtle pink and green accents; artwork provides the richer palette.",
        "typography": "Quiet navigation and readable body type contrast with highly expressive lettering in the work.",
        "layout": "Brief introduction, recent work by category, a featured project, and selected logos.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "Printed work, letterforms, and physical book imagery.",
        "dont": "Do not imitate the artist’s lettering or use elaborate display type for every interface label."
      },
      "recreation_prompt": "# Design reference: Jessica Hische\nSource: https://jessicahische.is/\nSwipefile reference: https://swipefile.design/ref/personal-jessica-hische/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: a page excerpt. Do not infer unseen sections or interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Lettering Portfolio. A restrained portfolio frame lets intricate lettering and finished work supply the personality.\n- colors: White with subtle pink and green accents; artwork provides the richer palette.\n- typography: Quiet navigation and readable body type contrast with highly expressive lettering in the work.\n- layout: Brief introduction, recent work by category, a featured project, and selected logos.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: Printed work, letterforms, and physical book imagery.\n- dont: Do not imitate the artist’s lettering or use elaborate display type for every interface label.\n\nUseful for: Showing artistic range while keeping Work with Me and Shop visible. Project context links visual appeal to a recognizable commission or product. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-tobias-van-schneider",
      "name": "Tobias van Schneider",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A dark editorial identity combines a manifesto, personal story, and substantial creative work.",
      "use_for": "Connecting a distinctive point of view to projects, products, and essays. Useful for established creatives whose work spans several ventures. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://vanschneider.com/",
      "reference_url": "https://swipefile.design/ref/personal-tobias-van-schneider/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BSmz_Px1.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.YOq12kvj.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "creative",
        "director",
        "brand"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Creative Director Brand. A dark editorial identity combines a manifesto, personal story, and substantial creative work.",
        "colors": "Black, white, muted gray, and a concentrated red identity accent.",
        "typography": "Large clean uppercase statements with tiny editorial labels and expressive signature details.",
        "layout": "Grouped top navigation, a centered opening statement, then biography and large visual work sections.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "Fine linework, monochrome photography, and small ornamental marks.",
        "dont": "Avoid spreading attention across ventures before explaining the person and their point of view."
      },
      "recreation_prompt": "# Design reference: Tobias van Schneider\nSource: https://vanschneider.com/\nSwipefile reference: https://swipefile.design/ref/personal-tobias-van-schneider/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: a page excerpt. Do not infer unseen sections or interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Creative Director Brand. A dark editorial identity combines a manifesto, personal story, and substantial creative work.\n- colors: Black, white, muted gray, and a concentrated red identity accent.\n- typography: Large clean uppercase statements with tiny editorial labels and expressive signature details.\n- layout: Grouped top navigation, a centered opening statement, then biography and large visual work sections.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: Fine linework, monochrome photography, and small ornamental marks.\n- dont: Avoid spreading attention across ventures before explaining the person and their point of view.\n\nUseful for: Connecting a distinctive point of view to projects, products, and essays. Useful for established creatives whose work spans several ventures. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-brittany-chiang",
      "name": "Brittany Chiang",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A dark, readable portfolio keeps identity in one column and detailed evidence in the other.",
      "use_for": "Helping a hiring manager scan experience, project outcomes, and the full résumé without a long introductory funnel. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://brittanychiang.com/",
      "reference_url": "https://swipefile.design/ref/personal-brittany-chiang/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BbPqkt7n.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Ca-59INT.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "engineer"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Engineer Portfolio. A dark, readable portfolio keeps identity in one column and detailed evidence in the other.",
        "colors": "Deep navy with pale text, muted blue-gray secondary copy, and turquoise tags.",
        "typography": "Clear sans-serif hierarchy with compact dates and strong project headings.",
        "layout": "Persistent identity and section navigation at left; biography, experience, and projects form a long right column.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "Subtle light, thin separations, and small project thumbnails.",
        "dont": "Avoid burying experience behind full-screen transitions or substituting skill meters for evidence."
      },
      "recreation_prompt": "# Design reference: Brittany Chiang\nSource: https://brittanychiang.com/\nSwipefile reference: https://swipefile.design/ref/personal-brittany-chiang/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Engineer Portfolio. A dark, readable portfolio keeps identity in one column and detailed evidence in the other.\n- colors: Deep navy with pale text, muted blue-gray secondary copy, and turquoise tags.\n- typography: Clear sans-serif hierarchy with compact dates and strong project headings.\n- layout: Persistent identity and section navigation at left; biography, experience, and projects form a long right column.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: Subtle light, thin separations, and small project thumbnails.\n- dont: Avoid burying experience behind full-screen transitions or substituting skill meters for evidence.\n\nUseful for: Helping a hiring manager scan experience, project outcomes, and the full résumé without a long introductory funnel. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-rauno-freiberg",
      "name": "Rauno Freiberg",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "An oversized typographic card and saturated yellow circle announce an interaction designer’s craft.",
      "use_for": "Inviting visitors into interactive work, writing, and contact. Best for a designer whose execution itself is part of the hiring evidence. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://rauno.me/",
      "reference_url": "https://swipefile.design/ref/personal-rauno-freiberg/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CULMVwiM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DcKB2e17.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "interactive",
        "designer"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Interactive Designer Portfolio. An oversized typographic card and saturated yellow circle announce an interaction designer’s craft.",
        "colors": "Light gray and white with black type and a strong yellow accent.",
        "typography": "Large left-aligned sans-serif identity text with tiny supporting navigation.",
        "layout": "A horizontal, card-like opening composition that leads toward work and supporting destinations.",
        "motion": "The live composition extends horizontally; preserve clear navigation and support reduced motion.",
        "texture": "Simple geometric shapes and generous empty space.",
        "dont": "Provide a clear route to projects and email even when the visual navigation is experimental."
      },
      "recreation_prompt": "# Design reference: Rauno Freiberg\nSource: https://rauno.me/\nSwipefile reference: https://swipefile.design/ref/personal-rauno-freiberg/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Interactive Designer Portfolio. An oversized typographic card and saturated yellow circle announce an interaction designer’s craft.\n- colors: Light gray and white with black type and a strong yellow accent.\n- typography: Large left-aligned sans-serif identity text with tiny supporting navigation.\n- layout: A horizontal, card-like opening composition that leads toward work and supporting destinations.\n- motion: The live composition extends horizontally; preserve clear navigation and support reduced motion.\n- texture: Simple geometric shapes and generous empty space.\n- dont: Provide a clear route to projects and email even when the visual navigation is experimental.\n\nUseful for: Inviting visitors into interactive work, writing, and contact. Best for a designer whose execution itself is part of the hiring evidence. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-paco-coursey",
      "name": "Paco Coursey",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A compact personal index connects a clear craft statement to useful tools and direct contact.",
      "use_for": "A concise professional calling card that routes interested collaborators to shipped software, technical writing, and email. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://paco.me/",
      "reference_url": "https://swipefile.design/ref/personal-paco-coursey/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B0puekYk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Dv_WYF6B.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "minimal",
        "maker",
        "website"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Minimal Maker Website. A compact personal index connects a clear craft statement to useful tools and direct contact.",
        "colors": "White, soft gray, and charcoal.",
        "typography": "Small understated sans-serif type with consistent line lengths.",
        "layout": "Introductory paragraphs above three short columns for building, projects, and writing; a personal now section follows.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "Almost entirely typographic.",
        "dont": "Do not mistake minimalism for omission: keep project descriptions and a direct contact route."
      },
      "recreation_prompt": "# Design reference: Paco Coursey\nSource: https://paco.me/\nSwipefile reference: https://swipefile.design/ref/personal-paco-coursey/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Minimal Maker Website. A compact personal index connects a clear craft statement to useful tools and direct contact.\n- colors: White, soft gray, and charcoal.\n- typography: Small understated sans-serif type with consistent line lengths.\n- layout: Introductory paragraphs above three short columns for building, projects, and writing; a personal now section follows.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: Almost entirely typographic.\n- dont: Do not mistake minimalism for omission: keep project descriptions and a direct contact route.\n\nUseful for: A concise professional calling card that routes interested collaborators to shipped software, technical writing, and email. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-brian-lovin",
      "name": "Brian Lovin",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "An unusually compact home page presents a designer through writing and useful side projects.",
      "use_for": "Routing readers straight to current thinking and shipped projects. Useful for an established maker who wants a professional home without maintaining a sales page. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://brianlovin.com/",
      "reference_url": "https://swipefile.design/ref/personal-brian-lovin/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cgv7YWHD.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.0X0e2U7F.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "personal",
        "project",
        "index"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Personal Project Index. An unusually compact home page presents a designer through writing and useful side projects.",
        "colors": "White with black text and soft gray descriptions.",
        "typography": "Small sans-serif text with a modest identity heading.",
        "layout": "Narrow central column with introduction, social links, recent writing, and a dense project index.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "A small avatar provides the only prominent personal image.",
        "dont": "Do not remove descriptions that explain why someone should open each project."
      },
      "recreation_prompt": "# Design reference: Brian Lovin\nSource: https://brianlovin.com/\nSwipefile reference: https://swipefile.design/ref/personal-brian-lovin/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Personal Project Index. An unusually compact home page presents a designer through writing and useful side projects.\n- colors: White with black text and soft gray descriptions.\n- typography: Small sans-serif text with a modest identity heading.\n- layout: Narrow central column with introduction, social links, recent writing, and a dense project index.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: A small avatar provides the only prominent personal image.\n- dont: Do not remove descriptions that explain why someone should open each project.\n\nUseful for: Routing readers straight to current thinking and shipped projects. Useful for an established maker who wants a professional home without maintaining a sales page. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-sean-halpin",
      "name": "Seán Halpin",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A playful canvas places a personal introduction among examples of software design.",
      "use_for": "Making the work itself explorable while keeping a short introduction, Say Hi action, and CV route accessible. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://www.seanhalpin.software/",
      "reference_url": "https://swipefile.design/ref/personal-sean-halpin/",
      "screenshot_url": "https://swipefile.design/_astro/preview.VBz3vSy2.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C-Sc4PuQ.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "canvas"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Canvas Portfolio. A playful canvas places a personal introduction among examples of software design.",
        "colors": "Bright blue, pink, yellow, dark panels, and light software surfaces.",
        "typography": "Friendly sans-serif text inside a compact introductory panel.",
        "layout": "An explorable field of project panels replaces a conventional long landing page.",
        "motion": "The page invites visitors to move around its canvas; include accessible alternatives to spatial exploration.",
        "texture": "Rounded software windows and colorful interactive objects.",
        "dont": "Do not rely on dragging alone; keep contact and résumé links easy to reach."
      },
      "recreation_prompt": "# Design reference: Seán Halpin\nSource: https://www.seanhalpin.software/\nSwipefile reference: https://swipefile.design/ref/personal-sean-halpin/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Canvas Portfolio. A playful canvas places a personal introduction among examples of software design.\n- colors: Bright blue, pink, yellow, dark panels, and light software surfaces.\n- typography: Friendly sans-serif text inside a compact introductory panel.\n- layout: An explorable field of project panels replaces a conventional long landing page.\n- motion: The page invites visitors to move around its canvas; include accessible alternatives to spatial exploration.\n- texture: Rounded software windows and colorful interactive objects.\n- dont: Do not rely on dragging alone; keep contact and résumé links easy to reach.\n\nUseful for: Making the work itself explorable while keeping a short introduction, Say Hi action, and CV route accessible. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-olivier-larose",
      "name": "Olivier Larose",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A dramatic typographic composition expresses a front-end developer’s personality without requiring a photographic hero.",
      "use_for": "Making a specialty memorable while keeping Blog, Contact, and LinkedIn immediately visible. The live page continues into an indexed list of client projects. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://www.olivierlarose.com/",
      "reference_url": "https://swipefile.design/ref/personal-olivier-larose/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BFz0EBy5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CLbr0LfQ.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "expressive",
        "developer"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Expressive Developer Portfolio. A dramatic typographic composition expresses a front-end developer’s personality without requiring a photographic hero.",
        "colors": "Near-black and warm white.",
        "typography": "A deliberate mixture of editorial serif, looping script, and pixel-style symbols.",
        "layout": "Centered multi-line identity composition beneath minimal corner navigation.",
        "motion": "The live hero animates; a viewport capture preserves its settled state rather than a blank scroll transition.",
        "texture": "Typography and small symbolic ornaments provide the entire visual texture.",
        "dont": "Keep experimental type out of essential navigation and ensure the hero has a stable readable state."
      },
      "recreation_prompt": "# Design reference: Olivier Larose\nSource: https://www.olivierlarose.com/\nSwipefile reference: https://swipefile.design/ref/personal-olivier-larose/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Expressive Developer Portfolio. A dramatic typographic composition expresses a front-end developer’s personality without requiring a photographic hero.\n- colors: Near-black and warm white.\n- typography: A deliberate mixture of editorial serif, looping script, and pixel-style symbols.\n- layout: Centered multi-line identity composition beneath minimal corner navigation.\n- motion: The live hero animates; a viewport capture preserves its settled state rather than a blank scroll transition.\n- texture: Typography and small symbolic ornaments provide the entire visual texture.\n- dont: Keep experimental type out of essential navigation and ensure the hero has a stable readable state.\n\nUseful for: Making a specialty memorable while keeping Blog, Contact, and LinkedIn immediately visible. The live page continues into an indexed list of client projects. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-robin-noguier",
      "name": "Robin Noguier",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A full-screen project showcase gives one selected piece of work the entire stage.",
      "use_for": "Encouraging deeper case-study exploration before the visitor reaches the personal About route. Useful when a small set of substantial projects tells the strongest story. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://robin-noguier.com/",
      "reference_url": "https://swipefile.design/ref/personal-robin-noguier/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ssRuNPtB.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DjeSATWk.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "interactive",
        "case-study"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Interactive Case-Study Portfolio. A full-screen project showcase gives one selected piece of work the entire stage.",
        "colors": "Muted blue, off-white, and colors supplied by project artwork.",
        "typography": "Large editorial project title with small uppercase navigation and action labels.",
        "layout": "Project copy on one side and tilted visual panels on the other, inside a viewport composition.",
        "motion": "The live portfolio is an interactive presentation; provide a readable static state and direct case-study access.",
        "texture": "Layered project images create visual depth.",
        "dont": "Do not make the case-study link ambiguous or let navigation disappear into the artwork."
      },
      "recreation_prompt": "# Design reference: Robin Noguier\nSource: https://robin-noguier.com/\nSwipefile reference: https://swipefile.design/ref/personal-robin-noguier/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Interactive Case-Study Portfolio. A full-screen project showcase gives one selected piece of work the entire stage.\n- colors: Muted blue, off-white, and colors supplied by project artwork.\n- typography: Large editorial project title with small uppercase navigation and action labels.\n- layout: Project copy on one side and tilted visual panels on the other, inside a viewport composition.\n- motion: The live portfolio is an interactive presentation; provide a readable static state and direct case-study access.\n- texture: Layered project images create visual depth.\n- dont: Do not make the case-study link ambiguous or let navigation disappear into the artwork.\n\nUseful for: Encouraging deeper case-study exploration before the visitor reaches the personal About route. Useful when a small set of substantial projects tells the strongest story. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-dann-petty",
      "name": "Dann Petty",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "Huge name typography sits above a dense gallery that lets the work do the selling.",
      "use_for": "Presenting substantial visual range with a short positioning line and direct email route. Good for freelancers with strong finished work to show. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://www.dannpetty.com/",
      "reference_url": "https://swipefile.design/ref/personal-dann-petty/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CBoVz4dE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.ByngfVyN.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "designer",
        "work",
        "gallery"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Designer Work Gallery. Huge name typography sits above a dense gallery that lets the work do the selling.",
        "colors": "Black and white with a fluorescent yellow-green strip and colorful project previews.",
        "typography": "Extremely large sans-serif name with a short, smaller positioning statement.",
        "layout": "Oversized identity at top, then a multi-column grid of website projects.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "A diagonal announcement strip and a small portrait interrupt the otherwise orderly grid.",
        "dont": "Do not fill the grid with low-resolution mockups or omit the path to contact."
      },
      "recreation_prompt": "# Design reference: Dann Petty\nSource: https://www.dannpetty.com/\nSwipefile reference: https://swipefile.design/ref/personal-dann-petty/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: a page excerpt. Do not infer unseen sections or interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Designer Work Gallery. Huge name typography sits above a dense gallery that lets the work do the selling.\n- colors: Black and white with a fluorescent yellow-green strip and colorful project previews.\n- typography: Extremely large sans-serif name with a short, smaller positioning statement.\n- layout: Oversized identity at top, then a multi-column grid of website projects.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: A diagonal announcement strip and a small portrait interrupt the otherwise orderly grid.\n- dont: Do not fill the grid with low-resolution mockups or omit the path to contact.\n\nUseful for: Presenting substantial visual range with a short positioning line and direct email route. Good for freelancers with strong finished work to show. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-rogie-king",
      "name": "Rogie King",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A small personal page mixes shipped design tools with films and music to make the maker memorable.",
      "use_for": "Humanizing a technical portfolio while providing direct paths into real projects and social profiles. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://rog.ie/",
      "reference_url": "https://swipefile.design/ref/personal-rogie-king/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ar_aoDxM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C6be57TG.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "personality-led",
        "maker",
        "page"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Personality-Led Maker Page. A small personal page mixes shipped design tools with films and music to make the maker memorable.",
        "colors": "Warm cream, dark gray text, and color from media covers.",
        "typography": "Small readable text with subtle section headings and a conversational opening.",
        "layout": "One narrow column: introduction, dated projects, films, then a music module.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "A character sketch, film covers, and a record-player-like visual add personality.",
        "dont": "Keep personal interests secondary to the professional introduction and useful project links."
      },
      "recreation_prompt": "# Design reference: Rogie King\nSource: https://rog.ie/\nSwipefile reference: https://swipefile.design/ref/personal-rogie-king/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Personality-Led Maker Page. A small personal page mixes shipped design tools with films and music to make the maker memorable.\n- colors: Warm cream, dark gray text, and color from media covers.\n- typography: Small readable text with subtle section headings and a conversational opening.\n- layout: One narrow column: introduction, dated projects, films, then a music module.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: A character sketch, film covers, and a record-player-like visual add personality.\n- dont: Keep personal interests secondary to the professional introduction and useful project links.\n\nUseful for: Humanizing a technical portfolio while providing direct paths into real projects and social profiles. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "personal-pawel-nolbert",
      "name": "Pawel Nolbert",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "An almost invisible interface frames a vivid piece of visual art at exhibition scale.",
      "use_for": "Letting commissioned artwork establish taste immediately, with studio and direct contact information around the frame. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.",
      "source_url": "https://nolbert.com/",
      "reference_url": "https://swipefile.design/ref/personal-pawel-nolbert/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B25gFTvK.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CX5Z4tVM.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal-website",
        "portfolio",
        "art",
        "director"
      ],
      "patterns": [
        "Personal websites",
        "Portfolios"
      ],
      "design_notes": {
        "mood": "Art Director Portfolio. An almost invisible interface frames a vivid piece of visual art at exhibition scale.",
        "colors": "White and black interface elements surrounding saturated artwork.",
        "typography": "Tiny functional typography gives almost all visual weight to the work.",
        "layout": "A wide central artwork sits between a minimal identity bar and a contact footer.",
        "motion": "Keep navigation and reading immediate; motion should support the work rather than delay access.",
        "texture": "The artwork supplies fluid color, depth, and material detail.",
        "dont": "Avoid adding decorative interface elements that compete with the portfolio itself."
      },
      "recreation_prompt": "# Design reference: Pawel Nolbert\nSource: https://nolbert.com/\nSwipefile reference: https://swipefile.design/ref/personal-pawel-nolbert/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Art Director Portfolio. An almost invisible interface frames a vivid piece of visual art at exhibition scale.\n- colors: White and black interface elements surrounding saturated artwork.\n- typography: Tiny functional typography gives almost all visual weight to the work.\n- layout: A wide central artwork sits between a minimal identity bar and a contact footer.\n- motion: Keep navigation and reading immediate; motion should support the work rather than delay access.\n- texture: The artwork supplies fluid color, depth, and material detail.\n- dont: Avoid adding decorative interface elements that compete with the portfolio itself.\n\nUseful for: Letting commissioned artwork establish taste immediately, with studio and direct contact information around the frame. Selection is based on observable design and conversion paths; conversion rates have not been independently verified.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    }
  ]
}