{
  "version": 1,
  "name": "Fresh perspectives · Websites",
  "url": "https://swipefile.design/board/fresh-perspectives-websites/",
  "markdown_url": "https://swipefile.design/board/fresh-perspectives-websites/notes.md",
  "json_url": "https://swipefile.design/board/fresh-perspectives-websites/data.json",
  "pdf_url": "https://swipefile.design/board/fresh-perspectives-websites/export.pdf",
  "reference_count": 13,
  "unavailable_count": 0,
  "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.",
  "references": [
    {
      "slug": "awwwards-gionatan-nese-26",
      "name": "Gionatan Nese ’26",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "A sparse portfolio presents selected projects as a floating spatial collage.",
      "use_for": "A sparse portfolio presents selected projects as a floating spatial collage.",
      "source_url": "https://www.gionatannese.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-gionatan-nese-26/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DtelvsT6.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CnyBcxPD.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "portfolio",
        "spatial-navigation",
        "minimal",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Quiet, exploratory, gallery-like.",
        "colors": "White canvas, black microcopy, varied project imagery.",
        "typography": "Small restrained sans-serif navigation gives the project thumbnails priority.",
        "layout": "Tiny navigation sits above a compact cluster of image tiles, leaving most of the viewport open.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Image tiles provide the only concentrated visual texture.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Gionatan Nese ’26\nSource: https://www.gionatannese.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-gionatan-nese-26/\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: Quiet, exploratory, gallery-like.\n- colors: White canvas, black microcopy, varied project imagery.\n- typography: Small restrained sans-serif navigation gives the project thumbnails priority.\n- layout: Tiny navigation sits above a compact cluster of image tiles, leaving most of the viewport open.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Image tiles provide the only concentrated visual texture.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A sparse portfolio presents selected projects as a floating spatial collage.\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": "awwwards-squarespace-foundations",
      "name": "Squarespace Foundations",
      "kind": "inspiration",
      "archetype": "3D / WebGL",
      "summary": "A cinematic brand-guidelines portal turns a selected identity principle into a sculptural scene.",
      "use_for": "A cinematic brand-guidelines portal turns a selected identity principle into a sculptural scene.",
      "source_url": "https://brand.squarespace.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-squarespace-foundations/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bo5XYkmc.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CW4Pqt6e.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "brand-guidelines",
        "3d",
        "immersive",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Cinematic and precise.",
        "colors": "Near-black field with cool silver and white light.",
        "typography": "Small sans-serif labels stay subordinate to the main scene.",
        "layout": "Corner navigation frames a centered, illuminated installation, with a section number and category along the bottom.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Soft illumination, metallic surfaces, and photographic depth.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Squarespace Foundations\nSource: https://brand.squarespace.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-squarespace-foundations/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Cinematic and precise.\n- colors: Near-black field with cool silver and white light.\n- typography: Small sans-serif labels stay subordinate to the main scene.\n- layout: Corner navigation frames a centered, illuminated installation, with a section number and category along the bottom.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Soft illumination, metallic surfaces, and photographic depth.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A cinematic brand-guidelines portal turns a selected identity principle into a sculptural scene.\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": "awwwards-miu-miu-a-house-that-we-shaped",
      "name": "Miu Miu — A House That We Shaped",
      "kind": "inspiration",
      "archetype": "3D / WebGL",
      "summary": "An interactive fashion campaign uses a furnished room and vivid doors as its navigation surface.",
      "use_for": "An interactive fashion campaign uses a furnished room and vivid doors as its navigation surface.",
      "source_url": "https://immersivebags.miumiu.com/en/",
      "reference_url": "https://swipefile.design/ref/awwwards-miu-miu-a-house-that-we-shaped/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C9MyX7Dw.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Dd7Cfen1.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "fashion",
        "immersive",
        "room-navigation",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Tactile, theatrical, exploratory.",
        "colors": "Cream walls, warm wood, red and green painted doors.",
        "typography": "Very little interface text competes with the scene.",
        "layout": "A full-viewport room replaces a conventional hero; controls stay at the edges.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Photographic interiors and rough painted door surfaces.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Miu Miu — A House That We Shaped\nSource: https://immersivebags.miumiu.com/en/\nSwipefile reference: https://swipefile.design/ref/awwwards-miu-miu-a-house-that-we-shaped/\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: Tactile, theatrical, exploratory.\n- colors: Cream walls, warm wood, red and green painted doors.\n- typography: Very little interface text competes with the scene.\n- layout: A full-viewport room replaces a conventional hero; controls stay at the edges.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Photographic interiors and rough painted door surfaces.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An interactive fashion campaign uses a furnished room and vivid doors as its navigation surface.\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": "awwwards-zeroz-brand-site",
      "name": "/zeroz",
      "kind": "inspiration",
      "archetype": "Cinematic Product Hero",
      "summary": "A green product hero frames a suspended packet and pill with large, split typography.",
      "use_for": "A green product hero frames a suspended packet and pill with large, split typography.",
      "source_url": "https://otsuka-air.jp/",
      "reference_url": "https://swipefile.design/ref/awwwards-zeroz-brand-site/",
      "screenshot_url": "https://swipefile.design/_astro/preview.jkmR-X_u.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bh5YtO1J.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "product",
        "nutrition",
        "3d",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Futuristic and energetic.",
        "colors": "Deep forest green, glowing lime and white.",
        "typography": "Light sans-serif headlines and compact supporting labels.",
        "layout": "A centered product sits between short headline fragments; navigation and small facts remain at the edges.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Rendered packaging, spotlit planes and soft shadows.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: /zeroz\nSource: https://otsuka-air.jp/\nSwipefile reference: https://swipefile.design/ref/awwwards-zeroz-brand-site/\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: Futuristic and energetic.\n- colors: Deep forest green, glowing lime and white.\n- typography: Light sans-serif headlines and compact supporting labels.\n- layout: A centered product sits between short headline fragments; navigation and small facts remain at the edges.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Rendered packaging, spotlit planes and soft shadows.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A green product hero frames a suspended packet and pill with large, split typography.\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": "awwwards-the-state-of-the-gallery",
      "name": "The State of the Gallery",
      "kind": "inspiration",
      "archetype": "Scroll Narrative",
      "summary": "An immersive gallery report pairs oversized editorial type with a dark, luminous digital scene.",
      "use_for": "An immersive gallery report pairs oversized editorial type with a dark, luminous digital scene.",
      "source_url": "https://mesh3d.gallery/the-state-of-the-gallery",
      "reference_url": "https://swipefile.design/ref/awwwards-the-state-of-the-gallery/",
      "screenshot_url": "https://swipefile.design/_astro/preview.p24602jV.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.tlpgqmhK.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "gallery",
        "report",
        "immersive",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Atmospheric and exploratory.",
        "colors": "Near-black, pale grey and electric yellow-green.",
        "typography": "Large clean sans-serif title with tiny uppercase annotations.",
        "layout": "The title is split between the upper and lower edges around centered introductory copy.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Particle-like lights and layered depth.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: The State of the Gallery\nSource: https://mesh3d.gallery/the-state-of-the-gallery\nSwipefile reference: https://swipefile.design/ref/awwwards-the-state-of-the-gallery/\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: Atmospheric and exploratory.\n- colors: Near-black, pale grey and electric yellow-green.\n- typography: Large clean sans-serif title with tiny uppercase annotations.\n- layout: The title is split between the upper and lower edges around centered introductory copy.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Particle-like lights and layered depth.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An immersive gallery report pairs oversized editorial type with a dark, luminous digital scene.\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": "awwwards-sstr-friction-reduction",
      "name": "SSTR — Friction Reduction",
      "kind": "inspiration",
      "archetype": "Cinematic Product Hero",
      "summary": "An industrial product takes center stage in a three-dimensional drilling hero.",
      "use_for": "An industrial product takes center stage in a three-dimensional drilling hero.",
      "source_url": "https://sstr.tech/en/",
      "reference_url": "https://swipefile.design/ref/awwwards-sstr-friction-reduction/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D9jAS1b8.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BFeIRFcH.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "industrial",
        "hardware",
        "engineering",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Technical and substantial.",
        "colors": "Grey landscape, black metal, white labels and orange actions.",
        "typography": "Condensed-looking uppercase headline with small supporting text.",
        "layout": "Left-aligned headline and orange action balance an oversized vertical tool; slim navigation spans the top.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Brushed metal, sculpted terrain and directional light.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: SSTR — Friction Reduction\nSource: https://sstr.tech/en/\nSwipefile reference: https://swipefile.design/ref/awwwards-sstr-friction-reduction/\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: Technical and substantial.\n- colors: Grey landscape, black metal, white labels and orange actions.\n- typography: Condensed-looking uppercase headline with small supporting text.\n- layout: Left-aligned headline and orange action balance an oversized vertical tool; slim navigation spans the top.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Brushed metal, sculpted terrain and directional light.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An industrial product takes center stage in a three-dimensional drilling hero.\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": "awwwards-revelatio-studio",
      "name": "Revelatio Studio",
      "kind": "inspiration",
      "archetype": "Agency Portfolio",
      "summary": "A dark studio portfolio pairs a floating team image with a concise multidisciplinary positioning statement.",
      "use_for": "A dark studio portfolio pairs a floating team image with a concise multidisciplinary positioning statement.",
      "source_url": "https://revelatio.studio/",
      "reference_url": "https://swipefile.design/ref/awwwards-revelatio-studio/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C1CVaLTE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BVOzTf-f.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "agency",
        "branding",
        "dark",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Understated and unconventional.",
        "colors": "Black and charcoal with restrained white type.",
        "typography": "Small utility labels and a simple sans-serif positioning line.",
        "layout": "A centered image dominates the open canvas, with tiny navigation above and a short statement at the lower left.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "A tilted photographic panel creates depth without a busy frame.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Revelatio Studio\nSource: https://revelatio.studio/\nSwipefile reference: https://swipefile.design/ref/awwwards-revelatio-studio/\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: Understated and unconventional.\n- colors: Black and charcoal with restrained white type.\n- typography: Small utility labels and a simple sans-serif positioning line.\n- layout: A centered image dominates the open canvas, with tiny navigation above and a short statement at the lower left.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: A tilted photographic panel creates depth without a busy frame.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark studio portfolio pairs a floating team image with a concise multidisciplinary positioning statement.\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": "awwwards-produx-design",
      "name": "Produx Design",
      "kind": "inspiration",
      "archetype": "Bold Type-Driven",
      "summary": "A design studio leads with an oversized wordmark and a sharply separated positioning statement.",
      "use_for": "A design studio leads with an oversized wordmark and a sharply separated positioning statement.",
      "source_url": "https://www.produx.design/",
      "reference_url": "https://swipefile.design/ref/awwwards-produx-design/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DI39HY2F.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.xMPpCsTu.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "agency",
        "typography",
        "monochrome",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Confident and direct.",
        "colors": "Near-black and off-white.",
        "typography": "Large geometric wordmark contrasted with small text and medium-size headline.",
        "layout": "A nearly full-width wordmark anchors the top; a large two-line statement and narrower supporting column divide the lower area.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Flat monochrome surfaces with a small supporting proof panel.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Produx Design\nSource: https://www.produx.design/\nSwipefile reference: https://swipefile.design/ref/awwwards-produx-design/\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: Confident and direct.\n- colors: Near-black and off-white.\n- typography: Large geometric wordmark contrasted with small text and medium-size headline.\n- layout: A nearly full-width wordmark anchors the top; a large two-line statement and narrower supporting column divide the lower area.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Flat monochrome surfaces with a small supporting proof panel.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A design studio leads with an oversized wordmark and a sharply separated positioning statement.\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": "awwwards-vero-new-york",
      "name": "Vero New York",
      "kind": "inspiration",
      "archetype": "Video Studio",
      "summary": "A bridal atelier introduces its work through full-screen dress footage and a centered serif identity.",
      "use_for": "A bridal atelier introduces its work through full-screen dress footage and a centered serif identity.",
      "source_url": "https://www.verostudio.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-vero-new-york/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BX6O1CwE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CA87JyyI.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "fashion",
        "bridal",
        "video",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Intimate and editorial.",
        "colors": "Warm amber and cream with white type.",
        "typography": "Elegant serif brand lettering and small supporting captions.",
        "layout": "An edge-to-edge fashion scene supports a small central brand lockup and corner navigation.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Fabric movement, warm walls and cinematic light.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Vero New York\nSource: https://www.verostudio.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-vero-new-york/\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: Intimate and editorial.\n- colors: Warm amber and cream with white type.\n- typography: Elegant serif brand lettering and small supporting captions.\n- layout: An edge-to-edge fashion scene supports a small central brand lockup and corner navigation.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Fabric movement, warm walls and cinematic light.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bridal atelier introduces its work through full-screen dress footage and a centered serif identity.\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": "awwwards-no-art",
      "name": "No Art",
      "kind": "inspiration",
      "archetype": "Video Studio",
      "summary": "A music collective uses crowd footage as the backdrop for its event identity and navigation.",
      "use_for": "A music collective uses crowd footage as the backdrop for its event identity and navigation.",
      "source_url": "https://www.noartmusic.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-no-art/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CvG-vksW.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.HbTxK24e.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "music",
        "events",
        "community",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Social, expressive and energetic.",
        "colors": "Natural skin tones and cream with a blue wordmark.",
        "typography": "Handwritten branding contrasts with compact functional navigation.",
        "layout": "Full-bleed footage, a central handwritten identity and small utility content in the corners.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Candid crowd footage fills the canvas.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: No Art\nSource: https://www.noartmusic.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-no-art/\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: Social, expressive and energetic.\n- colors: Natural skin tones and cream with a blue wordmark.\n- typography: Handwritten branding contrasts with compact functional navigation.\n- layout: Full-bleed footage, a central handwritten identity and small utility content in the corners.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Candid crowd footage fills the canvas.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A music collective uses crowd footage as the backdrop for its event identity and navigation.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "front-customer-operations",
      "name": "Front",
      "kind": "inspiration",
      "archetype": "SaaS Marketing",
      "summary": "A customer-operations homepage pairs a centered positioning statement with demo and trial actions.",
      "use_for": "A customer-operations homepage pairs a centered positioning statement with demo and trial actions.",
      "source_url": "https://front.com/",
      "reference_url": "https://swipefile.design/ref/front-customer-operations/",
      "screenshot_url": "https://swipefile.design/_astro/preview.g7qFcMhk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bj3SZdAh.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "saas",
        "customer-support",
        "product-marketing",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Focused and energetic.",
        "colors": "Deep purple, white text and lime primary action.",
        "typography": "Large sans-serif headline with smaller centered support text.",
        "layout": "Centered hero, paired actions and a product-interface preview below.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Flat color fields frame crisp product imagery.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Front\nSource: https://front.com/\nSwipefile reference: https://swipefile.design/ref/front-customer-operations/\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: Focused and energetic.\n- colors: Deep purple, white text and lime primary action.\n- typography: Large sans-serif headline with smaller centered support text.\n- layout: Centered hero, paired actions and a product-interface preview below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Flat color fields frame crisp product imagery.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A customer-operations homepage pairs a centered positioning statement with demo and trial actions.\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": "float-resource-planning",
      "name": "Float",
      "kind": "inspiration",
      "archetype": "Dark SaaS",
      "summary": "A resource-planning homepage balances a short value statement with layered product-interface previews.",
      "use_for": "A resource-planning homepage balances a short value statement with layered product-interface previews.",
      "source_url": "https://www.float.com/",
      "reference_url": "https://swipefile.design/ref/float-resource-planning/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dl7hUaYT.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CUh_9P-I.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "saas",
        "resource-planning",
        "product-preview",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Practical and technical.",
        "colors": "Near-black background, pale blue accents and white text.",
        "typography": "Large sans-serif headline with a highlighted phrase.",
        "layout": "Left-aligned headline and actions face a layered scheduling preview; customer logos sit below.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Overlapping interface panels provide depth.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: Float\nSource: https://www.float.com/\nSwipefile reference: https://swipefile.design/ref/float-resource-planning/\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: Practical and technical.\n- colors: Near-black background, pale blue accents and white text.\n- typography: Large sans-serif headline with a highlighted phrase.\n- layout: Left-aligned headline and actions face a layered scheduling preview; customer logos sit below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Overlapping interface panels provide depth.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A resource-planning homepage balances a short value statement with layered product-interface previews.\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": "folk-crm-marketing",
      "name": "folk",
      "kind": "inspiration",
      "archetype": "SaaS Marketing",
      "summary": "A warm CRM homepage places a short signup form directly beneath the main value statement.",
      "use_for": "A warm CRM homepage places a short signup form directly beneath the main value statement.",
      "source_url": "https://www.folk.app/",
      "reference_url": "https://swipefile.design/ref/folk-crm-marketing/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DJxXTZU2.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CSNclePz.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "crm",
        "saas",
        "signup",
        "fresh-library-batch",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Approachable and restrained.",
        "colors": "Warm off-white, black type and a black primary action.",
        "typography": "Sans-serif headline with an italic serif phrase.",
        "layout": "Centered headline and compact form sit above an interface preview framed by cutout hands.",
        "motion": "Static capture of one viewport. Visit the source to study motion and interaction.",
        "texture": "Soft paper-like background and photographic hand cutouts.",
        "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery."
      },
      "recreation_prompt": "# Design reference: folk\nSource: https://www.folk.app/\nSwipefile reference: https://swipefile.design/ref/folk-crm-marketing/\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: Approachable and restrained.\n- colors: Warm off-white, black type and a black primary action.\n- typography: Sans-serif headline with an italic serif phrase.\n- layout: Centered headline and compact form sit above an interface preview framed by cutout hands.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Soft paper-like background and photographic hand cutouts.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A warm CRM homepage places a short signup form directly beneath the main value statement.\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."
    }
  ]
}