{ "version": 1, "name": "AI websites ยท Coding, voice & infrastructure", "url": "https://swipefile.design/board/ai-websites-coding-voice-infrastructure/", "markdown_url": "https://swipefile.design/board/ai-websites-coding-voice-infrastructure/notes.md", "json_url": "https://swipefile.design/board/ai-websites-coding-voice-infrastructure/data.json", "pdf_url": "https://swipefile.design/board/ai-websites-coding-voice-infrastructure/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-next-ampcode", "name": "Amp", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A dark olive hero surrounds an editorial agent headline with floating command chips, followed by a pale feature strip.", "use_for": "A dark olive hero surrounds an editorial agent headline with floating command chips, followed by a pale feature strip.", "source_url": "https://ampcode.com/", "reference_url": "https://swipefile.design/ref/ai-next-ampcode/", "screenshot_url": "https://swipefile.design/_astro/preview.D5uC0l9X.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BBeDnW0Y.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Olive, black and warm orange", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Centered title and action within a broad atmospheric hero.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Amp\nSource: https://ampcode.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-ampcode/\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: Olive, black and warm orange\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Centered title and action within a broad atmospheric hero.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark olive hero surrounds an editorial agent headline with floating command chips, followed by a pale feature 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-next-augment", "name": "Augment Code", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A green-accented software-factory pitch sits beside an orbital workflow diagram on a black canvas.", "use_for": "A green-accented software-factory pitch sits beside an orbital workflow diagram on a black canvas.", "source_url": "https://www.augmentcode.com/", "reference_url": "https://swipefile.design/ref/ai-next-augment/", "screenshot_url": "https://swipefile.design/_astro/preview.CncxVUJg.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DHGqvmjb.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Black, green and gray", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Left-led copy opposite a labeled process diagram and logos.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Augment Code\nSource: https://www.augmentcode.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-augment/\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: Black, green and gray\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Left-led copy opposite a labeled process diagram and logos.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A green-accented software-factory pitch sits beside an orbital workflow diagram on a black 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-next-cognition", "name": "Cognition", "kind": "inspiration", "archetype": "Editorial Corporate", "summary": "A minimal company introduction pairs a vertical text navigation with concise research copy and customer logos.", "use_for": "A minimal company introduction pairs a vertical text navigation with concise research copy and customer logos.", "source_url": "https://cognition.com/", "reference_url": "https://swipefile.design/ref/ai-next-cognition/", "screenshot_url": "https://swipefile.design/_astro/preview.-P0932m8.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BudfH4Tf.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "research", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Off-white, black and gray", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Narrow left rail and a compact editorial content column.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Cognition\nSource: https://cognition.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-cognition/\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: Off-white, black and gray\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Narrow left rail and a compact editorial content column.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A minimal company introduction pairs a vertical text navigation with concise research copy and customer 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-next-devin", "name": "Devin", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A centered software-engineer headline introduces two compact actions and a wide agent-workspace preview.", "use_for": "A centered software-engineer headline introduces two compact actions and a wide agent-workspace preview.", "source_url": "https://devin.ai/", "reference_url": "https://swipefile.design/ref/ai-next-devin/", "screenshot_url": "https://swipefile.design/_astro/preview.DVpL2AzY.webp", "thumbnail_url": "https://swipefile.design/_astro/card.hxH_uO2p.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Warm white, charcoal and pale blue", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Centered introduction above a framed product screenshot.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Devin\nSource: https://devin.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-devin/\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: Warm white, charcoal and pale blue\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Centered introduction above a framed product screenshot.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered software-engineer headline introduces two compact actions and a wide agent-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-next-factory", "name": "Factory", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "An industrial-themed software-development statement sits above restrained actions and a cropped terminal preview.", "use_for": "An industrial-themed software-development statement sits above restrained actions and a cropped terminal preview.", "source_url": "https://factory.ai/", "reference_url": "https://swipefile.design/ref/ai-next-factory/", "screenshot_url": "https://swipefile.design/_astro/preview.DNwftCU1.webp", "thumbnail_url": "https://swipefile.design/_astro/card.U1O6g0jk.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "White, black and muted gray", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Centered typography and small mode labels above a broad product panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Factory\nSource: https://factory.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-factory/\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 muted gray\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Centered typography and small mode labels above a broad product panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An industrial-themed software-development statement sits above restrained actions and a cropped terminal 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-next-greptile", "name": "Greptile", "kind": "inspiration", "archetype": "Dithered Classical", "summary": "An oversized code-review headline faces a detailed engraved creature illustration with small green entry actions.", "use_for": "An oversized code-review headline faces a detailed engraved creature illustration with small green entry actions.", "source_url": "https://www.greptile.com/", "reference_url": "https://swipefile.design/ref/ai-next-greptile/", "screenshot_url": "https://swipefile.design/_astro/preview.CbcoFHvl.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Ba7v73ov.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "review", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and expressive.", "colors": "Pale gray, charcoal and mint", "typography": "Distinctive display typography supported by smaller, legible navigation and body copy.", "layout": "Bold copy left and large monochrome illustration right.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration and interface imagery provide the visual detail.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Greptile\nSource: https://www.greptile.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-greptile/\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 gray, charcoal and mint\n- typography: Distinctive display typography supported by smaller, legible navigation and body copy.\n- layout: Bold copy left and large monochrome illustration right.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration and interface imagery provide the visual detail.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An oversized code-review headline faces a detailed engraved creature illustration with small green entry 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-next-bardeen", "name": "Bardeen", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A violet lead-discovery hero pairs a centered serif statement with a compact workflow preview at the fold.", "use_for": "A violet lead-discovery hero pairs a centered serif statement with a compact workflow preview at the fold.", "source_url": "https://www.bardeen.ai/", "reference_url": "https://swipefile.design/ref/ai-next-bardeen/", "screenshot_url": "https://swipefile.design/_astro/preview.DUjhYFha.webp", "thumbnail_url": "https://swipefile.design/_astro/card.WBVtvjpe.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "automation", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Violet, white and charcoal", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Rounded color field with centered copy above a wide task interface.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Bardeen\nSource: https://www.bardeen.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-bardeen/\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: Distinctive and product-focused.\n- colors: Violet, white and charcoal\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Rounded color field with centered copy above a wide task interface.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A violet lead-discovery hero pairs a centered serif statement with a compact workflow preview at the fold.\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-next-bricks", "name": "Bricks", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A minimal data-visualization entry places a small composer above media-type chips and a strip of examples.", "use_for": "A minimal data-visualization entry places a small composer above media-type chips and a strip of examples.", "source_url": "https://www.thebricks.com/", "reference_url": "https://swipefile.design/ref/ai-next-bricks/", "screenshot_url": "https://swipefile.design/_astro/preview.7XQB2mOX.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Civjcn5e.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "data", "visualization", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Pale blue, lavender, white and navy", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered prompt on a pale gradient above dashboard thumbnails.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Bricks\nSource: https://www.thebricks.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-bricks/\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: Distinctive and product-focused.\n- colors: Pale blue, lavender, white and navy\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered prompt on a pale gradient above dashboard thumbnails.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A minimal data-visualization entry places a small composer above media-type chips and a strip of 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-next-cerebras", "name": "Cerebras", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A dramatic black hardware scene places a spaced vertical statement beside a slowly revealed compute system.", "use_for": "A dramatic black hardware scene places a spaced vertical statement beside a slowly revealed compute system.", "source_url": "https://www.cerebras.ai/", "reference_url": "https://swipefile.design/ref/ai-next-cerebras/", "screenshot_url": "https://swipefile.design/_astro/preview.B2kjLDct.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CpzdAKuy.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "hardware", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Black, orange and warm white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Slim header and full-width dark hardware hero.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Cerebras\nSource: https://www.cerebras.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-cerebras/\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: Distinctive and product-focused.\n- colors: Black, orange and warm white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Slim header and full-width dark hardware hero.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dramatic black hardware scene places a spaced vertical statement beside a slowly revealed compute system.\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-next-coderabbit", "name": "CodeRabbit", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A concise code-security message introduces an interface preview inside a restrained near-black page.", "use_for": "A concise code-security message introduces an interface preview inside a restrained near-black page.", "source_url": "https://www.coderabbit.ai/", "reference_url": "https://swipefile.design/ref/ai-next-coderabbit/", "screenshot_url": "https://swipefile.design/_astro/preview.D942Tolt.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CLorBnW9.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "review", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Near-black, white and orange", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Asymmetric headline and explanation above a product screenshot.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: CodeRabbit\nSource: https://www.coderabbit.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-coderabbit/\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: Distinctive and product-focused.\n- colors: Near-black, white and orange\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Asymmetric headline and explanation above a product screenshot.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A concise code-security message introduces an interface preview inside a restrained near-black page.\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-next-crusoe", "name": "Crusoe", "kind": "inspiration", "archetype": "Terminal / Mono", "summary": "A monospaced cloud headline sits beside a fine wireframe form, with lime highlights marking actions and section edges.", "use_for": "A monospaced cloud headline sits beside a fine wireframe form, with lime highlights marking actions and section edges.", "source_url": "https://www.crusoe.ai/", "reference_url": "https://swipefile.design/ref/ai-next-crusoe/", "screenshot_url": "https://swipefile.design/_astro/preview.DejuCAZZ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.pfFd74ma.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "developer-tools", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Black, cream and acid lime", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Strong two-column split over a black canvas.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Crusoe\nSource: https://www.crusoe.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-crusoe/\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: Distinctive and product-focused.\n- colors: Black, cream and acid lime\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Strong two-column split over a black canvas.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A monospaced cloud headline sits beside a fine wireframe form, with lime highlights marking actions and section edges.\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-next-deepinfra", "name": "DeepInfra", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "An inference headline and small actions face a stack of model cards threaded with fine blue lines.", "use_for": "An inference headline and small actions face a stack of model cards threaded with fine blue lines.", "source_url": "https://deepinfra.com/", "reference_url": "https://swipefile.design/ref/ai-next-deepinfra/", "screenshot_url": "https://swipefile.design/_astro/preview.CWooAKZC.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DQNY4Smm.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "models", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Midnight blue, electric blue and white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Left-aligned introduction opposite a layered model illustration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: DeepInfra\nSource: https://deepinfra.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-deepinfra/\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: Distinctive and product-focused.\n- colors: Midnight blue, electric blue and white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Left-aligned introduction opposite a layered model illustration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An inference headline and small actions face a stack of model cards threaded with fine blue lines.\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-next-fireworks", "name": "Fireworks AI", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A compact model-ownership pitch faces violet prompt panels and company marks before a broad proof strip.", "use_for": "A compact model-ownership pitch faces violet prompt panels and company marks before a broad proof strip.", "source_url": "https://fireworks.ai/", "reference_url": "https://swipefile.design/ref/ai-next-fireworks/", "screenshot_url": "https://swipefile.design/_astro/preview.DTKi9v9w.webp", "thumbnail_url": "https://swipefile.design/_astro/card.di7VemOc.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "models", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "White, black and vivid violet", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Two-column text-and-prompt hero with logos below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Fireworks AI\nSource: https://fireworks.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-fireworks/\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: Distinctive and product-focused.\n- colors: White, black and vivid violet\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Two-column text-and-prompt hero with logos below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A compact model-ownership pitch faces violet prompt panels and company marks before a broad proof 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-next-friendli", "name": "FriendliAI", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A frontier inference headline is paired with a large deployment-interface preview and a row of model-provider marks.", "use_for": "A frontier inference headline is paired with a large deployment-interface preview and a row of model-provider marks.", "source_url": "https://friendli.ai/", "reference_url": "https://swipefile.design/ref/ai-next-friendli/", "screenshot_url": "https://swipefile.design/_astro/preview.C1qU6x5w.webp", "thumbnail_url": "https://swipefile.design/_astro/card.5P16tdp_.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "models", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "White, sky blue and charcoal", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Left copy and blue action beside a framed dashboard image.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: FriendliAI\nSource: https://friendli.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-friendli/\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: Distinctive and product-focused.\n- colors: White, sky blue and charcoal\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Left copy and blue action beside a framed dashboard image.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A frontier inference headline is paired with a large deployment-interface preview and a row of model-provider marks.\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-next-kilo", "name": "Kilo Code", "kind": "inspiration", "archetype": "Terminal / Mono", "summary": "A monospaced coding statement uses lime emphasis above an input-style code example and proof logos.", "use_for": "A monospaced coding statement uses lime emphasis above an input-style code example and proof logos.", "source_url": "https://kilo.ai/", "reference_url": "https://swipefile.design/ref/ai-next-kilo/", "screenshot_url": "https://swipefile.design/_astro/preview.CX4EBUCi.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Cv4cM86o.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Black, ivory and lime", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered headline and small controls on black.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Kilo Code\nSource: https://kilo.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-kilo/\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: Distinctive and product-focused.\n- colors: Black, ivory and lime\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered headline and small controls on black.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A monospaced coding statement uses lime emphasis above an input-style code example and 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-next-lambda", "name": "Lambda", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "Oversized compute typography fills a dark hero with streaking light, paired actions and a three-part capability strip.", "use_for": "Oversized compute typography fills a dark hero with streaking light, paired actions and a three-part capability strip.", "source_url": "https://lambda.ai/", "reference_url": "https://swipefile.design/ref/ai-next-lambda/", "screenshot_url": "https://swipefile.design/_astro/preview.eRvhHO_m.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DVD5Wdkl.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "hardware", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Black, ivory and violet", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered title over full-width motion imagery with compact columns below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Lambda\nSource: https://lambda.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-lambda/\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: Distinctive and product-focused.\n- colors: Black, ivory and violet\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered title over full-width motion imagery with compact columns below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: Oversized compute typography fills a dark hero with streaking light, paired actions and a three-part capability 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-next-lindy", "name": "Lindy", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A bold assistant headline and small action lead into a product preview, surrounded by tiny integration symbols.", "use_for": "A bold assistant headline and small action lead into a product preview, surrounded by tiny integration symbols.", "source_url": "https://www.lindy.ai/", "reference_url": "https://swipefile.design/ref/ai-next-lindy/", "screenshot_url": "https://swipefile.design/_astro/preview.BljxwSdT.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DTMvHJBT.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "productivity", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Warm white, navy, blue and gold", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered text and proof above a wide interface crop.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Lindy\nSource: https://www.lindy.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-lindy/\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: Distinctive and product-focused.\n- colors: Warm white, navy, blue and gold\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered text and proof above a wide interface crop.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bold assistant headline and small action lead into a product preview, surrounded by tiny integration symbols.\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-next-magic", "name": "Magic", "kind": "inspiration", "archetype": "Editorial Corporate", "summary": "A compact research mission and text-heavy introduction sit beneath a softly colored atmospheric header.", "use_for": "A compact research mission and text-heavy introduction sit beneath a softly colored atmospheric header.", "source_url": "https://magic.dev/", "reference_url": "https://swipefile.design/ref/ai-next-magic/", "screenshot_url": "https://swipefile.design/_astro/preview.CPKldaNc.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BCexEXfY.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "research", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "White, black and pastel blue-pink", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Asymmetric editorial columns with small navigation.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Magic\nSource: https://magic.dev/\nSwipefile reference: https://swipefile.design/ref/ai-next-magic/\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: Distinctive and product-focused.\n- colors: White, black and pastel blue-pink\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Asymmetric editorial columns with small navigation.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A compact research mission and text-heavy introduction sit beneath a softly colored atmospheric header.\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-next-poolside", "name": "Poolside", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A quiet model homepage uses a narrow left index, concise announcement and a large code-editor preview.", "use_for": "A quiet model homepage uses a narrow left index, concise announcement and a large code-editor preview.", "source_url": "https://poolside.ai/", "reference_url": "https://swipefile.design/ref/ai-next-poolside/", "screenshot_url": "https://swipefile.design/_astro/preview.t1TDMSPW.webp", "thumbnail_url": "https://swipefile.design/_astro/card.ChbamC5z.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "models", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Ivory, black and violet", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Vertical navigation beside editorial copy and a framed code panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Poolside\nSource: https://poolside.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-poolside/\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: Distinctive and product-focused.\n- colors: Ivory, black and violet\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Vertical navigation beside editorial copy and a framed code panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A quiet model homepage uses a narrow left index, concise announcement and a large code-editor 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-next-quadratic", "name": "Quadratic", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A centered AI-spreadsheet introduction leads into three softly lit cards explaining connections, analysis and sharing.", "use_for": "A centered AI-spreadsheet introduction leads into three softly lit cards explaining connections, analysis and sharing.", "source_url": "https://www.quadratichq.com/", "reference_url": "https://swipefile.design/ref/ai-next-quadratic/", "screenshot_url": "https://swipefile.design/_astro/preview.BWS6v6sY.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DPgQ7Fai.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "data", "spreadsheets", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "White, blue and lavender", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered headline above a broad three-panel product preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Quadratic\nSource: https://www.quadratichq.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-quadratic/\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: Distinctive and product-focused.\n- colors: White, blue and lavender\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered headline above a broad three-panel product preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered AI-spreadsheet introduction leads into three softly lit cards explaining connections, analysis and sharing.\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-next-replicate-company", "name": "Replicate", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "A white API headline overlays a saturated pink-and-yellow gradient with a split code-and-image demonstration below.", "use_for": "A white API headline overlays a saturated pink-and-yellow gradient with a split code-and-image demonstration below.", "source_url": "https://replicate.com/", "reference_url": "https://swipefile.design/ref/ai-next-replicate-company/", "screenshot_url": "https://swipefile.design/_astro/preview.BYp6Gre-.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B9tFYObd.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "models", "developer-tools", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Magenta, yellow, white and black", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Left-led text above paired code and output panels.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Replicate\nSource: https://replicate.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-replicate-company/\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: Distinctive and product-focused.\n- colors: Magenta, yellow, white and black\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Left-led text above paired code and output panels.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A white API headline overlays a saturated pink-and-yellow gradient with a split code-and-image demonstration below.\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-next-roo-code", "name": "Roomote by Roo Code", "kind": "inspiration", "archetype": "Bold Type-Driven", "summary": "A bright lime coding hero pairs a rough-edged wordmark with compact developer actions, followed by a black feature section.", "use_for": "A bright lime coding hero pairs a rough-edged wordmark with compact developer actions, followed by a black feature section.", "source_url": "https://roomote.dev/", "reference_url": "https://swipefile.design/ref/ai-next-roo-code/", "screenshot_url": "https://swipefile.design/_astro/preview.C0MW3LSJ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DBtXnf2d.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "coding", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Lime, black and white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Full-width lime band above contrasting dark product content.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Roomote by Roo Code\nSource: https://roomote.dev/\nSwipefile reference: https://swipefile.design/ref/ai-next-roo-code/\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: Distinctive and product-focused.\n- colors: Lime, black and white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Full-width lime band above contrasting dark product content.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bright lime coding hero pairs a rough-edged wordmark with compact developer actions, followed by a black feature section.\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-next-rox", "name": "Rox", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A customer interview scene fills the hero behind a small centered revenue-agent statement and paired actions.", "use_for": "A customer interview scene fills the hero behind a small centered revenue-agent statement and paired actions.", "source_url": "https://www.rox.com/", "reference_url": "https://swipefile.design/ref/ai-next-rox/", "screenshot_url": "https://swipefile.design/_astro/preview.0MEIv79y.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CWoj2ft-.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "sales", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Warm photographic browns, cream and gray", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Full-width video still with centered lower copy and proof logos.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Rox\nSource: https://www.rox.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-rox/\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: Distinctive and product-focused.\n- colors: Warm photographic browns, cream and gray\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Full-width video still with centered lower copy and proof logos.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A customer interview scene fills the hero behind a small centered revenue-agent statement and paired 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-next-runpod", "name": "RunPod", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A violet developer-cloud scene pairs a left-led headline and input-like entry with illuminated floating frames.", "use_for": "A violet developer-cloud scene pairs a left-led headline and input-like entry with illuminated floating frames.", "source_url": "https://www.runpod.io/", "reference_url": "https://swipefile.design/ref/ai-next-runpod/", "screenshot_url": "https://swipefile.design/_astro/preview.DInKff8X.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DFPmCmUh.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "developer-tools", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Deep purple, violet and white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Text left and abstract 3D frames right above logos.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: RunPod\nSource: https://www.runpod.io/\nSwipefile reference: https://swipefile.design/ref/ai-next-runpod/\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: Distinctive and product-focused.\n- colors: Deep purple, violet and white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Text left and abstract 3D frames right above logos.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A violet developer-cloud scene pairs a left-led headline and input-like entry with illuminated floating frames.\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-next-rogo", "name": "Rogo", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A finance-agent statement sits over a muted city waterfront scene with one small request-demo action.", "use_for": "A finance-agent statement sits over a muted city waterfront scene with one small request-demo action.", "source_url": "https://rogo.com/", "reference_url": "https://swipefile.design/ref/ai-next-rogo/", "screenshot_url": "https://swipefile.design/_astro/preview.ESL3fygu.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CmhrYti5.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "finance", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Slate, warm gray and white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Centered serif text on a full-width photograph above client marks.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Rogo\nSource: https://rogo.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-rogo/\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: Distinctive and product-focused.\n- colors: Slate, warm gray and white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Centered serif text on a full-width photograph above client marks.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A finance-agent statement sits over a muted city waterfront scene with one small request-demo 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-next-nebius", "name": "Nebius", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "An oversized cloud title crosses a bright lime wave, with compact navigation and restrained actions.", "use_for": "An oversized cloud title crosses a bright lime wave, with compact navigation and restrained actions.", "source_url": "https://nebius.com/", "reference_url": "https://swipefile.design/ref/ai-next-nebius/", "screenshot_url": "https://swipefile.design/_astro/preview.BdCKcKFE.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CZXi-ObW.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "infrastructure", "hardware", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Distinctive and product-focused.", "colors": "Lime, pale blue, black and white", "typography": "Display heading establishes the hierarchy; navigation and supporting copy remain compact.", "layout": "Full-width graphic hero followed by a short supporting introduction.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Visual emphasis comes from imagery, graphics or product previews.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Nebius\nSource: https://nebius.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-nebius/\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: Distinctive and product-focused.\n- colors: Lime, pale blue, black and white\n- typography: Display heading establishes the hierarchy; navigation and supporting copy remain compact.\n- layout: Full-width graphic hero followed by a short supporting introduction.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Visual emphasis comes from imagery, graphics or product previews.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An oversized cloud title crosses a bright lime wave, with compact navigation and restrained 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-next-braintrust", "name": "Braintrust", "kind": "inspiration", "archetype": "Pixel Mono", "summary": "A spare agent-quality introduction is followed by a fine blue field of marks and a dense customer-logo grid.", "use_for": "A spare agent-quality introduction is followed by a fine blue field of marks and a dense customer-logo grid.", "source_url": "https://www.braintrust.dev/", "reference_url": "https://swipefile.design/ref/ai-next-braintrust/", "screenshot_url": "https://swipefile.design/_astro/preview._00KjlEM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CcAC5Ku0.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "evaluation", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, charcoal and blue", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Left-led headline above a wide graphic band and proof grid.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Braintrust\nSource: https://www.braintrust.dev/\nSwipefile reference: https://swipefile.design/ref/ai-next-braintrust/\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 distinctive.\n- colors: White, charcoal and blue\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Left-led headline above a wide graphic band and proof grid.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A spare agent-quality introduction is followed by a fine blue field of marks and a dense customer-logo grid.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ai-next-browse-ai", "name": "Browse AI", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A broad data-extraction headline uses violet emphasis, a single centered action and a short product explanation below.", "use_for": "A broad data-extraction headline uses violet emphasis, a single centered action and a short product explanation below.", "source_url": "https://www.browse.ai/", "reference_url": "https://swipefile.design/ref/ai-next-browse-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.Ceyvj1Zr.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DYtKEFYr.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "automation", "data", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, charcoal and violet", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered typographic hero with compact proof and explanatory sections.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Browse AI\nSource: https://www.browse.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-browse-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 distinctive.\n- colors: White, charcoal and violet\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered typographic hero with compact proof and explanatory sections.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A broad data-extraction headline uses violet emphasis, a single centered action and a short product explanation below.\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-next-coactive", "name": "Coactive AI", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A contextual-media headline faces a compact visual-search interface against a green photographic backdrop.", "use_for": "A contextual-media headline faces a compact visual-search interface against a green photographic backdrop.", "source_url": "https://www.coactive.ai/", "reference_url": "https://swipefile.design/ref/ai-next-coactive/", "screenshot_url": "https://swipefile.design/_astro/preview.Bvru8hX3.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CxN6WgfB.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "media", "computer-vision", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Forest green, lime, white and teal", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Split copy and product preview inside a broad hero scene.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Coactive AI\nSource: https://www.coactive.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-coactive/\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 distinctive.\n- colors: Forest green, lime, white and teal\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Split copy and product preview inside a broad hero scene.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A contextual-media headline faces a compact visual-search interface against a green photographic 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-next-enot", "name": "Encord", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A data-platform headline sits over a city panorama inside a rounded hero panel, with a small lime action.", "use_for": "A data-platform headline sits over a city panorama inside a rounded hero panel, with a small lime action.", "source_url": "https://encord.com/", "reference_url": "https://swipefile.design/ref/ai-next-enot/", "screenshot_url": "https://swipefile.design/_astro/preview.BHhXEQAG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DwYA5GAF.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "data", "computer-vision", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, gray, slate and lime", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Contained photographic hero above a client-logo strip.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Encord\nSource: https://encord.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-enot/\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 distinctive.\n- colors: White, gray, slate and lime\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Contained photographic hero above a client-logo strip.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A data-platform headline sits over a city panorama inside a rounded hero panel, with a small lime 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-next-frase", "name": "Frase", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A large serif search headline uses green italics and sculptural quotation marks above a report preview.", "use_for": "A large serif search headline uses green italics and sculptural quotation marks above a report preview.", "source_url": "https://www.frase.io/", "reference_url": "https://swipefile.design/ref/ai-next-frase/", "screenshot_url": "https://swipefile.design/_astro/preview.QBHJ35ip.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BPWm8Zxd.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "marketing", "search", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Ivory, black, green and amber", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered editorial typography over a wide report panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Frase\nSource: https://www.frase.io/\nSwipefile reference: https://swipefile.design/ref/ai-next-frase/\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 distinctive.\n- colors: Ivory, black, green and amber\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered editorial typography over a wide report panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A large serif search headline uses green italics and sculptural quotation marks above a report 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-next-galileo-evals", "name": "Galileo", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A dark agent-monitoring introduction combines red emphasis, compact code blocks and three explanatory feature cards.", "use_for": "A dark agent-monitoring introduction combines red emphasis, compact code blocks and three explanatory feature cards.", "source_url": "https://galileo.ai/", "reference_url": "https://swipefile.design/ref/ai-next-galileo-evals/", "screenshot_url": "https://swipefile.design/_astro/preview.yDgmLEPp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CIHhrGvr.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "evaluation", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Deep navy, white and coral", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Split hero above an evenly spaced three-card row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Galileo\nSource: https://galileo.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-galileo-evals/\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 distinctive.\n- colors: Deep navy, white and coral\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Split hero above an evenly spaced three-card row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark agent-monitoring introduction combines red emphasis, compact code blocks and three explanatory feature cards.\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-next-gumloop", "name": "Gumloop", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A small multicolor symbol and concise agent-building headline lead into a large workspace screenshot.", "use_for": "A small multicolor symbol and concise agent-building headline lead into a large workspace screenshot.", "source_url": "https://www.gumloop.com/", "reference_url": "https://swipefile.design/ref/ai-next-gumloop/", "screenshot_url": "https://swipefile.design/_astro/preview.G1hA6VDs.webp", "thumbnail_url": "https://swipefile.design/_astro/card.ABasxcez.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "automation", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, black and multicolor accents", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Left-aligned compact introduction above a broad interface crop.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Gumloop\nSource: https://www.gumloop.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-gumloop/\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 distinctive.\n- colors: White, black and multicolor accents\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Left-aligned compact introduction above a broad interface crop.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A small multicolor symbol and concise agent-building headline lead into a large workspace screenshot.\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-next-helicone", "name": "Helicone", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A blue-emphasized AI-app headline faces floating model-provider icons above a dashboard preview.", "use_for": "A blue-emphasized AI-app headline faces floating model-provider icons above a dashboard preview.", "source_url": "https://www.helicone.ai/", "reference_url": "https://swipefile.design/ref/ai-next-helicone/", "screenshot_url": "https://swipefile.design/_astro/preview.B5uY3YOA.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DitpU6a8.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "monitoring", "developer-tools", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, cyan and charcoal", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Two-column introduction with product analytics below.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Helicone\nSource: https://www.helicone.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-helicone/\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 distinctive.\n- colors: White, cyan and charcoal\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Two-column introduction with product analytics below.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A blue-emphasized AI-app headline faces floating model-provider icons above a dashboard 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-next-koala", "name": "Koala AI", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A dark AI-search homepage places a short headline above a URL-input action and a compact metrics strip.", "use_for": "A dark AI-search homepage places a short headline above a URL-input action and a compact metrics strip.", "source_url": "https://koala.sh/", "reference_url": "https://swipefile.design/ref/ai-next-koala/", "screenshot_url": "https://swipefile.design/_astro/preview.DiCA76DY.webp", "thumbnail_url": "https://swipefile.design/_astro/card.2rfxM8I8.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "marketing", "search", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Deep blue-gray, white and cyan", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered introduction and input above four proof metrics.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Koala AI\nSource: https://koala.sh/\nSwipefile reference: https://swipefile.design/ref/ai-next-koala/\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 distinctive.\n- colors: Deep blue-gray, white and cyan\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered introduction and input above four proof metrics.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A dark AI-search homepage places a short headline above a URL-input action and a compact metrics 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-next-labelbox", "name": "Labelbox", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A large data-engine title shares an ivory hero with a field of tiny colored marks forming an abstract shape.", "use_for": "A large data-engine title shares an ivory hero with a field of tiny colored marks forming an abstract shape.", "source_url": "https://labelbox.com/", "reference_url": "https://swipefile.design/ref/ai-next-labelbox/", "screenshot_url": "https://swipefile.design/_astro/preview.Yc1AMp6u.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BC7ykUMv.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "data", "training", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Ivory, charcoal and restrained multicolor accents", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Left-led typography with a broad generative mark pattern.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Labelbox\nSource: https://labelbox.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-labelbox/\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 distinctive.\n- colors: Ivory, charcoal and restrained multicolor accents\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Left-led typography with a broad generative mark pattern.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A large data-engine title shares an ivory hero with a field of tiny colored marks forming an abstract shape.\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-next-landing-ai", "name": "Landing AI", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A document-AI headline contrasts plain bold type with an italic serif phrase above two compact actions.", "use_for": "A document-AI headline contrasts plain bold type with an italic serif phrase above two compact actions.", "source_url": "https://landing.ai/", "reference_url": "https://swipefile.design/ref/ai-next-landing-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.DjtDQtrG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B3WSeIKg.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "documents", "computer-vision", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, black, dark green and pale lime", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered headline and explanation with geometric illustration at the fold.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Landing AI\nSource: https://landing.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-landing-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 distinctive.\n- colors: White, black, dark green and pale lime\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered headline and explanation with geometric illustration at the fold.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A document-AI headline contrasts plain bold type with an italic serif phrase above two compact 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-next-patronus", "name": "Patronus AI", "kind": "inspiration", "archetype": "Monochrome Dark", "summary": "A centered research statement sits above fine wireframe loops on a nearly black canvas.", "use_for": "A centered research statement sits above fine wireframe loops on a nearly black canvas.", "source_url": "https://www.patronus.ai/", "reference_url": "https://swipefile.design/ref/ai-next-patronus/", "screenshot_url": "https://swipefile.design/_astro/preview.CGiEP3dt.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D_ehioAy.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "research", "evaluation", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Near-black, white and violet", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Large centered headline with a sparse geometric lower section.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Patronus AI\nSource: https://www.patronus.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-patronus/\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 distinctive.\n- colors: Near-black, white and violet\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Large centered headline with a sparse geometric lower section.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A centered research statement sits above fine wireframe loops on a nearly black 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-next-roboflow", "name": "Roboflow", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A concise computer-vision headline leads into paired purple actions and a large industrial video preview.", "use_for": "A concise computer-vision headline leads into paired purple actions and a large industrial video preview.", "source_url": "https://roboflow.com/", "reference_url": "https://swipefile.design/ref/ai-next-roboflow/", "screenshot_url": "https://swipefile.design/_astro/preview.BEDMJdAp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.lZFPn-77.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "computer-vision", "developer-tools", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, violet and slate", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered message above a contained widescreen media panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Roboflow\nSource: https://roboflow.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-roboflow/\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 distinctive.\n- colors: White, violet and slate\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered message above a contained widescreen media panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A concise computer-vision headline leads into paired purple actions and a large industrial video 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-next-scalenut", "name": "Scalenut", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "An AI-search pitch uses pale-blue emphasis above capability icons, paired actions and proof logos on a navy background.", "use_for": "An AI-search pitch uses pale-blue emphasis above capability icons, paired actions and proof logos on a navy background.", "source_url": "https://www.scalenut.com/", "reference_url": "https://swipefile.design/ref/ai-next-scalenut/", "screenshot_url": "https://swipefile.design/_astro/preview.BKI6TTc-.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BDo0sSdz.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "marketing", "search", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Navy, blue and white", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered introduction above capabilities and an analytics preview.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Scalenut\nSource: https://www.scalenut.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-scalenut/\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 distinctive.\n- colors: Navy, blue and white\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered introduction above capabilities and an analytics preview.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An AI-search pitch uses pale-blue emphasis above capability icons, paired actions and proof logos on a navy background.\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-next-stack-ai", "name": "Stack AI", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "An enterprise agent title and two small actions introduce a tightly cropped model-provider interface.", "use_for": "An enterprise agent title and two small actions introduce a tightly cropped model-provider interface.", "source_url": "https://www.stackai.com/", "reference_url": "https://swipefile.design/ref/ai-next-stack-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.nVDwGljz.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CsgQ2Udl.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "automation", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Warm white, black and gray", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Centered text over a broad pale product image.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Stack AI\nSource: https://www.stackai.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-stack-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 distinctive.\n- colors: Warm white, black and gray\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Centered text over a broad pale product image.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An enterprise agent title and two small actions introduce a tightly cropped model-provider 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-next-surfer", "name": "Surfer", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A bold search-visibility headline sits on black above a violet action, audience avatars and a product preview.", "use_for": "A bold search-visibility headline sits on black above a violet action, audience avatars and a product preview.", "source_url": "https://surferseo.com/", "reference_url": "https://swipefile.design/ref/ai-next-surfer/", "screenshot_url": "https://swipefile.design/_astro/preview.Caf1hkpK.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CDlQtYkP.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "marketing", "search", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Black, white and vivid violet", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Left-led typography with a compact social-proof row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Surfer\nSource: https://surferseo.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-surfer/\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 distinctive.\n- colors: Black, white and vivid violet\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Left-led typography with a compact social-proof row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A bold search-visibility headline sits on black above a violet action, audience avatars and a 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-next-toloka", "name": "Toloka", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "A small left-aligned training-data statement floats on a broad pastel gradient with a proof strip at the bottom.", "use_for": "A small left-aligned training-data statement floats on a broad pastel gradient with a proof strip at the bottom.", "source_url": "https://toloka.ai/", "reference_url": "https://swipefile.design/ref/ai-next-toloka/", "screenshot_url": "https://swipefile.design/_astro/preview.CSW4fa00.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Brl-qzMs.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "data", "training", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, lavender, pale green and charcoal", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Spacious left-led hero with a minimal action and lower logo row.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Toloka\nSource: https://toloka.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-toloka/\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 distinctive.\n- colors: White, lavender, pale green and charcoal\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Spacious left-led hero with a minimal action and lower logo row.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A small left-aligned training-data statement floats on a broad pastel gradient with a proof strip at the bottom.\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-next-vectorshift", "name": "VectorShift", "kind": "inspiration", "archetype": "Cinematic Product Hero", "summary": "A serif private-markets statement is centered over a dark architectural image, with one restrained demo action.", "use_for": "A serif private-markets statement is centered over a dark architectural image, with one restrained demo action.", "source_url": "https://www.vectorshift.ai/", "reference_url": "https://swipefile.design/ref/ai-next-vectorshift/", "screenshot_url": "https://swipefile.design/_astro/preview.DFchltob.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CmS48jtR.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "finance", "agents", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Slate, black and white", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Full-width architectural hero beneath a thin white header.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: VectorShift\nSource: https://www.vectorshift.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-vectorshift/\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 distinctive.\n- colors: Slate, black and white\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Full-width architectural hero beneath a thin white header.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A serif private-markets statement is centered over a dark architectural image, with one restrained demo 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-next-vellum", "name": "Vellum", "kind": "inspiration", "archetype": "Illustrated", "summary": "A tall serif product name and short assistant description sit beside a sweeping parade of colorful illustrated characters.", "use_for": "A tall serif product name and short assistant description sit beside a sweeping parade of colorful illustrated characters.", "source_url": "https://www.vellum.ai/", "reference_url": "https://swipefile.design/ref/ai-next-vellum/", "screenshot_url": "https://swipefile.design/_astro/preview.D8fiTXV5.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CaM9JqTt.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "productivity", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "White, black and saturated multicolor accents", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Asymmetric open canvas with text left and character arc right.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Vellum\nSource: https://www.vellum.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-vellum/\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 distinctive.\n- colors: White, black and saturated multicolor accents\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Asymmetric open canvas with text left and character arc right.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A tall serif product name and short assistant description sit beside a sweeping parade of colorful illustrated characters.\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-next-wordware", "name": "Wordware", "kind": "inspiration", "archetype": "Pixel Mono", "summary": "An understated future-of-work headline crosses a large flower illustration made from tiny green text marks.", "use_for": "An understated future-of-work headline crosses a large flower illustration made from tiny green text marks.", "source_url": "https://www.wordware.ai/", "reference_url": "https://swipefile.design/ref/ai-next-wordware/", "screenshot_url": "https://swipefile.design/_astro/preview.C6NJdepP.webp", "thumbnail_url": "https://swipefile.design/_astro/card.zw65R4ZE.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "agents", "workflows", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Focused and distinctive.", "colors": "Ivory, pale green, black and yellow", "typography": "Distinctive headline styling with compact supporting copy and navigation.", "layout": "Sparse centered typography over a full-height typographic illustration.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Illustration, graphics and product previews supply detail without heavy framing.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Wordware\nSource: https://www.wordware.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-wordware/\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 distinctive.\n- colors: Ivory, pale green, black and yellow\n- typography: Distinctive headline styling with compact supporting copy and navigation.\n- layout: Sparse centered typography over a full-height typographic illustration.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Illustration, graphics and product previews supply detail without heavy framing.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: An understated future-of-work headline crosses a large flower illustration made from tiny green text marks.\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-next-murf", "name": "Murf AI", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A gradient voice headline leads into paired studio and API actions on a dark purple stage.", "use_for": "A gradient voice headline leads into paired studio and API actions on a dark purple stage.", "source_url": "https://murf.ai/", "reference_url": "https://swipefile.design/ref/ai-next-murf/", "screenshot_url": "https://swipefile.design/_astro/preview.C56NtoDF.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C5rQnygm.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "audio", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Expressive and technical.", "colors": "Black-purple, pink and orange", "typography": "Compact sans-serif navigation and a broad mixed-color headline.", "layout": "Centered headline above a wide voice-product panel.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Soft colored light and restrained panel outlines.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Murf AI\nSource: https://murf.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-murf/\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: Expressive and technical.\n- colors: Black-purple, pink and orange\n- typography: Compact sans-serif navigation and a broad mixed-color headline.\n- layout: Centered headline above a wide voice-product panel.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Soft colored light and restrained panel outlines.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A gradient voice headline leads into paired studio and API actions on a dark purple stage.\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-next-naturalreaders", "name": "NaturalReader", "kind": "inspiration", "archetype": "Monochrome Dark", "summary": "A text-to-speech introduction places six selectable voice portraits beneath a compact language selector.", "use_for": "A text-to-speech introduction places six selectable voice portraits beneath a compact language selector.", "source_url": "https://www.naturalreaders.com/", "reference_url": "https://swipefile.design/ref/ai-next-naturalreaders/", "screenshot_url": "https://swipefile.design/_astro/preview.DyYFYFBa.webp", "thumbnail_url": "https://swipefile.design/_astro/card.plFjNsT5.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "accessibility", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Accessible and direct.", "colors": "Black, white and blue", "typography": "Rounded geometric headline with compact descriptions.", "layout": "Centered title above a horizontal row of voice samples and a blue action.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Portrait tiles supply warmth on a plain black canvas.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: NaturalReader\nSource: https://www.naturalreaders.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-naturalreaders/\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: Accessible and direct.\n- colors: Black, white and blue\n- typography: Rounded geometric headline with compact descriptions.\n- layout: Centered title above a horizontal row of voice samples and a blue action.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Portrait tiles supply warmth on a plain black canvas.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A text-to-speech introduction places six selectable voice portraits beneath a compact language selector.\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-next-speechify", "name": "Speechify", "kind": "inspiration", "archetype": "Monochrome Dark", "summary": "A broad uppercase voice-tools headline balances a row of playable voice portraits on a black canvas.", "use_for": "A broad uppercase voice-tools headline balances a row of playable voice portraits on a black canvas.", "source_url": "https://speechify.com/", "reference_url": "https://swipefile.design/ref/ai-next-speechify/", "screenshot_url": "https://swipefile.design/_astro/preview.u46SNkFz.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BncpInMm.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "productivity", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Confident and spare.", "colors": "Black, white and violet", "typography": "Wide uppercase headline and restrained small navigation.", "layout": "Left-led hero and proof labels with voice portraits toward the right.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Circular portraits and fine sample-play controls.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: Speechify\nSource: https://speechify.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-speechify/\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: Confident and spare.\n- colors: Black, white and violet\n- typography: Wide uppercase headline and restrained small navigation.\n- layout: Left-led hero and proof labels with voice portraits toward the right.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Circular portraits and fine sample-play controls.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A broad uppercase voice-tools headline balances a row of playable voice portraits on a black 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-next-wellsaid", "name": "WellSaid", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "A concise voiceover headline leads directly into a sample script and voice-selection panel on a pale mint gradient.", "use_for": "A concise voiceover headline leads directly into a sample script and voice-selection panel on a pale mint gradient.", "source_url": "https://www.wellsaid.io/", "reference_url": "https://swipefile.design/ref/ai-next-wellsaid/", "screenshot_url": "https://swipefile.design/_astro/preview.Ba4f4mLG.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DSUOsDw0.webp", "captured": "2026-09-06", "capture_scope": "viewport", "provenance": "live", "tags": [ "ai", "voice", "audio", "ai-next", "september-2026" ], "patterns": [], "design_notes": { "mood": "Calm and approachable.", "colors": "Mint, pale blue, white and charcoal", "typography": "Clear medium-weight headline and small form labels.", "layout": "Centered introduction above a large interactive sample form.", "motion": "Static capture of one viewport. Visit the source to study motion and interaction.", "texture": "Soft pastel field with a simple white demo panel.", "dont": "Adapt the structure to your own content and brand; use your own identity, copy and imagery." }, "recreation_prompt": "# Design reference: WellSaid\nSource: https://www.wellsaid.io/\nSwipefile reference: https://swipefile.design/ref/ai-next-wellsaid/\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: Calm and approachable.\n- colors: Mint, pale blue, white and charcoal\n- typography: Clear medium-weight headline and small form labels.\n- layout: Centered introduction above a large interactive sample form.\n- motion: Static capture of one viewport. Visit the source to study motion and interaction.\n- texture: Soft pastel field with a simple white demo panel.\n- dont: Adapt the structure to your own content and brand; use your own identity, copy and imagery.\n\nUseful for: A concise voiceover headline leads directly into a sample script and voice-selection panel on a pale mint 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." } ] }