{
  "version": 1,
  "name": "Fresh from Awwwards · September 2026",
  "url": "https://swipefile.design/board/fresh-from-awwwards-september-2026/",
  "markdown_url": "https://swipefile.design/board/fresh-from-awwwards-september-2026/notes.md",
  "json_url": "https://swipefile.design/board/fresh-from-awwwards-september-2026/data.json",
  "pdf_url": "https://swipefile.design/board/fresh-from-awwwards-september-2026/export.pdf",
  "reference_count": 16,
  "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-illoca",
      "name": "Illoca",
      "kind": "inspiration",
      "archetype": "Product Showcase",
      "summary": "Architectural illustration turns a complex AI design product into an approachable workspace. A compact floating navigation leads directly to features, pricing, and a free trial.",
      "use_for": "Architectural software launches that need to explain both the workflow and the first step.",
      "source_url": "https://illoca.unseen.co/",
      "reference_url": "https://swipefile.design/ref/awwwards-illoca/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CnKCjtFF.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.oE4iETTP.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "illustration",
        "architecture",
        "ai",
        "product",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Warm and precise",
        "colors": "Cream, cobalt blue, black",
        "typography": "Large restrained sans headlines and small technical labels",
        "layout": "Centered headline above a wide architectural illustration; compact floating navigation",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Fine vertical rules and flat architectural drawing",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Illoca\nSource: https://illoca.unseen.co/\nSwipefile reference: https://swipefile.design/ref/awwwards-illoca/\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: Warm and precise\n- colors: Cream, cobalt blue, black\n- typography: Large restrained sans headlines and small technical labels\n- layout: Centered headline above a wide architectural illustration; compact floating navigation\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Fine vertical rules and flat architectural drawing\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Architectural software launches that need to explain both the workflow and the first step.\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-trevor-noah",
      "name": "Trevor Noah",
      "kind": "inspiration",
      "archetype": "Personal Creator",
      "summary": "A cut-paper portrait, objects, and an oversized pink name create a memorable personal identity, with a small Get Tickets action that stays easy to spot.",
      "use_for": "Creators and performers who need one recognizable identity across several kinds of media.",
      "source_url": "https://www.trevornoah.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-trevor-noah/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BIFJKmSR.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.97V9IlF_.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal",
        "creator",
        "collage",
        "media",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Playful and recognizably personal",
        "colors": "Deep navy, pink, white",
        "typography": "Oversized sans name with compact navigation labels",
        "layout": "Full-width name above a portrait collage; ticket action in the upper-right",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Photographic cutouts and layered objects",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Trevor Noah\nSource: https://www.trevornoah.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-trevor-noah/\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: Playful and recognizably personal\n- colors: Deep navy, pink, white\n- typography: Oversized sans name with compact navigation labels\n- layout: Full-width name above a portrait collage; ticket action in the upper-right\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Photographic cutouts and layered objects\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Creators and performers who need one recognizable identity across several kinds of media.\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-paul-kalkbrenner",
      "name": "Paul Kalkbrenner",
      "kind": "inspiration",
      "archetype": "Personal Creator",
      "summary": "An enormous wordmark shares the opening with a tiny performance image; music, releases, and tour dates organize the rest of the artist identity.",
      "use_for": "Musicians and creators whose work, releases, and events need separate paths.",
      "source_url": "https://www.paulkalkbrenner.net/",
      "reference_url": "https://swipefile.design/ref/awwwards-paul-kalkbrenner/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CQY7oLAu.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.KwxPk1ew.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "personal",
        "music",
        "typography",
        "editorial",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Confident and spare",
        "colors": "White, black, lime accents",
        "typography": "Heavy sans display type paired with small utility text",
        "layout": "Sparse opening, broad type-led transitions, then recordings and performance imagery",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Fine grid rules and photographic media",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Paul Kalkbrenner\nSource: https://www.paulkalkbrenner.net/\nSwipefile reference: https://swipefile.design/ref/awwwards-paul-kalkbrenner/\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: Confident and spare\n- colors: White, black, lime accents\n- typography: Heavy sans display type paired with small utility text\n- layout: Sparse opening, broad type-led transitions, then recordings and performance imagery\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Fine grid rules and photographic media\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Musicians and creators whose work, releases, and events need separate paths.\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-era-residence",
      "name": "ERA Residence",
      "kind": "inspiration",
      "archetype": "Editorial Luxury",
      "summary": "A residential development feels like a destination through a full-bleed architectural image, tall serif lettering, and a handwritten place name.",
      "use_for": "Property and hospitality pages where the setting supplies most of the first impression.",
      "source_url": "https://www.era-residence.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-era-residence/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CmX-imEU.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B9GYIE9D.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "architecture",
        "property",
        "luxury",
        "photography",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Sunny and aspirational",
        "colors": "Mediterranean blue, ivory, dark wine",
        "typography": "Tall condensed serif display and a script accent",
        "layout": "A centered identity overlays the architectural hero; small navigation occupies the corners",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Architectural rendering with photographic landscape detail",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: ERA Residence\nSource: https://www.era-residence.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-era-residence/\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: Sunny and aspirational\n- colors: Mediterranean blue, ivory, dark wine\n- typography: Tall condensed serif display and a script accent\n- layout: A centered identity overlays the architectural hero; small navigation occupies the corners\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Architectural rendering with photographic landscape detail\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Property and hospitality pages where the setting supplies most of the first impression.\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-aardvark-book-club",
      "name": "Aardvark Book Club",
      "kind": "inspiration",
      "archetype": "Editorial Commerce",
      "summary": "Oversized black headlines and vivid book covers make the subscription tangible. A current book shelf leads into four illustrated steps explaining how membership works.",
      "use_for": "Subscriptions and clubs that need to show the product before explaining membership.",
      "source_url": "https://www.aardvarkbookclub.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-aardvark-book-club/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CE9AprF4.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DmTdiGd3.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "commerce",
        "books",
        "subscription",
        "colorful",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Bright and welcoming",
        "colors": "Yellow, orange, pink, aqua, black",
        "typography": "Heavy rounded sans headlines with short compact descriptions",
        "layout": "Product-led hero, horizontal book shelf, then an illustrated how-it-works panel",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Flat color fields, book covers, simple illustrations",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Aardvark Book Club\nSource: https://www.aardvarkbookclub.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-aardvark-book-club/\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: Bright and welcoming\n- colors: Yellow, orange, pink, aqua, black\n- typography: Heavy rounded sans headlines with short compact descriptions\n- layout: Product-led hero, horizontal book shelf, then an illustrated how-it-works panel\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Flat color fields, book covers, simple illustrations\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Subscriptions and clubs that need to show the product before explaining membership.\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-decathlon-yestalgia",
      "name": "Decathlon Yestalgia",
      "kind": "inspiration",
      "archetype": "Y2K / Retro",
      "summary": "Retro stickers frame a vertical sports clip, giving a heritage campaign the visual language of a scrapbook rather than a standard product grid.",
      "use_for": "Sports, nostalgia, and cultural campaigns with a strong archive of visual material.",
      "source_url": "https://decathlonyestalgia.com/fr/",
      "reference_url": "https://swipefile.design/ref/awwwards-decathlon-yestalgia/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C1K-S6sj.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.EagSKA8h.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "retro",
        "sports",
        "video",
        "campaign",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Nostalgic and energetic",
        "colors": "Off-white, acid yellow, pink, black",
        "typography": "Compact utility labels around the campaign identity",
        "layout": "Centered portrait media surrounded by stickers, with compact corner controls",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Sticker graphics and archival-looking video imagery",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Decathlon Yestalgia\nSource: https://decathlonyestalgia.com/fr/\nSwipefile reference: https://swipefile.design/ref/awwwards-decathlon-yestalgia/\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: Nostalgic and energetic\n- colors: Off-white, acid yellow, pink, black\n- typography: Compact utility labels around the campaign identity\n- layout: Centered portrait media surrounded by stickers, with compact corner controls\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Sticker graphics and archival-looking video imagery\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Sports, nostalgia, and cultural campaigns with a strong archive of visual material.\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-ai-in-design-report-2026",
      "name": "Ai in Design Report 2026",
      "kind": "inspiration",
      "archetype": "Editorial Grid",
      "summary": "A colorful image strip introduces an otherwise disciplined report layout: a large title, contributor row, and generous spacing make the research feel editorial.",
      "use_for": "Reports and research publications that need a strong cover and a readable hierarchy.",
      "source_url": "https://stateofaidesign.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-ai-in-design-report-2026/",
      "screenshot_url": "https://swipefile.design/_astro/preview.XCU0j-v9.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B_VqImD3.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "editorial",
        "report",
        "ai",
        "research",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Clear and inquisitive",
        "colors": "White, black, coral, pastel image colors",
        "typography": "Large sans report title, small labels, readable body copy",
        "layout": "Image strip and offset title lead into contributor logos and long-form sections",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Image collage balanced by thin horizontal rules",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Ai in Design Report 2026\nSource: https://stateofaidesign.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-ai-in-design-report-2026/\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: Clear and inquisitive\n- colors: White, black, coral, pastel image colors\n- typography: Large sans report title, small labels, readable body copy\n- layout: Image strip and offset title lead into contributor logos and long-form sections\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Image collage balanced by thin horizontal rules\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Reports and research publications that need a strong cover and a readable hierarchy.\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-sharplink",
      "name": "Sharplink",
      "kind": "inspiration",
      "archetype": "Fintech Marketing",
      "summary": "An industrial-looking 3D assembly fills the hero behind a short headline, two action routes, and a compact news panel.",
      "use_for": "Technical product pages that need a concrete visual metaphor and distinct dashboard and information paths.",
      "source_url": "https://www.sharplink.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-sharplink/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CzSkI5qT.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DNXG_Bja.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "fintech",
        "3d",
        "hero",
        "product",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Technical and institutional",
        "colors": "Steel blue, white, charcoal",
        "typography": "Large light sans headline with small uppercase navigation",
        "layout": "Full-bleed machinery visual with left-aligned actions and supporting information along the bottom",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Metallic 3D surfaces and translucent interface framing",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Sharplink\nSource: https://www.sharplink.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-sharplink/\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 institutional\n- colors: Steel blue, white, charcoal\n- typography: Large light sans headline with small uppercase navigation\n- layout: Full-bleed machinery visual with left-aligned actions and supporting information along the bottom\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Metallic 3D surfaces and translucent interface framing\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Technical product pages that need a concrete visual metaphor and distinct dashboard and information paths.\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-kononenko-architectural-bureau",
      "name": "Kononenko Architectural Bureau",
      "kind": "inspiration",
      "archetype": "Editorial Agency",
      "summary": "Architecture leads the page, followed by a large statement and a sparse studio profile. Mixing sans and serif display type gives the project work an editorial rhythm.",
      "use_for": "Architecture and design practices whose project photography should carry the presentation.",
      "source_url": "https://kononenkogroup.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-kononenko-architectural-bureau/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DHcfUEUu.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B_rPaNbm.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "architecture",
        "agency",
        "editorial",
        "photography",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Quiet and deliberate",
        "colors": "White, black, neutral architecture photography",
        "typography": "Large sans statements alternating with expressive serif service text",
        "layout": "Full-bleed project image, centered statement, second project image, then a split studio profile",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Natural materials in imagery with a flat paper-like page",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Kononenko Architectural Bureau\nSource: https://kononenkogroup.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-kononenko-architectural-bureau/\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: Quiet and deliberate\n- colors: White, black, neutral architecture photography\n- typography: Large sans statements alternating with expressive serif service text\n- layout: Full-bleed project image, centered statement, second project image, then a split studio profile\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Natural materials in imagery with a flat paper-like page\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Architecture and design practices whose project photography should carry the presentation.\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-cipher",
      "name": "Cipher",
      "kind": "inspiration",
      "archetype": "Video Studio",
      "summary": "A floating cluster of project thumbnails occupies the center of a near-black canvas. The quiet wordmark and perimeter navigation keep the work as the main event.",
      "use_for": "Film and motion portfolios that can communicate through a diverse body of visual work.",
      "source_url": "https://cipher.tv/",
      "reference_url": "https://swipefile.design/ref/awwwards-cipher/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B8ilHuRU.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DM0eq66y.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "studio",
        "video",
        "portfolio",
        "gallery",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Cinematic and exploratory",
        "colors": "Near-black, white, varied media thumbnails",
        "typography": "Small neutral sans navigation and a distinctive lowercase wordmark",
        "layout": "Central spatial cluster of work, surrounded by generous negative space",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Overlapping photographic and video stills",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Cipher\nSource: https://cipher.tv/\nSwipefile reference: https://swipefile.design/ref/awwwards-cipher/\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 exploratory\n- colors: Near-black, white, varied media thumbnails\n- typography: Small neutral sans navigation and a distinctive lowercase wordmark\n- layout: Central spatial cluster of work, surrounded by generous negative space\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Overlapping photographic and video stills\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Film and motion portfolios that can communicate through a diverse body of visual work.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "awwwards-likova",
      "name": "LIKOVA",
      "kind": "inspiration",
      "archetype": "Editorial Luxury",
      "summary": "A widely spaced wordmark sits on a white architectural header above a dramatic building image, with direct routes to office selection and contact.",
      "use_for": "Commercial property sites balancing a strong architectural identity with practical leasing actions.",
      "source_url": "https://likova.space/",
      "reference_url": "https://swipefile.design/ref/awwwards-likova/",
      "screenshot_url": "https://swipefile.design/_astro/preview.irx64mz0.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B6RQ3X30.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "architecture",
        "property",
        "editorial",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Architectural and composed",
        "colors": "White, black, midnight blue, warm architectural lighting",
        "typography": "Widely spaced capital wordmark and tiny utility labels",
        "layout": "Generous white header with an offset edge leading into the building image",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Building visualization, evening sky, crisp flat header",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: LIKOVA\nSource: https://likova.space/\nSwipefile reference: https://swipefile.design/ref/awwwards-likova/\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: Architectural and composed\n- colors: White, black, midnight blue, warm architectural lighting\n- typography: Widely spaced capital wordmark and tiny utility labels\n- layout: Generous white header with an offset edge leading into the building image\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Building visualization, evening sky, crisp flat header\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Commercial property sites balancing a strong architectural identity with practical leasing 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": "awwwards-oimachi",
      "name": "Oimachi",
      "kind": "inspiration",
      "archetype": "Editorial Agency",
      "summary": "A compact services statement and a quiet brand mark introduce a dark studio page. Dense project thumbnails and short supporting sections quickly add evidence.",
      "use_for": "Small studios that need to connect a clear offer to a substantial body of work.",
      "source_url": "https://www.oimachi.co/",
      "reference_url": "https://swipefile.design/ref/awwwards-oimachi/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DnXCiQ3m.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BYZgBlNZ.webp",
      "captured": "2026-09-05",
      "capture_scope": "excerpt",
      "provenance": "live",
      "tags": [
        "agency",
        "portfolio",
        "grid",
        "case-study",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Direct and work-focused",
        "colors": "Charcoal, warm white, colors from project imagery",
        "typography": "Compact sans headings with a selective italic accent",
        "layout": "Small top navigation, open hero, then a project grid beside concise supporting copy",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Flat dark background with varied project imagery",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Oimachi\nSource: https://www.oimachi.co/\nSwipefile reference: https://swipefile.design/ref/awwwards-oimachi/\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: Direct and work-focused\n- colors: Charcoal, warm white, colors from project imagery\n- typography: Compact sans headings with a selective italic accent\n- layout: Small top navigation, open hero, then a project grid beside concise supporting copy\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Flat dark background with varied project imagery\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Small studios that need to connect a clear offer to a substantial body of work.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "awwwards-px-push",
      "name": "PX PUSH",
      "kind": "inspiration",
      "archetype": "Iridescent Chrome",
      "summary": "A chrome emblem floats over a cloudy blue background beneath a huge horizontally cropped service line. The quiet navigation includes a visible Get started action.",
      "use_for": "Creative service brands using a distinctive visual identity to make a simple offer memorable.",
      "source_url": "https://pxpush.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-px-push/",
      "screenshot_url": "https://swipefile.design/_astro/preview.dCVtMw45.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BYNrwEkJ.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "agency",
        "chrome",
        "3d",
        "hero",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Futuristic and assertive",
        "colors": "Steel blue, silver, pale gray",
        "typography": "Oversized narrow sans display with small technical-looking labels",
        "layout": "Full-screen atmospheric hero, large service text across the top, centered metallic mark",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Reflective metal and hazy sky imagery",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: PX PUSH\nSource: https://pxpush.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-px-push/\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 assertive\n- colors: Steel blue, silver, pale gray\n- typography: Oversized narrow sans display with small technical-looking labels\n- layout: Full-screen atmospheric hero, large service text across the top, centered metallic mark\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Reflective metal and hazy sky imagery\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Creative service brands using a distinctive visual identity to make a simple offer memorable.\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-mosbys-files",
      "name": "Mosby's Files",
      "kind": "inspiration",
      "archetype": "Dense Text Index",
      "summary": "Colored file tabs turn an architectural history collection into a browsable archive, with a strong headline setting the subject before the index.",
      "use_for": "Editorial archives that benefit from visible grouping and a physical filing metaphor.",
      "source_url": "https://www.mosbyfiles.com/",
      "reference_url": "https://swipefile.design/ref/awwwards-mosbys-files/",
      "screenshot_url": "https://swipefile.design/_astro/preview.eMR7ZD38.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DT2KHFhS.webp",
      "captured": "2026-09-05",
      "capture_scope": "page",
      "provenance": "live",
      "tags": [
        "archive",
        "editorial",
        "tabs",
        "architecture",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Scholarly with a playful filing system",
        "colors": "Near-black, white, cobalt, red, green, yellow",
        "typography": "Heavy condensed headline, serif tab labels, compact archive descriptions",
        "layout": "Centered introduction above stacked colored tabs and an expanded file-like panel",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Flat paper-like tabs and saturated color panels",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Mosby's Files\nSource: https://www.mosbyfiles.com/\nSwipefile reference: https://swipefile.design/ref/awwwards-mosbys-files/\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: Scholarly with a playful filing system\n- colors: Near-black, white, cobalt, red, green, yellow\n- typography: Heavy condensed headline, serif tab labels, compact archive descriptions\n- layout: Centered introduction above stacked colored tabs and an expanded file-like panel\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Flat paper-like tabs and saturated color panels\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Editorial archives that benefit from visible grouping and a physical filing metaphor.\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-haoqi-design",
      "name": "HAOQI.DESIGN",
      "kind": "inspiration",
      "archetype": "Personal Portfolio",
      "summary": "Glossy pale-blue forms frame a forceful statement about design and engineering. Small metadata and navigation keep the portfolio identity specific.",
      "use_for": "Design engineer portfolios that need to show both technical precision and visual craft.",
      "source_url": "https://haoqi.design/",
      "reference_url": "https://swipefile.design/ref/awwwards-haoqi-design/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BGF0D0Ss.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.a3enjpv8.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "personal",
        "portfolio",
        "3d",
        "design-engineering",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Precise and experimental",
        "colors": "Sky blue, black, ivory",
        "typography": "Heavy sans statement with small technical labels",
        "layout": "Full-screen graphic field, large bottom-left statement, small identity and navigation across the top",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Glossy inflated-looking forms and soft blue light",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: HAOQI.DESIGN\nSource: https://haoqi.design/\nSwipefile reference: https://swipefile.design/ref/awwwards-haoqi-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: Precise and experimental\n- colors: Sky blue, black, ivory\n- typography: Heavy sans statement with small technical labels\n- layout: Full-screen graphic field, large bottom-left statement, small identity and navigation across the top\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Glossy inflated-looking forms and soft blue light\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Design engineer portfolios that need to show both technical precision and visual craft.\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-studio-k95-3",
      "name": "Studio K95",
      "kind": "inspiration",
      "archetype": "WebGL Studio",
      "summary": "A cobalt canvas displays a central stack of project images surrounded by floating work. Compact project and studio navigation leaves the image field open.",
      "use_for": "Brand studios exploring a spatial alternative to a conventional portfolio grid.",
      "source_url": "https://k95.it/",
      "reference_url": "https://swipefile.design/ref/awwwards-studio-k95-3/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CGnCo-ls.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BtYx7gLW.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "studio",
        "portfolio",
        "3d",
        "gallery",
        "awwwards",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "mood": "Playful and immersive",
        "colors": "Cobalt blue, white, colors from project imagery",
        "typography": "Small uppercase navigation and a compact logo",
        "layout": "Spatial project gallery with a central stack and peripheral project thumbnails",
        "motion": "Static capture of a live site. Open the source to study its interactive behavior.",
        "texture": "Layered project cards against a flat saturated field",
        "dont": "Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout."
      },
      "recreation_prompt": "# Design reference: Studio K95\nSource: https://k95.it/\nSwipefile reference: https://swipefile.design/ref/awwwards-studio-k95-3/\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: Playful and immersive\n- colors: Cobalt blue, white, colors from project imagery\n- typography: Small uppercase navigation and a compact logo\n- layout: Spatial project gallery with a central stack and peripheral project thumbnails\n- motion: Static capture of a live site. Open the source to study its interactive behavior.\n- texture: Layered project cards against a flat saturated field\n- dont: Adapt the hierarchy and visual principles to your own content; avoid copying the identity, imagery, or exact layout.\n\nUseful for: Brand studios exploring a spatial alternative to a conventional portfolio grid.\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."
    }
  ]
}