{ "version": 1, "name": "AI websites ยท 50 fresh references", "url": "https://swipefile.design/board/ai-websites-50-fresh-references/", "markdown_url": "https://swipefile.design/board/ai-websites-50-fresh-references/notes.md", "json_url": "https://swipefile.design/board/ai-websites-50-fresh-references/data.json", "pdf_url": "https://swipefile.design/board/ai-websites-50-fresh-references/export.pdf", "reference_count": 50, "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": "ai-ai2", "name": "Ai2", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "Sculptural blue and violet folds frame a centered research mission and a small pink action.", "use_for": "Sculptural blue and violet folds frame a centered research mission and a small pink action.", "source_url": "https://allenai.org/", "reference_url": "https://swipefile.design/ref/ai-ai2/", "screenshot_url": "https://swipefile.design/_astro/preview.FI4I7pm_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dl8LOftL.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "research", "open-models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Deep teal, violet and pink", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Full-bleed sculptural hero beneath a pill-shaped navigation bar.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "fluid folded forms", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Ai2\nSource: https://allenai.org/\nSwipefile reference: https://swipefile.design/ref/ai-ai2/\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, spacious and product-led.\n- colors: Deep teal, violet and pink\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Full-bleed sculptural hero beneath a pill-shaped navigation bar.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: fluid folded forms\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: Sculptural blue and violet folds frame a centered research mission and a small pink action.\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": "ai-anthropic", "name": "Anthropic", "kind": "inspiration", "archetype": "Editorial Corporate", "summary": "An off-white research homepage pairs a heavy, underlined statement with a short introduction and an editorial feature.", "use_for": "An off-white research homepage pairs a heavy, underlined statement with a short introduction and an editorial feature.", "source_url": "https://www.anthropic.com/", "reference_url": "https://swipefile.design/ref/ai-anthropic/", "screenshot_url": "https://swipefile.design/_astro/preview.Dvfvornn.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bl7WkWnC.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "research", "editorial", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Warm ivory and black", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Asymmetric two-column introduction above a wide feature panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "flat paper-like backdrop", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Anthropic\nSource: https://www.anthropic.com/\nSwipefile reference: https://swipefile.design/ref/ai-anthropic/\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, spacious and product-led.\n- colors: Warm ivory and black\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Asymmetric two-column introduction above a wide feature panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: flat paper-like backdrop\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An off-white research homepage pairs a heavy, underlined statement with a short introduction and an editorial feature.\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": "ai-anyword", "name": "Anyword", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A centered content-platform pitch uses blue concentric strokes, paired actions and a customer-logo strip.", "use_for": "A centered content-platform pitch uses blue concentric strokes, paired actions and a customer-logo strip.", "source_url": "https://www.anyword.com/", "reference_url": "https://swipefile.design/ref/ai-anyword/", "screenshot_url": "https://swipefile.design/_astro/preview.8HdFD1Nb.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BsA4Zukw.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "marketing", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, navy and electric blue", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered hero and supporting logo row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "circular line illustration", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Anyword\nSource: https://www.anyword.com/\nSwipefile reference: https://swipefile.design/ref/ai-anyword/\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, spacious and product-led.\n- colors: White, navy and electric blue\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered hero and supporting logo row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: circular line illustration\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered content-platform pitch uses blue concentric strokes, paired actions and a customer-logo strip.\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": "ai-aqua-voice", "name": "Aqua Voice", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "A restrained dictation homepage puts a left-aligned statement and keyboard hint on a soft, nearly white backdrop.", "use_for": "A restrained dictation homepage puts a left-aligned statement and keyboard hint on a soft, nearly white backdrop.", "source_url": "https://aquavoice.com/", "reference_url": "https://swipefile.design/ref/ai-aqua-voice/", "screenshot_url": "https://swipefile.design/_astro/preview.DgqGTeEw.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bao1cVxb.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "dictation", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, charcoal and sky blue", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Sparse hero with text anchored on the left.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "soft cloud-like image", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Aqua Voice\nSource: https://aquavoice.com/\nSwipefile reference: https://swipefile.design/ref/ai-aqua-voice/\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, spacious and product-led.\n- colors: White, charcoal and sky blue\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Sparse hero with text anchored on the left.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: soft cloud-like image\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A restrained dictation homepage puts a left-aligned statement and keyboard hint on a soft, nearly white backdrop.\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": "ai-black-forest-labs", "name": "Black Forest Labs", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A cinematic landscape carries a large FLUX model title and a compact pair of product actions.", "use_for": "A cinematic landscape carries a large FLUX model title and a compact pair of product actions.", "source_url": "https://bfl.ai/", "reference_url": "https://swipefile.design/ref/ai-black-forest-labs/", "screenshot_url": "https://swipefile.design/_astro/preview.MlkPubNC.webp", "thumbnail_url": "https://swipefile.design/_astro/card.T2KlSIKK.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "image-generation", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Slate, lavender and white", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Full-width imagery with a centered lower title and transparent header.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "photographic landscape", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Black Forest Labs\nSource: https://bfl.ai/\nSwipefile reference: https://swipefile.design/ref/ai-black-forest-labs/\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, spacious and product-led.\n- colors: Slate, lavender and white\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Full-width imagery with a centered lower title and transparent header.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: photographic landscape\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A cinematic landscape carries a large FLUX model title and a compact pair of product 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": "ai-bland", "name": "Bland", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A compact voice-agent pitch faces a horizontal carousel of illustrated industry examples.", "use_for": "A compact voice-agent pitch faces a horizontal carousel of illustrated industry examples.", "source_url": "https://www.bland.ai/", "reference_url": "https://swipefile.design/ref/ai-bland/", "screenshot_url": "https://swipefile.design/_astro/preview.B3UoqVPZ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DCATMvdk.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, charcoal, orange and yellow", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Split hero with a short headline on the left and cards on the right.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "simple illustrated cards", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Bland\nSource: https://www.bland.ai/\nSwipefile reference: https://swipefile.design/ref/ai-bland/\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, spacious and product-led.\n- colors: White, charcoal, orange and yellow\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Split hero with a short headline on the left and cards on the right.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: simple illustrated cards\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A compact voice-agent pitch faces a horizontal carousel of illustrated industry examples.\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": "ai-cartesia", "name": "Cartesia", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif model introduction leads into an industry selector and a line-drawn voice-agent workflow.", "use_for": "A serif model introduction leads into an industry selector and a line-drawn voice-agent workflow.", "source_url": "https://www.cartesia.ai/", "reference_url": "https://swipefile.design/ref/ai-cartesia/", "screenshot_url": "https://swipefile.design/_astro/preview.BdMvoeKp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DE6Cl1vE.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, black and green", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Two-column introduction above an industry tab and diagram panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "architectural line drawing", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Cartesia\nSource: https://www.cartesia.ai/\nSwipefile reference: https://swipefile.design/ref/ai-cartesia/\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, spacious and product-led.\n- colors: White, black and green\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Two-column introduction above an industry tab and diagram panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: architectural line drawing\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif model introduction leads into an industry selector and a line-drawn voice-agent workflow.\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": "ai-copy-ai", "name": "Copy.ai", "kind": "inspiration", "archetype": "Bold Type-Driven", "summary": "A bold stacked platform title sits beside a short statement above a wide purple process illustration.", "use_for": "A bold stacked platform title sits beside a short statement above a wide purple process illustration.", "source_url": "https://www.copy.ai/", "reference_url": "https://swipefile.design/ref/ai-copy-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.pNfp_YGz.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CSjPT3tJ.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "marketing", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, black and violet", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Asymmetric hero with a full-width process band beneath.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "flat directional ribbons", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Copy.ai\nSource: https://www.copy.ai/\nSwipefile reference: https://swipefile.design/ref/ai-copy-ai/\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, spacious and product-led.\n- colors: White, black and violet\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Asymmetric hero with a full-width process band beneath.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: flat directional ribbons\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bold stacked platform title sits beside a short statement above a wide purple process illustration.\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": "ai-decagon", "name": "Decagon", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A pale violet scene gives a customer-service platform a spacious headline, small actions and sculptural character imagery.", "use_for": "A pale violet scene gives a customer-service platform a spacious headline, small actions and sculptural character imagery.", "source_url": "https://decagon.ai/", "reference_url": "https://swipefile.design/ref/ai-decagon/", "screenshot_url": "https://swipefile.design/_astro/preview.LdDFmD8l.webp", "thumbnail_url": "https://swipefile.design/_astro/card.a2siAnAI.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "support", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Lavender, pink and black", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Rounded full-width hero with text left and figures right.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "soft 3D scene", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Decagon\nSource: https://decagon.ai/\nSwipefile reference: https://swipefile.design/ref/ai-decagon/\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, spacious and product-led.\n- colors: Lavender, pink and black\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Rounded full-width hero with text left and figures right.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: soft 3D scene\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A pale violet scene gives a customer-service platform a spacious headline, small actions and sculptural character imagery.\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": "ai-deepgram", "name": "Deepgram", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A dark voice infrastructure homepage centers its message inside a saturated blue and green geometric band.", "use_for": "A dark voice infrastructure homepage centers its message inside a saturated blue and green geometric band.", "source_url": "https://deepgram.com/", "reference_url": "https://swipefile.design/ref/ai-deepgram/", "screenshot_url": "https://swipefile.design/_astro/preview.BIf3vMYu.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CMnFD9Jz.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Black, blue, violet and mint", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered hero with paired actions and a logo strip below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "luminous geometric shapes", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Deepgram\nSource: https://deepgram.com/\nSwipefile reference: https://swipefile.design/ref/ai-deepgram/\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, spacious and product-led.\n- colors: Black, blue, violet and mint\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered hero with paired actions and a logo strip below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: luminous geometric shapes\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark voice infrastructure homepage centers its message inside a saturated blue and green geometric band.\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": "ai-exa", "name": "Exa", "kind": "inspiration", "archetype": "Swiss Minimalist", "summary": "A minimal search API homepage introduces the product with a centered headline and a compact interface preview.", "use_for": "A minimal search API homepage introduces the product with a centered headline and a compact interface preview.", "source_url": "https://exa.ai/", "reference_url": "https://swipefile.design/ref/ai-exa/", "screenshot_url": "https://swipefile.design/_astro/preview.mNwa1A2P.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B-9_A88y.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "search", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, black and pale blue", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Broad whitespace around centered copy and a small search demonstration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "fine interface rules", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Exa\nSource: https://exa.ai/\nSwipefile reference: https://swipefile.design/ref/ai-exa/\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, spacious and product-led.\n- colors: White, black and pale blue\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Broad whitespace around centered copy and a small search demonstration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: fine interface rules\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A minimal search API homepage introduces the product with a centered headline and a compact interface preview.\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": "ai-fabric", "name": "Fabric", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif personal-AI statement sits below a small rating marker on a spacious white canvas.", "use_for": "A serif personal-AI statement sits below a small rating marker on a spacious white canvas.", "source_url": "https://fabric.so/", "reference_url": "https://swipefile.design/ref/ai-fabric/", "screenshot_url": "https://swipefile.design/_astro/preview.DRAXAQPy.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DAOuLDbd.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "knowledge", "workspace", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, black and coral", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered editorial headline, short explanation and single dark action.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "playful red character accent", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Fabric\nSource: https://fabric.so/\nSwipefile reference: https://swipefile.design/ref/ai-fabric/\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, spacious and product-led.\n- colors: White, black and coral\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered editorial headline, short explanation and single dark action.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: playful red character accent\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif personal-AI statement sits below a small rating marker on a spacious white canvas.\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": "ai-fellow", "name": "Fellow", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "An enterprise meeting assistant pairs a large serif title with proof logos and a cropped recording interface.", "use_for": "An enterprise meeting assistant pairs a large serif title with proof logos and a cropped recording interface.", "source_url": "https://fellow.ai/", "reference_url": "https://swipefile.design/ref/ai-fellow/", "screenshot_url": "https://swipefile.design/_astro/preview.Dtu_MdqH.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D360wkc_.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "meetings", "transcription", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Deep teal, cream and pale blue", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Left-led hero with a wide product preview at the fold.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "subtle vertical light columns", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Fellow\nSource: https://fellow.ai/\nSwipefile reference: https://swipefile.design/ref/ai-fellow/\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, spacious and product-led.\n- colors: Deep teal, cream and pale blue\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Left-led hero with a wide product preview at the fold.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: subtle vertical light columns\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An enterprise meeting assistant pairs a large serif title with proof logos and a cropped recording interface.\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": "ai-forethought", "name": "Forethought", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A dark customer-service homepage presents its enterprise headline above a layered illustrated integration scene.", "use_for": "A dark customer-service homepage presents its enterprise headline above a layered illustrated integration scene.", "source_url": "https://forethought.ai/", "reference_url": "https://swipefile.design/ref/ai-forethought/", "screenshot_url": "https://swipefile.design/_astro/preview.DnerAV5F.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CNjJ0sRj.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "support", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Deep navy, mint and cyan", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered headline over a wide isometric product illustration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "layered isometric panels", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Forethought\nSource: https://forethought.ai/\nSwipefile reference: https://swipefile.design/ref/ai-forethought/\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, spacious and product-led.\n- colors: Deep navy, mint and cyan\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered headline over a wide isometric product illustration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: layered isometric panels\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark customer-service homepage presents its enterprise headline above a layered illustrated integration 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": "ai-heptabase", "name": "Heptabase", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A compact switch between the core product and its AI tutor sits above a centered research promise and workspace preview.", "use_for": "A compact switch between the core product and its AI tutor sits above a centered research promise and workspace preview.", "source_url": "https://heptabase.com/", "reference_url": "https://swipefile.design/ref/ai-heptabase/", "screenshot_url": "https://swipefile.design/_astro/preview.Bh2aGELw.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B29ilPXA.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "research", "knowledge", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Warm white, charcoal and green", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered headline and action above a wide knowledge-workspace image.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "product screenshot on a muted backdrop", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Heptabase\nSource: https://heptabase.com/\nSwipefile reference: https://swipefile.design/ref/ai-heptabase/\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, spacious and product-led.\n- colors: Warm white, charcoal and green\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered headline and action above a wide knowledge-workspace image.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: product screenshot on a muted backdrop\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A compact switch between the core product and its AI tutor sits above a centered research promise and workspace preview.\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": "ai-huggingface-company", "name": "Hugging Face", "kind": "inspiration", "archetype": "Dark Docs Hub", "summary": "A dark community hero embeds a model-and-code preview within a white, search-led developer navigation shell.", "use_for": "A dark community hero embeds a model-and-code preview within a white, search-led developer navigation shell.", "source_url": "https://huggingface.co/", "reference_url": "https://swipefile.design/ref/ai-huggingface-company/", "screenshot_url": "https://swipefile.design/_astro/preview.Be1IkzKP.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DKo0mFUs.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "open-models", "community", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, near-black and yellow", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Dense global navigation above a split dark feature panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "code and interface panels", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Hugging Face\nSource: https://huggingface.co/\nSwipefile reference: https://swipefile.design/ref/ai-huggingface-company/\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, spacious and product-led.\n- colors: White, near-black and yellow\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Dense global navigation above a split dark feature panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: code and interface panels\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark community hero embeds a model-and-code preview within a white, search-led developer navigation shell.\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": "ai-hume", "name": "Hume AI", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A restrained voice research homepage combines a centered headline with a flowing pastel mesh illustration.", "use_for": "A restrained voice research homepage combines a centered headline with a flowing pastel mesh illustration.", "source_url": "https://www.hume.ai/", "reference_url": "https://swipefile.design/ref/ai-hume/", "screenshot_url": "https://swipefile.design/_astro/preview.BGi6njrh.webp", "thumbnail_url": "https://swipefile.design/_astro/card.nMaw8ijF.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "research", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Cream, black, peach and lilac", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered text and small action above a wide undulating mesh.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "fine wave-like mesh", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Hume AI\nSource: https://www.hume.ai/\nSwipefile reference: https://swipefile.design/ref/ai-hume/\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, spacious and product-led.\n- colors: Cream, black, peach and lilac\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered text and small action above a wide undulating mesh.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: fine wave-like mesh\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A restrained voice research homepage combines a centered headline with a flowing pastel mesh illustration.\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": "ai-hyperwrite", "name": "HyperWrite", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A large two-line writing headline, concise explanation and blue action lead into a colorful logo strip.", "use_for": "A large two-line writing headline, concise explanation and blue action lead into a colorful logo strip.", "source_url": "https://www.hyperwriteai.com/", "reference_url": "https://swipefile.design/ref/ai-hyperwrite/", "screenshot_url": "https://swipefile.design/_astro/preview.DvP1MUOa.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DfKfYU7w.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "productivity", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "Warm gray, charcoal and blue", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Centered typography-first hero with social proof at the fold.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "flat neutral background", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: HyperWrite\nSource: https://www.hyperwriteai.com/\nSwipefile reference: https://swipefile.design/ref/ai-hyperwrite/\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, spacious and product-led.\n- colors: Warm gray, charcoal and blue\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Centered typography-first hero with social proof at the fold.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: flat neutral background\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A large two-line writing headline, concise explanation and blue action lead into a colorful logo strip.\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": "ai-krisp", "name": "Krisp", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A short voice-AI statement and purple action sit beside a collage of meeting and transcript interfaces.", "use_for": "A short voice-AI statement and purple action sit beside a collage of meeting and transcript interfaces.", "source_url": "https://krisp.ai/", "reference_url": "https://swipefile.design/ref/ai-krisp/", "screenshot_url": "https://swipefile.design/_astro/preview.BGHWCTn7.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DXODe2OW.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "meetings", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused, spacious and product-led.", "colors": "White, violet and charcoal", "typography": "Clear display headline paired with smaller navigation and supporting text.", "layout": "Left-aligned copy opposite layered product screenshots.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "overlapping meeting-interface cards", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Krisp\nSource: https://krisp.ai/\nSwipefile reference: https://swipefile.design/ref/ai-krisp/\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, spacious and product-led.\n- colors: White, violet and charcoal\n- typography: Clear display headline paired with smaller navigation and supporting text.\n- layout: Left-aligned copy opposite layered product screenshots.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: overlapping meeting-interface cards\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A short voice-AI statement and purple action sit beside a collage of meeting and transcript interfaces.\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": "ai-lex", "name": "Lex", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A tiny colorful wordmark introduces a centered writing promise, author avatars and a cropped document editor.", "use_for": "A tiny colorful wordmark introduces a centered writing promise, author avatars and a cropped document editor.", "source_url": "https://lex.page/", "reference_url": "https://swipefile.design/ref/ai-lex/", "screenshot_url": "https://swipefile.design/_astro/preview.DOR_2oR1.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BDp9n9Ps.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "documents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, black and rainbow accents", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered copy, single dark action, avatar strip and editor preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Lex\nSource: https://lex.page/\nSwipefile reference: https://swipefile.design/ref/ai-lex/\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: Clear and product-focused.\n- colors: White, black and rainbow accents\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered copy, single dark action, avatar strip and editor preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A tiny colorful wordmark introduces a centered writing promise, author avatars and a cropped document editor.\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": "ai-luma-labs", "name": "Luma", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A dark cinematic scene places a concise creative-partner statement above a partially visible prompt composer.", "use_for": "A dark cinematic scene places a concise creative-partner statement above a partially visible prompt composer.", "source_url": "https://lumalabs.ai/", "reference_url": "https://swipefile.design/ref/ai-luma-labs/", "screenshot_url": "https://swipefile.design/_astro/preview.Btj9REE5.webp", "thumbnail_url": "https://swipefile.design/_astro/card.4GRLEJu4.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "creative", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Dark navy and white", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Full-bleed scene with centered text and a composer peeking from the fold.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Luma\nSource: https://lumalabs.ai/\nSwipefile reference: https://swipefile.design/ref/ai-luma-labs/\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: Clear and product-focused.\n- colors: Dark navy and white\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Full-bleed scene with centered text and a composer peeking from the fold.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark cinematic scene places a concise creative-partner statement above a partially visible prompt composer.\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": "ai-mem", "name": "Mem", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "An oversized personal-assistant headline sits opposite four circular tiles mixing color, portrait photography and an arrow.", "use_for": "An oversized personal-assistant headline sits opposite four circular tiles mixing color, portrait photography and an arrow.", "source_url": "https://get.mem.ai/", "reference_url": "https://swipefile.design/ref/ai-mem/", "screenshot_url": "https://swipefile.design/_astro/preview.C0sbkv9x.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DpicD4TO.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "knowledge", "productivity", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Cream, navy, coral and blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Two-column hero with oversized circular imagery.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Mem\nSource: https://get.mem.ai/\nSwipefile reference: https://swipefile.design/ref/ai-mem/\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: Clear and product-focused.\n- colors: Cream, navy, coral and blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Two-column hero with oversized circular imagery.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An oversized personal-assistant headline sits opposite four circular tiles mixing color, portrait photography and an arrow.\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": "ai-monologue", "name": "Monologue", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A dark framed homepage pairs a serif dictation headline with capability tabs and a meeting preview.", "use_for": "A dark framed homepage pairs a serif dictation headline with capability tabs and a meeting preview.", "source_url": "https://www.monologue.to/", "reference_url": "https://swipefile.design/ref/ai-monologue/", "screenshot_url": "https://swipefile.design/_astro/preview.C9qdnxK0.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DOAuDe--.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "dictation", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Charcoal, cream and teal", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered copy above tabs and a product preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Monologue\nSource: https://www.monologue.to/\nSwipefile reference: https://swipefile.design/ref/ai-monologue/\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: Clear and product-focused.\n- colors: Charcoal, cream and teal\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered copy above tabs and a product preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark framed homepage pairs a serif dictation headline with capability tabs and a meeting preview.\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": "ai-my-mind", "name": "mymind", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "A large serif memory-and-organization statement fills a white circle surrounded by a warm gradient glow.", "use_for": "A large serif memory-and-organization statement fills a white circle surrounded by a warm gradient glow.", "source_url": "https://mymind.com/", "reference_url": "https://swipefile.design/ref/ai-my-mind/", "screenshot_url": "https://swipefile.design/_astro/preview.B8h8BRgK.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Cikfhiwi.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "knowledge", "bookmarks", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, black, peach and violet", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered editorial hero with content-type chips and a search preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: mymind\nSource: https://mymind.com/\nSwipefile reference: https://swipefile.design/ref/ai-my-mind/\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: Clear and product-focused.\n- colors: White, black, peach and violet\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered editorial hero with content-type chips and a search preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A large serif memory-and-organization statement fills a white circle surrounded by a warm gradient glow.\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": "ai-napkin-notes", "name": "Napkin", "kind": "inspiration", "archetype": "Editorial Product", "summary": "An idea-collection homepage pairs a short statement with a tall phone mockup and an App Store action.", "use_for": "An idea-collection homepage pairs a short statement with a tall phone mockup and an App Store action.", "source_url": "https://napkin.one/", "reference_url": "https://swipefile.design/ref/ai-napkin-notes/", "screenshot_url": "https://swipefile.design/_astro/preview.CrIBZay6.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C84O6AZe.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "knowledge", "notes", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Warm cream, black and peach", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Split hero with a large phone interface.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Napkin\nSource: https://napkin.one/\nSwipefile reference: https://swipefile.design/ref/ai-napkin-notes/\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: Clear and product-focused.\n- colors: Warm cream, black and peach\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Split hero with a large phone interface.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An idea-collection homepage pairs a short statement with a tall phone mockup and an App Store action.\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": "ai-notebooklm-marketing", "name": "Gemini Notebook", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A centered research-partner introduction uses a gradient word and a simple action before explaining source uploads.", "use_for": "A centered research-partner introduction uses a gradient word and a simple action before explaining source uploads.", "source_url": "https://notebook.google/", "reference_url": "https://swipefile.design/ref/ai-notebooklm-marketing/", "screenshot_url": "https://swipefile.design/_astro/preview.BtLiF9wa.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BTXhCqI6.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "research", "documents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, black, mint and blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered hero with a two-column feature section below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Gemini Notebook\nSource: https://notebook.google/\nSwipefile reference: https://swipefile.design/ref/ai-notebooklm-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: Clear and product-focused.\n- colors: White, black, mint and blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered hero with a two-column feature section below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered research-partner introduction uses a gradient word and a simple action before explaining source uploads.\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": "ai-notion-ai-product", "name": "Notion AI", "kind": "inspiration", "archetype": "Illustrated", "summary": "A stacked team headline sits beside a playful face illustration, followed by customer logos and capability tabs.", "use_for": "A stacked team headline sits beside a playful face illustration, followed by customer logos and capability tabs.", "source_url": "https://www.notion.com/product/ai", "reference_url": "https://swipefile.design/ref/ai-notion-ai-product/", "screenshot_url": "https://swipefile.design/_astro/preview.DdCzDOms.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DSUXjDFs.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "workspace", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, black, blue and coral", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Split hero above proof logos and a tabbed product preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Notion AI\nSource: https://www.notion.com/product/ai\nSwipefile reference: https://swipefile.design/ref/ai-notion-ai-product/\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: Clear and product-focused.\n- colors: White, black, blue and coral\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Split hero above proof logos and a tabbed product preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A stacked team headline sits beside a playful face illustration, followed by customer logos and capability tabs.\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": "ai-qwen", "name": "Qwen", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A search-like hero invites exploration before three cards introduce the studio, API and download routes.", "use_for": "A search-like hero invites exploration before three cards introduce the studio, API and download routes.", "source_url": "https://qwen.ai/home", "reference_url": "https://swipefile.design/ref/ai-qwen/", "screenshot_url": "https://swipefile.design/_astro/preview.CKh-6XBx.webp", "thumbnail_url": "https://swipefile.design/_astro/card.-Be-jfux.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "chat", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, charcoal and blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered input-style hero above three product cards.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Qwen\nSource: https://qwen.ai/home\nSwipefile reference: https://swipefile.design/ref/ai-qwen/\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: Clear and product-focused.\n- colors: White, charcoal and blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered input-style hero above three product cards.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A search-like hero invites exploration before three cards introduce the studio, API and download routes.\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": "ai-read-ai", "name": "Read AI", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A short AI-agent headline and purple action face a layered collage of video, mobile and workspace views.", "use_for": "A short AI-agent headline and purple action face a layered collage of video, mobile and workspace views.", "source_url": "https://www.read.ai/", "reference_url": "https://swipefile.design/ref/ai-read-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.CmcWt_dN.webp", "thumbnail_url": "https://swipefile.design/_astro/card.9WP-iYHf.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "meetings", "search", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, violet and blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Split hero with a compact title and product collage.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Read AI\nSource: https://www.read.ai/\nSwipefile reference: https://swipefile.design/ref/ai-read-ai/\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: Clear and product-focused.\n- colors: White, violet and blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Split hero with a compact title and product collage.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A short AI-agent headline and purple action face a layered collage of video, mobile and workspace views.\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": "ai-rime", "name": "Rime", "kind": "inspiration", "archetype": "Bold Type-Driven", "summary": "A broad multicolor waveform separates a restrained header from a bold condensed voice-model headline.", "use_for": "A broad multicolor waveform separates a restrained header from a bold condensed voice-model headline.", "source_url": "https://www.rime.ai/", "reference_url": "https://swipefile.design/ref/ai-rime/", "screenshot_url": "https://swipefile.design/_astro/preview.9PPiWLrB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DLR7r1CM.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Cream, black, pink and rainbow accents", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Full-width waveform above an asymmetric title-and-action row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Rime\nSource: https://www.rime.ai/\nSwipefile reference: https://swipefile.design/ref/ai-rime/\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: Clear and product-focused.\n- colors: Cream, black, pink and rainbow accents\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Full-width waveform above an asymmetric title-and-action row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A broad multicolor waveform separates a restrained header from a bold condensed voice-model headline.\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": "ai-rytr", "name": "Rytr", "kind": "inspiration", "archetype": "Bold Type-Driven", "summary": "A saturated orange writing hero uses thick centered typography and a cream action above a dark proof panel.", "use_for": "A saturated orange writing hero uses thick centered typography and a cream action above a dark proof panel.", "source_url": "https://rytr.me/", "reference_url": "https://swipefile.design/ref/ai-rytr/", "screenshot_url": "https://swipefile.design/_astro/preview.CoAPe0br.webp", "thumbnail_url": "https://swipefile.design/_astro/card.4zg3hhcv.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "marketing", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Orange, cream and dark brown", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Rounded hero block with a statistics strip beneath.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Rytr\nSource: https://rytr.me/\nSwipefile reference: https://swipefile.design/ref/ai-rytr/\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: Clear and product-focused.\n- colors: Orange, cream and dark brown\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Rounded hero block with a statistics strip beneath.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A saturated orange writing hero uses thick centered typography and a cream action above a dark proof panel.\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": "ai-sana", "name": "Sana", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A simple centered work headline leads into two large product panels for learning and agents.", "use_for": "A simple centered work headline leads into two large product panels for learning and agents.", "source_url": "https://sana.ai/", "reference_url": "https://swipefile.design/ref/ai-sana/", "screenshot_url": "https://swipefile.design/_astro/preview.CyE6VUYt.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DnMvaOQ3.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "learning", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, black and yellow accents", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered heading above two equal-width product cards.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Sana\nSource: https://sana.ai/\nSwipefile reference: https://swipefile.design/ref/ai-sana/\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: Clear and product-focused.\n- colors: White, black and yellow accents\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered heading above two equal-width product cards.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A simple centered work headline leads into two large product panels for learning and agents.\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": "ai-sierra", "name": "Sierra", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A photographic customer-service hero anchors its short promise and action over a warm office scene.", "use_for": "A photographic customer-service hero anchors its short promise and action over a warm office scene.", "source_url": "https://sierra.ai/", "reference_url": "https://swipefile.design/ref/ai-sierra/", "screenshot_url": "https://swipefile.design/_astro/preview.Cfjhx-vP.webp", "thumbnail_url": "https://swipefile.design/_astro/card.qU1YzedT.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "support", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Warm brown, cream and muted blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Wide photograph with left-aligned text and a small conversation example.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Sierra\nSource: https://sierra.ai/\nSwipefile reference: https://swipefile.design/ref/ai-sierra/\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: Clear and product-focused.\n- colors: Warm brown, cream and muted blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Wide photograph with left-aligned text and a small conversation example.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A photographic customer-service hero anchors its short promise and action over a warm office 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": "ai-speechmatics", "name": "Speechmatics", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A speech-API headline introduces feature tabs and a public transcription demonstration within the homepage.", "use_for": "A speech-API headline introduces feature tabs and a public transcription demonstration within the homepage.", "source_url": "https://www.speechmatics.com/", "reference_url": "https://swipefile.design/ref/ai-speechmatics/", "screenshot_url": "https://swipefile.design/_astro/preview.DnG63Q_5.webp", "thumbnail_url": "https://swipefile.design/_astro/card.jyOZ1JpY.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "White, dark teal and pale gray", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered title above a tabbed two-column demo area.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Speechmatics\nSource: https://www.speechmatics.com/\nSwipefile reference: https://swipefile.design/ref/ai-speechmatics/\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: Clear and product-focused.\n- colors: White, dark teal and pale gray\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered title above a tabbed two-column demo area.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A speech-API headline introduces feature tabs and a public transcription demonstration within the homepage.\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": "ai-sudowrite", "name": "Sudowrite", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif fiction-writing headline uses colorful words, paired entry actions and literary proof on ivory.", "use_for": "A serif fiction-writing headline uses colorful words, paired entry actions and literary proof on ivory.", "source_url": "https://sudowrite.com/", "reference_url": "https://swipefile.design/ref/ai-sudowrite/", "screenshot_url": "https://swipefile.design/_astro/preview.CEus8Wyr.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bv0VH_so.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "writing", "creative", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Ivory, brown, green and lilac", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered editorial hero above publication marks and illustrated figures.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Sudowrite\nSource: https://sudowrite.com/\nSwipefile reference: https://swipefile.design/ref/ai-sudowrite/\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: Clear and product-focused.\n- colors: Ivory, brown, green and lilac\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered editorial hero above publication marks and illustrated figures.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif fiction-writing headline uses colorful words, paired entry actions and literary proof on ivory.\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": "ai-superwhisper", "name": "Superwhisper", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A silhouetted speaker and laptop frame a compact voice-to-text statement with platform download buttons.", "use_for": "A silhouetted speaker and laptop frame a compact voice-to-text statement with platform download buttons.", "source_url": "https://superwhisper.com/", "reference_url": "https://swipefile.design/ref/ai-superwhisper/", "screenshot_url": "https://swipefile.design/_astro/preview.C02RLFSM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.MHG71mxZ.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "dictation", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Midnight blue, black and white", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered text against a dark-to-blue photographic scene.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Superwhisper\nSource: https://superwhisper.com/\nSwipefile reference: https://swipefile.design/ref/ai-superwhisper/\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: Clear and product-focused.\n- colors: Midnight blue, black and white\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered text against a dark-to-blue photographic scene.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A silhouetted speaker and laptop frame a compact voice-to-text statement with platform download buttons.\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": "ai-tactiq", "name": "Tactiq", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif meeting headline and extension action sit beside a lightly illustrated transcript example.", "use_for": "A serif meeting headline and extension action sit beside a lightly illustrated transcript example.", "source_url": "https://tactiq.io/", "reference_url": "https://swipefile.design/ref/ai-tactiq/", "screenshot_url": "https://swipefile.design/_astro/preview.B8ugfq71.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D1vLGU2W.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "meetings", "transcription", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Warm white, black and soft gray", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Split hero above four compact proof blocks.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Tactiq\nSource: https://tactiq.io/\nSwipefile reference: https://swipefile.design/ref/ai-tactiq/\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: Clear and product-focused.\n- colors: Warm white, black and soft gray\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Split hero above four compact proof blocks.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif meeting headline and extension action sit beside a lightly illustrated transcript example.\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": "ai-tana", "name": "Tana", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif meeting headline and download action float above a softly framed meeting-product preview.", "use_for": "A serif meeting headline and download action float above a softly framed meeting-product preview.", "source_url": "https://tana.inc/", "reference_url": "https://swipefile.design/ref/ai-tana/", "screenshot_url": "https://swipefile.design/_astro/preview.CWkGPPDp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BYS28P9D.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "meetings", "workspace", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Ivory, black and pastel blue", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered introduction above a broad cropped interface.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Tana\nSource: https://tana.inc/\nSwipefile reference: https://swipefile.design/ref/ai-tana/\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: Clear and product-focused.\n- colors: Ivory, black and pastel blue\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered introduction above a broad cropped interface.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif meeting headline and download action float above a softly framed meeting-product preview.\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": "ai-tavily", "name": "Tavily", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A centered web-connection pitch places a compact query demonstration over a soft green landscape.", "use_for": "A centered web-connection pitch places a compact query demonstration over a soft green landscape.", "source_url": "https://www.tavily.com/", "reference_url": "https://swipefile.design/ref/ai-tavily/", "screenshot_url": "https://swipefile.design/_astro/preview.BuSLURg-.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bpg4BH6p.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "search", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Cream, forest green and mint", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered title and actions above a prompt panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Tavily\nSource: https://www.tavily.com/\nSwipefile reference: https://swipefile.design/ref/ai-tavily/\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: Clear and product-focused.\n- colors: Cream, forest green and mint\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered title and actions above a prompt panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered web-connection pitch places a compact query demonstration over a soft green landscape.\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": "ai-tl-dv", "name": "tl;dv", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A bold meeting-insights statement sits above persona cards and a query bar on a blue and pink gradient.", "use_for": "A bold meeting-insights statement sits above persona cards and a query bar on a blue and pink gradient.", "source_url": "https://tldv.io/", "reference_url": "https://swipefile.design/ref/ai-tl-dv/", "screenshot_url": "https://swipefile.design/_astro/preview.pZcPY6O_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.zNgrlfQx.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "meetings", "transcription", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Blue, violet, white and pink", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered headline and actions over a horizontal card strip.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: tl;dv\nSource: https://tldv.io/\nSwipefile reference: https://swipefile.design/ref/ai-tl-dv/\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: Clear and product-focused.\n- colors: Blue, violet, white and pink\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered headline and actions over a horizontal card strip.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bold meeting-insights statement sits above persona cards and a query bar on a blue and pink gradient.\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": "ai-writesonic", "name": "Writesonic", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A compact AI-search headline leads to a before-and-after report comparison framed by fine orange rays.", "use_for": "A compact AI-search headline leads to a before-and-after report comparison framed by fine orange rays.", "source_url": "https://writesonic.com/", "reference_url": "https://swipefile.design/ref/ai-writesonic/", "screenshot_url": "https://swipefile.design/_astro/preview.Cb--VzGC.webp", "thumbnail_url": "https://swipefile.design/_astro/card.3BPrZ-CB.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "marketing", "search", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Clear and product-focused.", "colors": "Ivory, charcoal and orange", "typography": "Prominent display heading with smaller supporting copy and navigation.", "layout": "Centered message and action above side-by-side report panels.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Writesonic\nSource: https://writesonic.com/\nSwipefile reference: https://swipefile.design/ref/ai-writesonic/\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: Clear and product-focused.\n- colors: Ivory, charcoal and orange\n- typography: Prominent display heading with smaller supporting copy and navigation.\n- layout: Centered message and action above side-by-side report panels.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A compact AI-search headline leads to a before-and-after report comparison framed by fine orange rays.\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": "ai-browserbase", "name": "Browserbase", "kind": "inspiration", "archetype": "Pixel Mono", "summary": "An orange highlighted headline sits over a pixel-textured mountain landscape, with two compact developer actions.", "use_for": "An orange highlighted headline sits over a pixel-textured mountain landscape, with two compact developer actions.", "source_url": "https://www.browserbase.com/", "reference_url": "https://swipefile.design/ref/ai-browserbase/", "screenshot_url": "https://swipefile.design/_astro/preview.jquTmDnp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DDJCUhWC.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Orange, pale blue, black and lime", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Centered statement and actions above a wide stippled landscape.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Browserbase\nSource: https://www.browserbase.com/\nSwipefile reference: https://swipefile.design/ref/ai-browserbase/\nCaptured: 2026-09-06. 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 expressive.\n- colors: Orange, pale blue, black and lime\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Centered statement and actions above a wide stippled landscape.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An orange highlighted headline sits over a pixel-textured mountain landscape, with two compact developer 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": "ai-browser-use", "name": "Browser Use", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "An oversized serif headline on black contrasts an italic orange phrase with compact actions and grayscale proof logos.", "use_for": "An oversized serif headline on black contrasts an italic orange phrase with compact actions and grayscale proof logos.", "source_url": "https://browser-use.com/", "reference_url": "https://swipefile.design/ref/ai-browser-use/", "screenshot_url": "https://swipefile.design/_astro/preview.BSp6g7W8.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CEwrDNU4.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Black, white and orange", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Centered editorial hero above a customer-logo strip and particle illustration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Browser Use\nSource: https://browser-use.com/\nSwipefile reference: https://swipefile.design/ref/ai-browser-use/\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 expressive.\n- colors: Black, white and orange\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Centered editorial hero above a customer-logo strip and particle illustration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An oversized serif headline on black contrasts an italic orange phrase with compact actions and grayscale proof logos.\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": "ai-firecrawl", "name": "Firecrawl", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A grid-backed data-API homepage uses orange text emphasis and a query box with search, scrape, map and crawl tabs.", "use_for": "A grid-backed data-API homepage uses orange text emphasis and a query box with search, scrape, map and crawl tabs.", "source_url": "https://www.firecrawl.dev/", "reference_url": "https://swipefile.design/ref/ai-firecrawl/", "screenshot_url": "https://swipefile.design/_astro/preview.CENSO7LU.webp", "thumbnail_url": "https://swipefile.design/_astro/card.pDED7Gjv.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "search", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "White, charcoal and bright orange", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Centered headline and actions above a multi-mode prompt preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Firecrawl\nSource: https://www.firecrawl.dev/\nSwipefile reference: https://swipefile.design/ref/ai-firecrawl/\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 expressive.\n- colors: White, charcoal and bright orange\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Centered headline and actions above a multi-mode prompt preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A grid-backed data-API homepage uses orange text emphasis and a query box with search, scrape, map and crawl tabs.\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": "ai-jina", "name": "Jina AI", "kind": "inspiration", "archetype": "Swiss Minimalist", "summary": "A spare search-infrastructure homepage gives a left-aligned two-weight headline and three outlined actions ample space.", "use_for": "A spare search-infrastructure homepage gives a left-aligned two-weight headline and three outlined actions ample space.", "source_url": "https://jina.ai/", "reference_url": "https://swipefile.design/ref/ai-jina/", "screenshot_url": "https://swipefile.design/_astro/preview.D0YR-s9l.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C8FqkzmG.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "search", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Near-white, black and subtle cool tones", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Large left-aligned type and a simple segmented action row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Jina AI\nSource: https://jina.ai/\nSwipefile reference: https://swipefile.design/ref/ai-jina/\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 expressive.\n- colors: Near-white, black and subtle cool tones\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Large left-aligned type and a simple segmented action row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A spare search-infrastructure homepage gives a left-aligned two-weight headline and three outlined actions ample space.\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": "ai-parallel", "name": "Parallel", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A left-aligned infrastructure statement leads to a large blue panel with mode tabs and a sample task composer.", "use_for": "A left-aligned infrastructure statement leads to a large blue panel with mode tabs and a sample task composer.", "source_url": "https://parallel.ai/", "reference_url": "https://swipefile.design/ref/ai-parallel/", "screenshot_url": "https://swipefile.design/_astro/preview.EntxZxUR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.EzHLPJcn.webp", "captured": "2026-09-05", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "search", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "White, charcoal, orange and sky blue", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Wide typography row above a framed demonstration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Parallel\nSource: https://parallel.ai/\nSwipefile reference: https://swipefile.design/ref/ai-parallel/\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 expressive.\n- colors: White, charcoal, orange and sky blue\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Wide typography row above a framed demonstration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A left-aligned infrastructure statement leads to a large blue panel with mode tabs and a sample task composer.\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": "ai-deepseek", "name": "DeepSeek", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A pale-blue model homepage balances a light headline and two entry cards against a large recruiting tile.", "use_for": "A pale-blue model homepage balances a light headline and two entry cards against a large recruiting tile.", "source_url": "https://www.deepseek.com/en/", "reference_url": "https://swipefile.design/ref/ai-deepseek/", "screenshot_url": "https://swipefile.design/_astro/preview.rOzeV-Jo.webp", "thumbnail_url": "https://swipefile.design/_astro/card.beBEz4EI.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "chat", "models", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Pale blue, navy and white", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Asymmetric two-column hero with rounded route cards.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: DeepSeek\nSource: https://www.deepseek.com/en/\nSwipefile reference: https://swipefile.design/ref/ai-deepseek/\nCaptured: 2026-09-06. 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 expressive.\n- colors: Pale blue, navy and white\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Asymmetric two-column hero with rounded route cards.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A pale-blue model homepage balances a light headline and two entry cards against a large recruiting tile.\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": "ai-nvidia-ai", "name": "NVIDIA AI", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A bold AI-agent headline overlays product photography with green actions and a secondary section navigation bar.", "use_for": "A bold AI-agent headline overlays product photography with green actions and a secondary section navigation bar.", "source_url": "https://www.nvidia.com/en-us/ai/", "reference_url": "https://swipefile.design/ref/ai-nvidia-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.BYbFEsiG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dzo9Zwb_.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "infrastructure", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "White, black and NVIDIA green", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Left-aligned text over a photographic banner with a dark section strip below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: NVIDIA AI\nSource: https://www.nvidia.com/en-us/ai/\nSwipefile reference: https://swipefile.design/ref/ai-nvidia-ai/\nCaptured: 2026-09-06. 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 expressive.\n- colors: White, black and NVIDIA green\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Left-aligned text over a photographic banner with a dark section strip below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bold AI-agent headline overlays product photography with green actions and a secondary section navigation bar.\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": "ai-assemblyai", "name": "AssemblyAI", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A large serif voice-infrastructure title faces compact supporting copy above a tabbed transcription and code demonstration.", "use_for": "A large serif voice-infrastructure title faces compact supporting copy above a tabbed transcription and code demonstration.", "source_url": "https://www.assemblyai.com/", "reference_url": "https://swipefile.design/ref/ai-assemblyai/", "screenshot_url": "https://swipefile.design/_astro/preview.p98jpB4f.webp", "thumbnail_url": "https://swipefile.design/_astro/card.PtJOroag.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "developer-tools", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Ivory, black and violet", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Split introduction above a three-column demo interface.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: AssemblyAI\nSource: https://www.assemblyai.com/\nSwipefile reference: https://swipefile.design/ref/ai-assemblyai/\nCaptured: 2026-09-06. 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 expressive.\n- colors: Ivory, black and violet\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Split introduction above a three-column demo interface.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A large serif voice-infrastructure title faces compact supporting copy above a tabbed transcription and code demonstration.\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": "ai-vapi", "name": "Vapi", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A customer photograph fills the hero behind a large human-centered voice headline and a compact call-demo control.", "use_for": "A customer photograph fills the hero behind a large human-centered voice headline and a compact call-demo control.", "source_url": "https://vapi.ai/", "reference_url": "https://swipefile.design/ref/ai-vapi/", "screenshot_url": "https://swipefile.design/_astro/preview.DgDEozvV.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D8XStqQL.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "agents", "ai-fifty", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Muted green, white and charcoal", "typography": "Clear display typography with smaller navigation, labels and supporting copy.", "layout": "Left-aligned text and controls over a full-width photographic scene.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Restrained interface surfaces; imagery and color carry the visual emphasis.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Vapi\nSource: https://vapi.ai/\nSwipefile reference: https://swipefile.design/ref/ai-vapi/\nCaptured: 2026-09-06. 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 expressive.\n- colors: Muted green, white and charcoal\n- typography: Clear display typography with smaller navigation, labels and supporting copy.\n- layout: Left-aligned text and controls over a full-width photographic scene.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Restrained interface surfaces; imagery and color carry the visual emphasis.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A customer photograph fills the hero behind a large human-centered voice headline and a compact call-demo control.\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." } ] }