{ "version": 1, "name": "Product Hunt discoveries ยท 50 websites", "url": "https://swipefile.design/board/product-hunt-discoveries-50-websites/", "markdown_url": "https://swipefile.design/board/product-hunt-discoveries-50-websites/notes.md", "json_url": "https://swipefile.design/board/product-hunt-discoveries-50-websites/data.json", "pdf_url": "https://swipefile.design/board/product-hunt-discoveries-50-websites/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": "ph-sciptly", "name": "Scriptly", "kind": "inspiration", "archetype": "Light Playful 3D", "summary": "A hand-held phone floats among colorful objects; a narrow editorial introduction anchors the lower left.", "use_for": "Mobile products that need a memorable visual demonstration before a feature tour.", "source_url": "https://jasoneliphalet.com/scriptly", "reference_url": "https://swipefile.design/ref/ph-sciptly/", "screenshot_url": "https://swipefile.design/_astro/preview.D-gXQS5s.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B9uK6-0Q.webp", "captured": "2026-09-08", "capture_scope": "filmstrip", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Motion" ], "design_notes": { "mood": "Airy and playful", "colors": "Sky blue, cloud white, electric blue, and warm orange", "typography": "Instrument Serif headings with smaller supporting copy and clearly separated actions.", "layout": "A hand-held phone floats among colorful objects; a narrow editorial introduction anchors the lower left.", "motion": "Seven viewport frames record the scroll-driven product story. Frames are a sequence, not one continuous page image.", "texture": "Soft clouds, rounded 3D objects, and a photographic hand", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Scriptly\nSource: https://jasoneliphalet.com/scriptly\nSwipefile reference: https://swipefile.design/ref/ph-sciptly/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Airy and playful\n- colors: Sky blue, cloud white, electric blue, and warm orange\n- typography: Instrument Serif headings with smaller supporting copy and clearly separated actions.\n- layout: A hand-held phone floats among colorful objects; a narrow editorial introduction anchors the lower left.\n- motion: Seven viewport frames record the scroll-driven product story. Frames are a sequence, not one continuous page image.\n- texture: Soft clouds, rounded 3D objects, and a photographic hand\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Mobile products that need a memorable visual demonstration before a feature tour.\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": "ph-macaly", "name": "Macaly", "kind": "inspiration", "archetype": "Illustrated", "summary": "Large bold serif copy sits above a hand-drawn mascot holding a prompt field, with doodles scattered around the canvas.", "use_for": "AI builders using illustration and a tangible input to create a distinctive identity.", "source_url": "https://macaly.com/", "reference_url": "https://swipefile.design/ref/ph-macaly/", "screenshot_url": "https://swipefile.design/_astro/preview.CyS5Ioks.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CSZSh9IB.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Inventive and cheerful", "colors": "Chartreuse, black, cream, and white", "typography": "Fraunces Latin headings with smaller supporting copy and clearly separated actions.", "layout": "Large bold serif copy sits above a hand-drawn mascot holding a prompt field, with doodles scattered around the canvas.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Ink-like doodles, irregular organic shapes, and a flat lime background", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Macaly\nSource: https://macaly.com/\nSwipefile reference: https://swipefile.design/ref/ph-macaly/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Inventive and cheerful\n- colors: Chartreuse, black, cream, and white\n- typography: Fraunces Latin headings with smaller supporting copy and clearly separated actions.\n- layout: Large bold serif copy sits above a hand-drawn mascot holding a prompt field, with doodles scattered around the canvas.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Ink-like doodles, irregular organic shapes, and a flat lime background\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: AI builders using illustration and a tangible input to create a distinctive identity.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ph-skala", "name": "Skala", "kind": "inspiration", "archetype": "Big-Photo Immersive", "summary": "A small centered serif heading and dark action sit deep within a wide mountain valley, with customer names along the bottom.", "use_for": "Professional services creating a calm, memorable setting around a small number of actions.", "source_url": "https://skala.io/", "reference_url": "https://swipefile.design/ref/ph-skala/", "screenshot_url": "https://swipefile.design/_astro/preview.orzuuU37.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CSIEvN5W.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Calm and expansive", "colors": "Ice blue, misty white, charcoal, and gray", "typography": "Librebaskerville headings with smaller supporting copy and clearly separated actions.", "layout": "A small centered serif heading and dark action sit deep within a wide mountain valley, with customer names along the bottom.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Misty landscape imagery and restrained translucent navigation", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Skala\nSource: https://skala.io/\nSwipefile reference: https://swipefile.design/ref/ph-skala/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Calm and expansive\n- colors: Ice blue, misty white, charcoal, and gray\n- typography: Librebaskerville headings with smaller supporting copy and clearly separated actions.\n- layout: A small centered serif heading and dark action sit deep within a wide mountain valley, with customer names along the bottom.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Misty landscape imagery and restrained translucent navigation\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Professional services creating a calm, memorable setting around a small number of 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": "ph-tucky", "name": "Tucky", "kind": "inspiration", "archetype": "Editorial Product", "summary": "Heavy compact typography and a highlighted keyword introduce the product above a spacious demonstration area and repeated download action.", "use_for": "Small desktop utilities explaining one focused behavior with generous whitespace.", "source_url": "https://tucky.io/", "reference_url": "https://swipefile.design/ref/ph-tucky/", "screenshot_url": "https://swipefile.design/_astro/preview.C7WtKsdR.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Cf8qtKVz.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Content & media", "Creative tools" ], "design_notes": { "mood": "Warm and focused", "colors": "Warm ivory, near-black, and pale yellow", "typography": "Bricolage Grotesque headings with smaller supporting copy and clearly separated actions.", "layout": "Heavy compact typography and a highlighted keyword introduce the product above a spacious demonstration area and repeated download action.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Paper-like backgrounds and a small illustrated app mark", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Tucky\nSource: https://tucky.io/\nSwipefile reference: https://swipefile.design/ref/ph-tucky/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Warm and focused\n- colors: Warm ivory, near-black, and pale yellow\n- typography: Bricolage Grotesque headings with smaller supporting copy and clearly separated actions.\n- layout: Heavy compact typography and a highlighted keyword introduce the product above a spacious demonstration area and repeated download action.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Paper-like backgrounds and a small illustrated app mark\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Small desktop utilities explaining one focused behavior with generous whitespace.\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": "ph-paste", "name": "Paste", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A concise centered headline and blue trial action lead into overlapping desktop, tablet, and phone product previews.", "use_for": "Multi-device utilities showing continuity across platforms with one strong product composition.", "source_url": "https://pasteapp.io/", "reference_url": "https://swipefile.design/ref/ph-paste/", "screenshot_url": "https://swipefile.design/_astro/preview.muI2G0Iu.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DIbf0I7K.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Clear and confident", "colors": "White, black, bright blue, and orange", "typography": "system-ui headings with smaller supporting copy and clearly separated actions.", "layout": "A concise centered headline and blue trial action lead into overlapping desktop, tablet, and phone product previews.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Crisp device frames and colorful screen content", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Paste\nSource: https://pasteapp.io/\nSwipefile reference: https://swipefile.design/ref/ph-paste/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Clear and confident\n- colors: White, black, bright blue, and orange\n- typography: system-ui headings with smaller supporting copy and clearly separated actions.\n- layout: A concise centered headline and blue trial action lead into overlapping desktop, tablet, and phone product previews.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Crisp device frames and colorful screen content\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Multi-device utilities showing continuity across platforms with one strong product composition.\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": "ph-morgen", "name": "Morgen", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A centered planning message and warm action button lead directly into a large calendar with floating task cards.", "use_for": "Planning apps explaining their value through a legible schedule rather than abstract artwork.", "source_url": "https://morgen.so/", "reference_url": "https://swipefile.design/ref/ph-morgen/", "screenshot_url": "https://swipefile.design/_astro/preview.BEGh6vGV.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DEXSPcfb.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Organized and calm", "colors": "Deep slate, warm yellow, lavender, and white", "typography": "Faktum headings with smaller supporting copy and clearly separated actions.", "layout": "A centered planning message and warm action button lead directly into a large calendar with floating task cards.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Detailed calendar blocks and softly elevated task panels", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Morgen\nSource: https://morgen.so/\nSwipefile reference: https://swipefile.design/ref/ph-morgen/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Organized and calm\n- colors: Deep slate, warm yellow, lavender, and white\n- typography: Faktum headings with smaller supporting copy and clearly separated actions.\n- layout: A centered planning message and warm action button lead directly into a large calendar with floating task cards.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Detailed calendar blocks and softly elevated task panels\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Planning apps explaining their value through a legible schedule rather than abstract artwork.\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": "ph-coldtea", "name": "Coldtea", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A restrained centered headline and small action sit inside a teal vignette, with customer logos along the base.", "use_for": "Developer tools using a calm introduction before detailed workflow explanations.", "source_url": "https://coldtea.ai/", "reference_url": "https://swipefile.design/ref/ph-coldtea/", "screenshot_url": "https://swipefile.design/_astro/preview.V4fdWNU3.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BTPYnSDY.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Quiet and technical", "colors": "Deep teal, charcoal, and cool white", "typography": "DM Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A restrained centered headline and small action sit inside a teal vignette, with customer logos along the base.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft atmospheric gradients and restrained interface panels", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Coldtea\nSource: https://coldtea.ai/\nSwipefile reference: https://swipefile.design/ref/ph-coldtea/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Quiet and technical\n- colors: Deep teal, charcoal, and cool white\n- typography: DM Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A restrained centered headline and small action sit inside a teal vignette, with customer logos along the base.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft atmospheric gradients and restrained interface panels\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Developer tools using a calm introduction before detailed workflow explanations.\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": "ph-databox", "name": "Databox", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A centered serif introduction leads into a wide analytics interface, with small floating product symbols around it.", "use_for": "Analytics products connecting a plain-language promise to a visible interface.", "source_url": "https://databox.com/", "reference_url": "https://swipefile.design/ref/ph-databox/", "screenshot_url": "https://swipefile.design/_astro/preview.cHXILJR0.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BZT4WWl-.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Polished and approachable", "colors": "White, lilac, pale blue, and charcoal", "typography": "IBM Plex Serif headings with smaller supporting copy and clearly separated actions.", "layout": "A centered serif introduction leads into a wide analytics interface, with small floating product symbols around it.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Pastel gradients and detailed dashboard imagery", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Databox\nSource: https://databox.com/\nSwipefile reference: https://swipefile.design/ref/ph-databox/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Polished and approachable\n- colors: White, lilac, pale blue, and charcoal\n- typography: IBM Plex Serif headings with smaller supporting copy and clearly separated actions.\n- layout: A centered serif introduction leads into a wide analytics interface, with small floating product symbols around it.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Pastel gradients and detailed dashboard imagery\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Analytics products connecting a plain-language promise to a visible 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": "ph-assist-4", "name": "Assist", "kind": "inspiration", "archetype": "Big-Photo Immersive", "summary": "A scenic meadow frames bold white copy and a desktop preview, with a compact dark navigation bar above.", "use_for": "Desktop apps using a familiar environment to make technical functions approachable.", "source_url": "https://assistapp.dev/", "reference_url": "https://swipefile.design/ref/ph-assist-4/", "screenshot_url": "https://swipefile.design/_astro/preview.DSh8MPQ5.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BsmINCIh.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Open and optimistic", "colors": "Sky blue, grass green, white, and black", "typography": "Inter headings with smaller supporting copy and clearly separated actions.", "layout": "A scenic meadow frames bold white copy and a desktop preview, with a compact dark navigation bar above.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Landscape photography and a framed desktop screenshot", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Assist\nSource: https://assistapp.dev/\nSwipefile reference: https://swipefile.design/ref/ph-assist-4/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Open and optimistic\n- colors: Sky blue, grass green, white, and black\n- typography: Inter headings with smaller supporting copy and clearly separated actions.\n- layout: A scenic meadow frames bold white copy and a desktop preview, with a compact dark navigation bar above.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Landscape photography and a framed desktop screenshot\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Desktop apps using a familiar environment to make technical functions approachable.\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": "ph-clipnote-2", "name": "Clipnote", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A compact split hero places a short product promise beside a stacked note interface, followed by a quieter explanatory section.", "use_for": "Capture and note products that can explain their value through a small real interface.", "source_url": "https://clipnote.paritto.dev/en", "reference_url": "https://swipefile.design/ref/ph-clipnote-2/", "screenshot_url": "https://swipefile.design/_astro/preview.DDUWDvL7.webp", "thumbnail_url": "https://swipefile.design/_astro/card.D-SD0vlb.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Content & media", "Creative tools" ], "design_notes": { "mood": "Friendly and practical", "colors": "Warm off-white, brick red, and dark brown", "typography": "Plus Jakarta Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A compact split hero places a short product promise beside a stacked note interface, followed by a quieter explanatory section.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Rounded note cards on a lightly tinted canvas", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Clipnote\nSource: https://clipnote.paritto.dev/en\nSwipefile reference: https://swipefile.design/ref/ph-clipnote-2/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Friendly and practical\n- colors: Warm off-white, brick red, and dark brown\n- typography: Plus Jakarta Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A compact split hero places a short product promise beside a stacked note interface, followed by a quieter explanatory section.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Rounded note cards on a lightly tinted canvas\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Capture and note products that can explain their value through a small real 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": "ph-remind-7", "name": "Remind", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "Oversized thin typography sits over ghosted calendar and task windows, creating a focused interruption-themed introduction.", "use_for": "Single-purpose utilities using typography and context rather than decorative illustrations.", "source_url": "https://remind.ing/", "reference_url": "https://swipefile.design/ref/ph-remind-7/", "screenshot_url": "https://swipefile.design/_astro/preview.eqyN3Sro.webp", "thumbnail_url": "https://swipefile.design/_astro/card.vZLuZbVd.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Calm and immersive", "colors": "White, pale gray, and near-black", "typography": "-apple-system headings with smaller supporting copy and clearly separated actions.", "layout": "Oversized thin typography sits over ghosted calendar and task windows, creating a focused interruption-themed introduction.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Low-contrast layered interface windows", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Remind\nSource: https://remind.ing/\nSwipefile reference: https://swipefile.design/ref/ph-remind-7/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Calm and immersive\n- colors: White, pale gray, and near-black\n- typography: -apple-system headings with smaller supporting copy and clearly separated actions.\n- layout: Oversized thin typography sits over ghosted calendar and task windows, creating a focused interruption-themed introduction.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Low-contrast layered interface windows\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Single-purpose utilities using typography and context rather than decorative illustrations.\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": "ph-bloop-4", "name": "Bloop", "kind": "inspiration", "archetype": "Product Showcase", "summary": "An oversized blurred wordmark surrounds a glossy black object, leaving broad white margins and minimal navigation.", "use_for": "Creative audio products that benefit from showing an expressive output immediately.", "source_url": "https://bloooooop.com/", "reference_url": "https://swipefile.design/ref/ph-bloop-4/", "screenshot_url": "https://swipefile.design/_astro/preview.C4rWnl0C.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DYzRJQ-x.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Playful and sculptural", "colors": "White, black, and silver gray", "typography": "-apple-system headings with smaller supporting copy and clearly separated actions.", "layout": "An oversized blurred wordmark surrounds a glossy black object, leaving broad white margins and minimal navigation.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Glossy organic 3D form and blurred background lettering", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Bloop\nSource: https://bloooooop.com/\nSwipefile reference: https://swipefile.design/ref/ph-bloop-4/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Playful and sculptural\n- colors: White, black, and silver gray\n- typography: -apple-system headings with smaller supporting copy and clearly separated actions.\n- layout: An oversized blurred wordmark surrounds a glossy black object, leaving broad white margins and minimal navigation.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Glossy organic 3D form and blurred background lettering\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Creative audio products that benefit from showing an expressive output immediately.\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": "ph-chatgpt-toolbox", "name": "AI Toolbox", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A bold left-aligned headline sits above a detailed conversation-management preview, with browser-install actions close to the copy.", "use_for": "Browser extensions that need to show a concrete before-and-after workflow.", "source_url": "https://ai-toolbox.co/", "reference_url": "https://swipefile.design/ref/ph-chatgpt-toolbox/", "screenshot_url": "https://swipefile.design/_astro/preview.BX_BTE33.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BH4k5Mgb.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Direct and functional", "colors": "White, black, muted blue, and small accent colors", "typography": "Inter headings with smaller supporting copy and clearly separated actions.", "layout": "A bold left-aligned headline sits above a detailed conversation-management preview, with browser-install actions close to the copy.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Product screenshots and small browser/provider icons", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: AI Toolbox\nSource: https://ai-toolbox.co/\nSwipefile reference: https://swipefile.design/ref/ph-chatgpt-toolbox/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Direct and functional\n- colors: White, black, muted blue, and small accent colors\n- typography: Inter headings with smaller supporting copy and clearly separated actions.\n- layout: A bold left-aligned headline sits above a detailed conversation-management preview, with browser-install actions close to the copy.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Product screenshots and small browser/provider icons\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Browser extensions that need to show a concrete before-and-after workflow.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ph-tadata", "name": "Tadata", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A serif statement faces a narrow conversation panel, followed by a day-in-the-life section with plenty of breathing room.", "use_for": "AI assistants explained through an everyday work scenario and visible conversation.", "source_url": "https://tadata.com/", "reference_url": "https://swipefile.design/ref/ph-tadata/", "screenshot_url": "https://swipefile.design/_astro/preview.B0x-XxS1.webp", "thumbnail_url": "https://swipefile.design/_astro/card.RDzdHeZl.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Content & media", "Creative tools" ], "design_notes": { "mood": "Measured and personable", "colors": "White, soft lavender, and charcoal", "typography": "IBM Plex Serif headings with smaller supporting copy and clearly separated actions.", "layout": "A serif statement faces a narrow conversation panel, followed by a day-in-the-life section with plenty of breathing room.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "A patterned device-like frame around chat content", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Tadata\nSource: https://tadata.com/\nSwipefile reference: https://swipefile.design/ref/ph-tadata/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Measured and personable\n- colors: White, soft lavender, and charcoal\n- typography: IBM Plex Serif headings with smaller supporting copy and clearly separated actions.\n- layout: A serif statement faces a narrow conversation panel, followed by a day-in-the-life section with plenty of breathing room.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: A patterned device-like frame around chat content\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: AI assistants explained through an everyday work scenario and visible conversation.\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": "ph-notify-domains", "name": "Notify.domains", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A compact centered promise leads directly to a domain input and green action on an almost black canvas.", "use_for": "Monitoring tools with a simple input-driven first action.", "source_url": "https://notify.domains/", "reference_url": "https://swipefile.design/ref/ph-notify-domains/", "screenshot_url": "https://swipefile.design/_astro/preview.DZfvfphQ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DmyzX49i.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Spare and alert", "colors": "Black, charcoal, bright green, and white", "typography": "ui-sans-serif headings with smaller supporting copy and clearly separated actions.", "layout": "A compact centered promise leads directly to a domain input and green action on an almost black canvas.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Subtle dark surfaces and minimal interface chrome", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Notify.domains\nSource: https://notify.domains/\nSwipefile reference: https://swipefile.design/ref/ph-notify-domains/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Spare and alert\n- colors: Black, charcoal, bright green, and white\n- typography: ui-sans-serif headings with smaller supporting copy and clearly separated actions.\n- layout: A compact centered promise leads directly to a domain input and green action on an almost black canvas.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Subtle dark surfaces and minimal interface chrome\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Monitoring tools with a simple input-driven first 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": "ph-monid", "name": "Monid", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "A heavy centered headline highlights one phrase in blue, then steps down through integration icons, an install command, and a pixel mascot.", "use_for": "Developer infrastructure with a short path from explanation to installation.", "source_url": "https://monid.ai/", "reference_url": "https://swipefile.design/ref/ph-monid/", "screenshot_url": "https://swipefile.design/_astro/preview.Cu7Vqyie.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DBqf3Epg.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Crisp and technical", "colors": "Off-white, black, and cobalt blue", "typography": "Inter Tight headings with smaller supporting copy and clearly separated actions.", "layout": "A heavy centered headline highlights one phrase in blue, then steps down through integration icons, an install command, and a pixel mascot.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Monospaced command bar and a small pixel illustration", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Monid\nSource: https://monid.ai/\nSwipefile reference: https://swipefile.design/ref/ph-monid/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Crisp and technical\n- colors: Off-white, black, and cobalt blue\n- typography: Inter Tight headings with smaller supporting copy and clearly separated actions.\n- layout: A heavy centered headline highlights one phrase in blue, then steps down through integration icons, an install command, and a pixel mascot.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Monospaced command bar and a small pixel illustration\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Developer infrastructure with a short path from explanation to installation.\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": "ph-clipto-ai", "name": "Clipto", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A split introduction pairs bold copy with a file-memory diagram, followed by centered desktop-download choices and social proof.", "use_for": "Cross-platform desktop products introducing an abstract concept through a simple diagram.", "source_url": "https://clipto.com/", "reference_url": "https://swipefile.design/ref/ph-clipto-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.DPbYmlc4.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CTLPSpuH.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Light and welcoming", "colors": "White, mint, pale blue, and black", "typography": "ui-sans-serif headings with smaller supporting copy and clearly separated actions.", "layout": "A split introduction pairs bold copy with a file-memory diagram, followed by centered desktop-download choices and social proof.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft gradient washes and floating file symbols", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Clipto\nSource: https://clipto.com/\nSwipefile reference: https://swipefile.design/ref/ph-clipto-ai/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Light and welcoming\n- colors: White, mint, pale blue, and black\n- typography: ui-sans-serif headings with smaller supporting copy and clearly separated actions.\n- layout: A split introduction pairs bold copy with a file-memory diagram, followed by centered desktop-download choices and social proof.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft gradient washes and floating file symbols\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Cross-platform desktop products introducing an abstract concept through a simple diagram.\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": "ph-docsalot-2", "name": "DocsAlot", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "Centered two-line typography introduces a large product demonstration, with paired actions and compact launch proof between them.", "use_for": "Documentation products that need to make their output visible before describing implementation.", "source_url": "https://docsalot.dev/", "reference_url": "https://swipefile.design/ref/ph-docsalot-2/", "screenshot_url": "https://swipefile.design/_astro/preview.Cl2v0Jqv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.1-hzA3rD.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Clear and systematic", "colors": "White, bright blue, muted teal, and black", "typography": "Geist headings with smaller supporting copy and clearly separated actions.", "layout": "Centered two-line typography introduces a large product demonstration, with paired actions and compact launch proof between them.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Clean browser frames and restrained interface borders", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: DocsAlot\nSource: https://docsalot.dev/\nSwipefile reference: https://swipefile.design/ref/ph-docsalot-2/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Clear and systematic\n- colors: White, bright blue, muted teal, and black\n- typography: Geist headings with smaller supporting copy and clearly separated actions.\n- layout: Centered two-line typography introduces a large product demonstration, with paired actions and compact launch proof between them.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Clean browser frames and restrained interface borders\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Documentation products that need to make their output visible before describing implementation.\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": "ph-dograh", "name": "Dograh", "kind": "inspiration", "archetype": "Terminal / Mono", "summary": "A bracketed monospaced phrase leads the hero, with a prominent call action and a wide conversational demo below.", "use_for": "Voice infrastructure that benefits from a visible sample conversation and a direct trial action.", "source_url": "https://dograh.com/", "reference_url": "https://swipefile.design/ref/ph-dograh/", "screenshot_url": "https://swipefile.design/_astro/preview.tS6GMU5U.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CsWbZdJN.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Technical and conversational", "colors": "Warm charcoal, mint green, beige, and white", "typography": "JetBrains Mono headings with smaller supporting copy and clearly separated actions.", "layout": "A bracketed monospaced phrase leads the hero, with a prominent call action and a wide conversational demo below.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Terminal-like labels, fine rules, and subtle green glow", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Dograh\nSource: https://dograh.com/\nSwipefile reference: https://swipefile.design/ref/ph-dograh/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Technical and conversational\n- colors: Warm charcoal, mint green, beige, and white\n- typography: JetBrains Mono headings with smaller supporting copy and clearly separated actions.\n- layout: A bracketed monospaced phrase leads the hero, with a prominent call action and a wide conversational demo below.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Terminal-like labels, fine rules, and subtle green glow\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Voice infrastructure that benefits from a visible sample conversation and a direct trial 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": "ph-adant-ai", "name": "AdAnt AI", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A wide headline and prompt field sit above a fan of portrait video examples, letting the output carry the introduction.", "use_for": "Creative generators showing a range of outputs before deeper feature explanations.", "source_url": "https://adant.ai/", "reference_url": "https://swipefile.design/ref/ph-adant-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.CRM7vBqU.webp", "thumbnail_url": "https://swipefile.design/_astro/card.WckhfqT6.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Energetic and visual", "colors": "White, warm peach, black, and orange", "typography": "Inter Tight Variable headings with smaller supporting copy and clearly separated actions.", "layout": "A wide headline and prompt field sit above a fan of portrait video examples, letting the output carry the introduction.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Tilted video cards and a soft warm gradient", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: AdAnt AI\nSource: https://adant.ai/\nSwipefile reference: https://swipefile.design/ref/ph-adant-ai/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Energetic and visual\n- colors: White, warm peach, black, and orange\n- typography: Inter Tight Variable headings with smaller supporting copy and clearly separated actions.\n- layout: A wide headline and prompt field sit above a fan of portrait video examples, letting the output carry the introduction.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Tilted video cards and a soft warm gradient\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Creative generators showing a range of outputs before deeper feature explanations.\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": "ph-hey-noah", "name": "Hey Noah", "kind": "inspiration", "archetype": "Dark AI Minimal", "summary": "Centered serif copy and a compact email field sit over a dark performance photograph, with small launch badges as supporting detail.", "use_for": "Concierge-style products using a restrained atmosphere and a single conversion action.", "source_url": "https://heynoah.io/", "reference_url": "https://swipefile.design/ref/ph-hey-noah/", "screenshot_url": "https://swipefile.design/_astro/preview.BUHXG-sa.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DocVHsM4.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "AI interfaces" ], "design_notes": { "mood": "Quiet and cinematic", "colors": "Black, soft gray, white, and pale yellow", "typography": "EditorialNew headings with smaller supporting copy and clearly separated actions.", "layout": "Centered serif copy and a compact email field sit over a dark performance photograph, with small launch badges as supporting detail.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Low-key photography and a large, subdued script wordmark", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Hey Noah\nSource: https://heynoah.io/\nSwipefile reference: https://swipefile.design/ref/ph-hey-noah/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Quiet and cinematic\n- colors: Black, soft gray, white, and pale yellow\n- typography: EditorialNew headings with smaller supporting copy and clearly separated actions.\n- layout: Centered serif copy and a compact email field sit over a dark performance photograph, with small launch badges as supporting detail.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Low-key photography and a large, subdued script wordmark\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Concierge-style products using a restrained atmosphere and a single conversion 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": "ph-tool-finder", "name": "Tool Finder", "kind": "inspiration", "archetype": "Editorial Grid", "summary": "A bold serif heading on a lavender band leads into compact software listings, category tabs, and a visible search field.", "use_for": "Discovery websites balancing an expressive heading with a scannable product catalog.", "source_url": "https://toolfinder.com/", "reference_url": "https://swipefile.design/ref/ph-tool-finder/", "screenshot_url": "https://swipefile.design/_astro/preview.DEz__nUD.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BPs6KE7i.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Search & discovery", "Content & media", "Creative tools" ], "design_notes": { "mood": "Lively and useful", "colors": "Lavender, white, black, and small colorful app marks", "typography": "Besley headings with smaller supporting copy and clearly separated actions.", "layout": "A bold serif heading on a lavender band leads into compact software listings, category tabs, and a visible search field.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Dense logo rows and restrained catalog cards", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Tool Finder\nSource: https://toolfinder.com/\nSwipefile reference: https://swipefile.design/ref/ph-tool-finder/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Lively and useful\n- colors: Lavender, white, black, and small colorful app marks\n- typography: Besley headings with smaller supporting copy and clearly separated actions.\n- layout: A bold serif heading on a lavender band leads into compact software listings, category tabs, and a visible search field.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Dense logo rows and restrained catalog cards\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Discovery websites balancing an expressive heading with a scannable product catalog.\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": "ph-spellar", "name": "Spellar", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A large centered product promise and gradient download button precede a dark meeting-notes workspace demonstration.", "use_for": "Meeting tools showing a clear product workspace after a concise introduction.", "source_url": "https://spellar.ai/", "reference_url": "https://swipefile.design/ref/ph-spellar/", "screenshot_url": "https://swipefile.design/_astro/preview.ByfgKOGB.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CgDqdJl-.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Focused and polished", "colors": "Near-black, lavender, white, and blue", "typography": "__Geologica_fad37d headings with smaller supporting copy and clearly separated actions.", "layout": "A large centered product promise and gradient download button precede a dark meeting-notes workspace demonstration.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Subtle gradients and dark product interface panels", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Spellar\nSource: https://spellar.ai/\nSwipefile reference: https://swipefile.design/ref/ph-spellar/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Focused and polished\n- colors: Near-black, lavender, white, and blue\n- typography: __Geologica_fad37d headings with smaller supporting copy and clearly separated actions.\n- layout: A large centered product promise and gradient download button precede a dark meeting-notes workspace demonstration.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Subtle gradients and dark product interface panels\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Meeting tools showing a clear product workspace after a concise introduction.\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": "ph-apyhub", "name": "ApyHub", "kind": "inspiration", "archetype": "Editorial Product", "summary": "A heavy two-line heading leads into a search box and compact API category chips, then a catalog section divided by a dark strip.", "use_for": "Technical catalogs combining a strong editorial voice with immediately usable search.", "source_url": "https://apyhub.com/", "reference_url": "https://swipefile.design/ref/ph-apyhub/", "screenshot_url": "https://swipefile.design/_astro/preview.CRJWpa1T.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Ck5dJSxm.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Content & media", "Creative tools" ], "design_notes": { "mood": "Practical and distinctive", "colors": "Cream, burgundy, mustard, and near-black", "typography": "DM Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A heavy two-line heading leads into a search box and compact API category chips, then a catalog section divided by a dark strip.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Fine rules, outlined chips, and code-like utility details", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: ApyHub\nSource: https://apyhub.com/\nSwipefile reference: https://swipefile.design/ref/ph-apyhub/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Practical and distinctive\n- colors: Cream, burgundy, mustard, and near-black\n- typography: DM Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A heavy two-line heading leads into a search box and compact API category chips, then a catalog section divided by a dark strip.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Fine rules, outlined chips, and code-like utility details\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Technical catalogs combining a strong editorial voice with immediately usable search.\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": "ph-tiptap", "name": "Tiptap", "kind": "inspiration", "archetype": "Gradient Mesh", "summary": "A compact mixed-style headline sits inside a colorful gradient field, followed by customer logos and an editor demonstration.", "use_for": "Developer products that want a creative identity while keeping the product interface central.", "source_url": "https://tiptap.dev/", "reference_url": "https://swipefile.design/ref/ph-tiptap/", "screenshot_url": "https://swipefile.design/_astro/preview.Cx4tcFpH.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Clf25V1K.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Expressive and technical", "colors": "White, black, mint, coral, and cyan", "typography": "Yellixvf headings with smaller supporting copy and clearly separated actions.", "layout": "A compact mixed-style headline sits inside a colorful gradient field, followed by customer logos and an editor demonstration.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft mesh gradients, underlined words, and product panels", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Tiptap\nSource: https://tiptap.dev/\nSwipefile reference: https://swipefile.design/ref/ph-tiptap/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Expressive and technical\n- colors: White, black, mint, coral, and cyan\n- typography: Yellixvf headings with smaller supporting copy and clearly separated actions.\n- layout: A compact mixed-style headline sits inside a colorful gradient field, followed by customer logos and an editor demonstration.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft mesh gradients, underlined words, and product panels\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Developer products that want a creative identity while keeping the product interface central.\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": "ph-listy-beta", "name": "Listy", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A centered headline rises above a phone interface surrounded by books, posters, and other saved objects.", "use_for": "Personal organization products explaining a broad range of uses through recognizable objects.", "source_url": "https://listy.is/", "reference_url": "https://swipefile.design/ref/ph-listy-beta/", "screenshot_url": "https://swipefile.design/_astro/preview.YTWMMrTv.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DWVdolSZ.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Orderly and playful", "colors": "White, black, and varied cover-art colors", "typography": "Inter Display headings with smaller supporting copy and clearly separated actions.", "layout": "A centered headline rises above a phone interface surrounded by books, posters, and other saved objects.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Floating media covers and a realistic phone frame", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Listy\nSource: https://listy.is/\nSwipefile reference: https://swipefile.design/ref/ph-listy-beta/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Orderly and playful\n- colors: White, black, and varied cover-art colors\n- typography: Inter Display headings with smaller supporting copy and clearly separated actions.\n- layout: A centered headline rises above a phone interface surrounded by books, posters, and other saved objects.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Floating media covers and a realistic phone frame\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Personal organization products explaining a broad range of uses through recognizable objects.\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": "ph-smmall-cloud", "name": "Smmall Cloud", "kind": "inspiration", "archetype": "Big-Photo Immersive", "summary": "A small serif introduction and narrow upload panel float within a broad painted-sky landscape.", "use_for": "File-sharing products using a calm visual setting around a very small interaction.", "source_url": "https://smmall.cloud/", "reference_url": "https://swipefile.design/ref/ph-smmall-cloud/", "screenshot_url": "https://swipefile.design/_astro/preview.C-VvFJQZ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BeeBSCwF.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Gentle and airy", "colors": "White, sky blue, soft green, and charcoal", "typography": "Fraunces headings with smaller supporting copy and clearly separated actions.", "layout": "A small serif introduction and narrow upload panel float within a broad painted-sky landscape.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Watercolor-like scenery and translucent interface surfaces", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Smmall Cloud\nSource: https://smmall.cloud/\nSwipefile reference: https://swipefile.design/ref/ph-smmall-cloud/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Gentle and airy\n- colors: White, sky blue, soft green, and charcoal\n- typography: Fraunces headings with smaller supporting copy and clearly separated actions.\n- layout: A small serif introduction and narrow upload panel float within a broad painted-sky landscape.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Watercolor-like scenery and translucent interface surfaces\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: File-sharing products using a calm visual setting around a very small interaction.\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": "ph-opennotas", "name": "OpenNotas", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A centered introduction and compact download choices sit above a large dark note-taking interface framed as a desktop window.", "use_for": "Cross-platform note tools that need to present a familiar workspace clearly.", "source_url": "https://opennotas.io/", "reference_url": "https://swipefile.design/ref/ph-opennotas/", "screenshot_url": "https://swipefile.design/_astro/preview.DGC_tee-.webp", "thumbnail_url": "https://swipefile.design/_astro/card.EDdmRZas.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Simple and approachable", "colors": "White, pale blue, lavender, and charcoal", "typography": "ui-sans-serif headings with smaller supporting copy and clearly separated actions.", "layout": "A centered introduction and compact download choices sit above a large dark note-taking interface framed as a desktop window.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft background tints, detailed product screenshots, and ink-like feature illustrations", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: OpenNotas\nSource: https://opennotas.io/\nSwipefile reference: https://swipefile.design/ref/ph-opennotas/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Simple and approachable\n- colors: White, pale blue, lavender, and charcoal\n- typography: ui-sans-serif headings with smaller supporting copy and clearly separated actions.\n- layout: A centered introduction and compact download choices sit above a large dark note-taking interface framed as a desktop window.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft background tints, detailed product screenshots, and ink-like feature illustrations\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Cross-platform note tools that need to present a familiar workspace clearly.\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": "ph-glowpulse", "name": "GlowPulse", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "Overlapping laptop and phone mockups lead into a bold statement with pink emphasis and paired app-download actions.", "use_for": "Consumer apps demonstrating the same experience across desktop and mobile.", "source_url": "https://glowpulse.cc/", "reference_url": "https://swipefile.design/ref/ph-glowpulse/", "screenshot_url": "https://swipefile.design/_astro/preview.B8RqMwTf.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CfpCmk15.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Bright and personal", "colors": "Pale pink, fuchsia, lavender, and black", "typography": "Geist Variable headings with smaller supporting copy and clearly separated actions.", "layout": "Overlapping laptop and phone mockups lead into a bold statement with pink emphasis and paired app-download actions.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Pink gradient wash and overlapping device photography", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: GlowPulse\nSource: https://glowpulse.cc/\nSwipefile reference: https://swipefile.design/ref/ph-glowpulse/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Bright and personal\n- colors: Pale pink, fuchsia, lavender, and black\n- typography: Geist Variable headings with smaller supporting copy and clearly separated actions.\n- layout: Overlapping laptop and phone mockups lead into a bold statement with pink emphasis and paired app-download actions.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Pink gradient wash and overlapping device photography\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Consumer apps demonstrating the same experience across desktop and mobile.\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": "ph-wishes-2", "name": "Wishes", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A split hero pairs large white copy with floating wishlist cards, small icons, and two clear actions.", "use_for": "Social shopping and gifting products showing the finished list as part of the hero.", "source_url": "https://wishes.app/", "reference_url": "https://swipefile.design/ref/ph-wishes-2/", "screenshot_url": "https://swipefile.design/_astro/preview.mQP95xzU.webp", "thumbnail_url": "https://swipefile.design/_astro/card.C1abBz3z.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Cheerful and social", "colors": "Lilac, pink, yellow, and white", "typography": "Nunito headings with smaller supporting copy and clearly separated actions.", "layout": "A split hero pairs large white copy with floating wishlist cards, small icons, and two clear actions.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft card shadows and playful product illustrations", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Wishes\nSource: https://wishes.app/\nSwipefile reference: https://swipefile.design/ref/ph-wishes-2/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Cheerful and social\n- colors: Lilac, pink, yellow, and white\n- typography: Nunito headings with smaller supporting copy and clearly separated actions.\n- layout: A split hero pairs large white copy with floating wishlist cards, small icons, and two clear actions.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft card shadows and playful product illustrations\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Social shopping and gifting products showing the finished list as part of the hero.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ph-den", "name": "Den", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "A short centered introduction gives most of the opening screen to a tall phone-shaped conversation, with minimal surrounding decoration.", "use_for": "Assistant products that can tell their story through an actual conversation layout.", "source_url": "https://getden.io/", "reference_url": "https://swipefile.design/ref/ph-den/", "screenshot_url": "https://swipefile.design/_astro/preview.iLmCFphI.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DyJp4cf2.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Spare and conversational", "colors": "White, black, and pale lavender", "typography": "Inter headings with smaller supporting copy and clearly separated actions.", "layout": "A short centered introduction gives most of the opening screen to a tall phone-shaped conversation, with minimal surrounding decoration.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Fine interface borders and a soft card shadow", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Den\nSource: https://getden.io/\nSwipefile reference: https://swipefile.design/ref/ph-den/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Spare and conversational\n- colors: White, black, and pale lavender\n- typography: Inter headings with smaller supporting copy and clearly separated actions.\n- layout: A short centered introduction gives most of the opening screen to a tall phone-shaped conversation, with minimal surrounding decoration.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Fine interface borders and a soft card shadow\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Assistant products that can tell their story through an actual conversation layout.\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": "ph-airweave-2", "name": "Airweave", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A centered promise sits over an atmospheric gradient, with integration marks and two adjacent technical panels below.", "use_for": "Search infrastructure connecting an abstract promise to concrete integration details.", "source_url": "https://airweave.ai/", "reference_url": "https://swipefile.design/ref/ph-airweave-2/", "screenshot_url": "https://swipefile.design/_astro/preview.BiDTvTo0.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Ew4KbqeK.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Technical and atmospheric", "colors": "Black, muted blue, amber, and white", "typography": "Suisse Intl Medium headings with smaller supporting copy and clearly separated actions.", "layout": "A centered promise sits over an atmospheric gradient, with integration marks and two adjacent technical panels below.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Blurred color fields and code/interface examples", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Airweave\nSource: https://airweave.ai/\nSwipefile reference: https://swipefile.design/ref/ph-airweave-2/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Technical and atmospheric\n- colors: Black, muted blue, amber, and white\n- typography: Suisse Intl Medium headings with smaller supporting copy and clearly separated actions.\n- layout: A centered promise sits over an atmospheric gradient, with integration marks and two adjacent technical panels below.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Blurred color fields and code/interface examples\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Search infrastructure connecting an abstract promise to concrete integration details.\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": "ph-web-highlights-pdf-web-highlighter", "name": "Web Highlights", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A compact left-aligned introduction faces a demonstration video, followed by a simple row of usage figures.", "use_for": "Browser utilities presenting their workflow alongside a direct install action.", "source_url": "https://web-highlights.com/", "reference_url": "https://swipefile.design/ref/ph-web-highlights-pdf-web-highlighter/", "screenshot_url": "https://swipefile.design/_astro/preview.DyXehf19.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B1-bhOxR.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Friendly and instructional", "colors": "Pale mint, green, white, and charcoal", "typography": "ui-sans-serif headings with smaller supporting copy and clearly separated actions.", "layout": "A compact left-aligned introduction faces a demonstration video, followed by a simple row of usage figures.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft green surfaces and browser demonstration imagery", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Web Highlights\nSource: https://web-highlights.com/\nSwipefile reference: https://swipefile.design/ref/ph-web-highlights-pdf-web-highlighter/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Friendly and instructional\n- colors: Pale mint, green, white, and charcoal\n- typography: ui-sans-serif headings with smaller supporting copy and clearly separated actions.\n- layout: A compact left-aligned introduction faces a demonstration video, followed by a simple row of usage figures.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft green surfaces and browser demonstration imagery\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Browser utilities presenting their workflow alongside a direct install 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": "ph-scene-3", "name": "Scene", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A centered sales-content message emphasizes the outcome in violet, followed by a broad colorful product showcase.", "use_for": "B2B products connecting a clear commercial outcome to a visible content example.", "source_url": "https://scene.io/", "reference_url": "https://swipefile.design/ref/ph-scene-3/", "screenshot_url": "https://swipefile.design/_astro/preview.DDIYDzoP.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CV0XRbGq.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Bright and straightforward", "colors": "White, violet, black, and coral", "typography": "wnhqgm0m headings with smaller supporting copy and clearly separated actions.", "layout": "A centered sales-content message emphasizes the outcome in violet, followed by a broad colorful product showcase.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Clean interface frames and vivid gradient media", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Scene\nSource: https://scene.io/\nSwipefile reference: https://swipefile.design/ref/ph-scene-3/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Bright and straightforward\n- colors: White, violet, black, and coral\n- typography: wnhqgm0m headings with smaller supporting copy and clearly separated actions.\n- layout: A centered sales-content message emphasizes the outcome in violet, followed by a broad colorful product showcase.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Clean interface frames and vivid gradient media\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: B2B products connecting a clear commercial outcome to a visible content example.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ph-sivi-ai", "name": "Sivi", "kind": "inspiration", "archetype": "Dark AI Product", "summary": "A large centered heading leads into selectable design-format cards and a bright prompt bar, with example work throughout the page.", "use_for": "Design generators that need to demonstrate output variety around a simple prompt interaction.", "source_url": "https://sivi.ai/", "reference_url": "https://swipefile.design/ref/ph-sivi-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.CtAaxjf2.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Co3wXy37.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "AI interfaces" ], "design_notes": { "mood": "Expressive and expansive", "colors": "Black, deep violet, lavender, and cyan", "typography": "Instrument Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A large centered heading leads into selectable design-format cards and a bright prompt bar, with example work throughout the page.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Purple light effects and thumbnail-rich product choices", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Sivi\nSource: https://sivi.ai/\nSwipefile reference: https://swipefile.design/ref/ph-sivi-ai/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Expressive and expansive\n- colors: Black, deep violet, lavender, and cyan\n- typography: Instrument Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A large centered heading leads into selectable design-format cards and a bright prompt bar, with example work throughout the page.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Purple light effects and thumbnail-rich product choices\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Design generators that need to demonstrate output variety around a simple prompt interaction.\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": "ph-rightfont", "name": "RightFont", "kind": "inspiration", "archetype": "Product Showcase", "summary": "A large laptop preview appears before the centered product statement, making the font-management interface the opening visual.", "use_for": "Desktop creative tools where the working interface is the strongest evidence of value.", "source_url": "https://rightfontapp.com/", "reference_url": "https://swipefile.design/ref/ph-rightfont/", "screenshot_url": "https://swipefile.design/_astro/preview.CoirqI1T.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CtpOa1GJ.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Crisp and editorial", "colors": "White, black, sky blue, and gray", "typography": "-apple-system headings with smaller supporting copy and clearly separated actions.", "layout": "A large laptop preview appears before the centered product statement, making the font-management interface the opening visual.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Realistic device framing and type-rich interface imagery", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: RightFont\nSource: https://rightfontapp.com/\nSwipefile reference: https://swipefile.design/ref/ph-rightfont/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Crisp and editorial\n- colors: White, black, sky blue, and gray\n- typography: -apple-system headings with smaller supporting copy and clearly separated actions.\n- layout: A large laptop preview appears before the centered product statement, making the font-management interface the opening visual.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Realistic device framing and type-rich interface imagery\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Desktop creative tools where the working interface is the strongest evidence of value.\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": "ph-spreadsimple", "name": "SpreadSimple", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A left-aligned headline faces layered spreadsheet and storefront previews, followed quickly by review evidence.", "use_for": "No-code tools explaining a source-to-output transformation with adjacent examples.", "source_url": "https://spreadsimple.com/", "reference_url": "https://swipefile.design/ref/ph-spreadsimple/", "screenshot_url": "https://swipefile.design/_astro/preview.DJKy2HzJ.webp", "thumbnail_url": "https://swipefile.design/_astro/card.GErFmkcR.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Practical and accessible", "colors": "White, cyan, light gray, and charcoal", "typography": "PT Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A left-aligned headline faces layered spreadsheet and storefront previews, followed quickly by review evidence.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Overlapping browser windows and small product screenshots", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: SpreadSimple\nSource: https://spreadsimple.com/\nSwipefile reference: https://swipefile.design/ref/ph-spreadsimple/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Practical and accessible\n- colors: White, cyan, light gray, and charcoal\n- typography: PT Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A left-aligned headline faces layered spreadsheet and storefront previews, followed quickly by review evidence.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Overlapping browser windows and small product screenshots\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: No-code tools explaining a source-to-output transformation with adjacent 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": "ph-screenspace", "name": "ScreenSpace", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A large centered headline uses a magenta accent phrase, with service labels and a wide product-story example below.", "use_for": "Creative B2B services using provocative typography and tangible work examples.", "source_url": "https://screenspace.io/", "reference_url": "https://swipefile.design/ref/ph-screenspace/", "screenshot_url": "https://swipefile.design/_astro/preview.KadADKBp.webp", "thumbnail_url": "https://swipefile.design/_astro/card.DrUCH8u0.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Bold and theatrical", "colors": "Charcoal, white, violet, and pink", "typography": "Poppins headings with smaller supporting copy and clearly separated actions.", "layout": "A large centered headline uses a magenta accent phrase, with service labels and a wide product-story example below.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Dark gradient surfaces and colorful embedded demonstrations", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: ScreenSpace\nSource: https://screenspace.io/\nSwipefile reference: https://swipefile.design/ref/ph-screenspace/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Bold and theatrical\n- colors: Charcoal, white, violet, and pink\n- typography: Poppins headings with smaller supporting copy and clearly separated actions.\n- layout: A large centered headline uses a magenta accent phrase, with service labels and a wide product-story example below.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Dark gradient surfaces and colorful embedded demonstrations\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Creative B2B services using provocative typography and tangible work 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": "ph-appllama", "name": "Appllama", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A centered statement and paired actions sit within a field of floating tilted app tiles, leading into a library of screens.", "use_for": "Design-reference libraries that show the breadth of their visual material immediately.", "source_url": "https://appllama.io/", "reference_url": "https://swipefile.design/ref/ph-appllama/", "screenshot_url": "https://swipefile.design/_astro/preview.C6tUe5hf.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BRkP4SS8.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Playful and exploratory", "colors": "Black, ivory, gray, and varied app colors", "typography": "Instrument Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A centered statement and paired actions sit within a field of floating tilted app tiles, leading into a library of screens.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Scattered 3D-like app tiles and dark catalog surfaces", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Appllama\nSource: https://appllama.io/\nSwipefile reference: https://swipefile.design/ref/ph-appllama/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Playful and exploratory\n- colors: Black, ivory, gray, and varied app colors\n- typography: Instrument Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A centered statement and paired actions sit within a field of floating tilted app tiles, leading into a library of screens.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Scattered 3D-like app tiles and dark catalog surfaces\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Design-reference libraries that show the breadth of their visual material immediately.\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": "ph-kitbitz", "name": "Kitbitz", "kind": "inspiration", "archetype": "Illustrated", "summary": "A bold centered resource count and category chips sit on a radiant purple field above the illustration collection.", "use_for": "Creative resource sites making a large library feel approachable and easy to browse.", "source_url": "https://kitbitz.art/", "reference_url": "https://swipefile.design/ref/ph-kitbitz/", "screenshot_url": "https://swipefile.design/_astro/preview.Imkp5XQM.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B0OaWdXL.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Playful and generous", "colors": "Purple, lavender, white, and black", "typography": "Geist Variable headings with smaller supporting copy and clearly separated actions.", "layout": "A bold centered resource count and category chips sit on a radiant purple field above the illustration collection.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Hand-drawn marks, star-like accents, and a purple gradient", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Kitbitz\nSource: https://kitbitz.art/\nSwipefile reference: https://swipefile.design/ref/ph-kitbitz/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Playful and generous\n- colors: Purple, lavender, white, and black\n- typography: Geist Variable headings with smaller supporting copy and clearly separated actions.\n- layout: A bold centered resource count and category chips sit on a radiant purple field above the illustration collection.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Hand-drawn marks, star-like accents, and a purple gradient\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Creative resource sites making a large library feel approachable and easy to browse.\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": "ph-highperformr-ai", "name": "Highperformr", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A green headline introduces the product above a tabbed interface demonstration and detailed contact-data table.", "use_for": "Data products demonstrating useful information density beneath a simple marketing message.", "source_url": "https://highperformr.ai/", "reference_url": "https://swipefile.design/ref/ph-highperformr-ai/", "screenshot_url": "https://swipefile.design/_astro/preview.BDFk_ZXT.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CfghMUyK.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Clear and energetic", "colors": "White, fresh green, black, and pale gray", "typography": "Inter headings with smaller supporting copy and clearly separated actions.", "layout": "A green headline introduces the product above a tabbed interface demonstration and detailed contact-data table.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Fine table rules, small status chips, and subtle tinted surfaces", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Highperformr\nSource: https://highperformr.ai/\nSwipefile reference: https://swipefile.design/ref/ph-highperformr-ai/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Clear and energetic\n- colors: White, fresh green, black, and pale gray\n- typography: Inter headings with smaller supporting copy and clearly separated actions.\n- layout: A green headline introduces the product above a tabbed interface demonstration and detailed contact-data table.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Fine table rules, small status chips, and subtle tinted surfaces\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Data products demonstrating useful information density beneath a simple marketing message.\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": "ph-dorik", "name": "Dorik", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A centered two-line heading leads into compact feature labels, a purple action, press logos, and a broad video panel.", "use_for": "Website builders guiding visitors through benefits, social proof, and demonstration in sequence.", "source_url": "https://dorik.com/", "reference_url": "https://swipefile.design/ref/ph-dorik/", "screenshot_url": "https://swipefile.design/_astro/preview.C5weN_Az.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dj1NO6zf.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Warm and welcoming", "colors": "Cream, deep purple, lavender, and gold", "typography": "BG-600 headings with smaller supporting copy and clearly separated actions.", "layout": "A centered two-line heading leads into compact feature labels, a purple action, press logos, and a broad video panel.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Hand-drawn accent strokes and warm flat backgrounds", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Dorik\nSource: https://dorik.com/\nSwipefile reference: https://swipefile.design/ref/ph-dorik/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Warm and welcoming\n- colors: Cream, deep purple, lavender, and gold\n- typography: BG-600 headings with smaller supporting copy and clearly separated actions.\n- layout: A centered two-line heading leads into compact feature labels, a purple action, press logos, and a broad video panel.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Hand-drawn accent strokes and warm flat backgrounds\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Website builders guiding visitors through benefits, social proof, and demonstration in sequence.\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": "ph-unicorn-platform", "name": "Unicorn Platform", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "Centered type and a large rounded action dominate the hero, with small award laurels above and compact social proof below.", "use_for": "Landing-page builders that want an obvious first step and a lighthearted personality.", "source_url": "https://unicornplatform.com/", "reference_url": "https://swipefile.design/ref/ph-unicorn-platform/", "screenshot_url": "https://swipefile.design/_astro/preview.DKwwDobS.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BMySTkKP.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Friendly and upbeat", "colors": "White, violet, yellow, pink, and green", "typography": "Bricolage Grotesque headings with smaller supporting copy and clearly separated actions.", "layout": "Centered type and a large rounded action dominate the hero, with small award laurels above and compact social proof below.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Soft pastel glow and a multicolor button outline", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Unicorn Platform\nSource: https://unicornplatform.com/\nSwipefile reference: https://swipefile.design/ref/ph-unicorn-platform/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Friendly and upbeat\n- colors: White, violet, yellow, pink, and green\n- typography: Bricolage Grotesque headings with smaller supporting copy and clearly separated actions.\n- layout: Centered type and a large rounded action dominate the hero, with small award laurels above and compact social proof below.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Soft pastel glow and a multicolor button outline\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Landing-page builders that want an obvious first step and a lighthearted personality.\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": "ph-shipixen", "name": "Shipixen", "kind": "inspiration", "archetype": "Soft Pastel Startup", "summary": "A left-aligned promise and dark download button sit on a pastel wash above a large dark development preview.", "use_for": "Developer utilities combining a welcoming marketing surface with a concrete technical preview.", "source_url": "https://shipixen.com/", "reference_url": "https://swipefile.design/ref/ph-shipixen/", "screenshot_url": "https://swipefile.design/_astro/preview.CBD0cNxV.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CCpDvRFh.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Soft and technical", "colors": "Pale lavender, icy blue, purple, and near-black", "typography": "__Inter_f367f3 headings with smaller supporting copy and clearly separated actions.", "layout": "A left-aligned promise and dark download button sit on a pastel wash above a large dark development preview.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Gentle gradient background and a contrasting dark product window", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Shipixen\nSource: https://shipixen.com/\nSwipefile reference: https://swipefile.design/ref/ph-shipixen/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Soft and technical\n- colors: Pale lavender, icy blue, purple, and near-black\n- typography: __Inter_f367f3 headings with smaller supporting copy and clearly separated actions.\n- layout: A left-aligned promise and dark download button sit on a pastel wash above a large dark development preview.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Gentle gradient background and a contrasting dark product window\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Developer utilities combining a welcoming marketing surface with a concrete technical 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": "ph-branding5", "name": "Branding5", "kind": "inspiration", "archetype": "Monochrome Minimal", "summary": "A broad left-aligned heading and compact action follow a short row of review badges, with expansive whitespace around the introduction.", "use_for": "Strategy tools that need a clear editorial hierarchy before more detailed examples.", "source_url": "https://branding5.com/", "reference_url": "https://swipefile.design/ref/ph-branding5/", "screenshot_url": "https://swipefile.design/_astro/preview._lCIpTxL.webp", "thumbnail_url": "https://swipefile.design/_astro/card.B0PP_neQ.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Direct and analytical", "colors": "White, black, and small multicolor accents", "typography": "monaSans headings with smaller supporting copy and clearly separated actions.", "layout": "A broad left-aligned heading and compact action follow a short row of review badges, with expansive whitespace around the introduction.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Thin rules, compact badges, and restrained interface imagery", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Branding5\nSource: https://branding5.com/\nSwipefile reference: https://swipefile.design/ref/ph-branding5/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Direct and analytical\n- colors: White, black, and small multicolor accents\n- typography: monaSans headings with smaller supporting copy and clearly separated actions.\n- layout: A broad left-aligned heading and compact action follow a short row of review badges, with expansive whitespace around the introduction.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Thin rules, compact badges, and restrained interface imagery\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Strategy tools that need a clear editorial hierarchy before more detailed 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": "ph-blitzit-2", "name": "Blitzit", "kind": "inspiration", "archetype": "Dark SaaS", "summary": "A left-aligned task-and-timer message faces a tall floating task list, with mint download actions and small user avatars.", "use_for": "Productivity utilities showing a compact working interface beside their central promise.", "source_url": "https://blitzit.app/", "reference_url": "https://swipefile.design/ref/ph-blitzit-2/", "screenshot_url": "https://swipefile.design/_astro/preview.Cjv8gIM_.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Dvr3exE2.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Focused and energetic", "colors": "Black, mint, white, and lilac", "typography": "Clash Display headings with smaller supporting copy and clearly separated actions.", "layout": "A left-aligned task-and-timer message faces a tall floating task list, with mint download actions and small user avatars.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Dark layered app panels and restrained colored highlights", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Blitzit\nSource: https://blitzit.app/\nSwipefile reference: https://swipefile.design/ref/ph-blitzit-2/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Focused and energetic\n- colors: Black, mint, white, and lilac\n- typography: Clash Display headings with smaller supporting copy and clearly separated actions.\n- layout: A left-aligned task-and-timer message faces a tall floating task list, with mint download actions and small user avatars.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Dark layered app panels and restrained colored highlights\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Productivity utilities showing a compact working interface beside their central promise.\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": "ph-usermaven", "name": "Usermaven", "kind": "inspiration", "archetype": "Dark Analytics SaaS", "summary": "A centered analytics statement highlights key words in purple above a URL field, then introduces a bright dashboard preview.", "use_for": "Analytics services leading with a low-friction input before presenting reporting detail.", "source_url": "https://usermaven.com/", "reference_url": "https://swipefile.design/ref/ph-usermaven/", "screenshot_url": "https://swipefile.design/_astro/preview.CWq7Ot5B.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Xm4K0fWX.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries", "Dashboards" ], "design_notes": { "mood": "Precise and vivid", "colors": "Black, deep violet, magenta, and white", "typography": "Inter headings with smaller supporting copy and clearly separated actions.", "layout": "A centered analytics statement highlights key words in purple above a URL field, then introduces a bright dashboard preview.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Dark purple light effects and high-contrast analytics panels", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Usermaven\nSource: https://usermaven.com/\nSwipefile reference: https://swipefile.design/ref/ph-usermaven/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Precise and vivid\n- colors: Black, deep violet, magenta, and white\n- typography: Inter headings with smaller supporting copy and clearly separated actions.\n- layout: A centered analytics statement highlights key words in purple above a URL field, then introduces a bright dashboard preview.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Dark purple light effects and high-contrast analytics panels\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Analytics services leading with a low-friction input before presenting reporting detail.\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": "ph-fibery", "name": "Fibery", "kind": "inspiration", "archetype": "Illustrated", "summary": "A bold left-aligned statement shares the hero with a detailed workspace; illustrated islands introduce the next section.", "use_for": "Flexible work tools combining a real interface with an explanatory visual metaphor.", "source_url": "https://fibery.com/", "reference_url": "https://swipefile.design/ref/ph-fibery/", "screenshot_url": "https://swipefile.design/_astro/preview.iuul74-C.webp", "thumbnail_url": "https://swipefile.design/_astro/card.CD4SDlFr.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Warm and opinionated", "colors": "Cream, dark brown, pastel pink, mint, and yellow", "typography": "Suisse Intl headings with smaller supporting copy and clearly separated actions.", "layout": "A bold left-aligned statement shares the hero with a detailed workspace; illustrated islands introduce the next section.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Pastel sticky notes and small isometric landscapes", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Fibery\nSource: https://fibery.com/\nSwipefile reference: https://swipefile.design/ref/ph-fibery/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Warm and opinionated\n- colors: Cream, dark brown, pastel pink, mint, and yellow\n- typography: Suisse Intl headings with smaller supporting copy and clearly separated actions.\n- layout: A bold left-aligned statement shares the hero with a detailed workspace; illustrated islands introduce the next section.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Pastel sticky notes and small isometric landscapes\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Flexible work tools combining a real interface with an explanatory visual metaphor.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence." }, { "slug": "ph-repaint-ai-website-builder", "name": "Repaint", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A split text introduction leads into a wide blue comparison panel, with a URL input kept close to the headline.", "use_for": "Website tools showing an explicit before-and-after comparison beneath a direct input.", "source_url": "https://repaint.com/", "reference_url": "https://swipefile.design/ref/ph-repaint-ai-website-builder/", "screenshot_url": "https://swipefile.design/_astro/preview.CMmhsbS5.webp", "thumbnail_url": "https://swipefile.design/_astro/card.BAMvXIqj.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Spare and practical", "colors": "White, bright blue, black, and gray", "typography": "Manrope headings with smaller supporting copy and clearly separated actions.", "layout": "A split text introduction leads into a wide blue comparison panel, with a URL input kept close to the headline.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Flat blue demonstration surface and fine interface rules", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: Repaint\nSource: https://repaint.com/\nSwipefile reference: https://swipefile.design/ref/ph-repaint-ai-website-builder/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Spare and practical\n- colors: White, bright blue, black, and gray\n- typography: Manrope headings with smaller supporting copy and clearly separated actions.\n- layout: A split text introduction leads into a wide blue comparison panel, with a URL input kept close to the headline.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Flat blue demonstration surface and fine interface rules\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Website tools showing an explicit before-and-after comparison beneath a direct input.\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": "ph-socialbu", "name": "SocialBu", "kind": "inspiration", "archetype": "SaaS Marketing", "summary": "A centered product statement and blue trial action precede a large social-media planning dashboard.", "use_for": "Social publishing products presenting a familiar working interface with minimal visual noise.", "source_url": "https://socialbu.com/", "reference_url": "https://swipefile.design/ref/ph-socialbu/", "screenshot_url": "https://swipefile.design/_astro/preview.zm0Pu-Zi.webp", "thumbnail_url": "https://swipefile.design/_astro/card.Bg0UyW_7.webp", "captured": "2026-09-08", "capture_scope": "page", "provenance": "live", "tags": [ "product-hunt", "product-hunt-01", "website", "september-2026" ], "patterns": [ "Product Hunt discoveries" ], "design_notes": { "mood": "Clear and approachable", "colors": "White, blue, pale gray, and black", "typography": "Plus Jakarta Sans headings with smaller supporting copy and clearly separated actions.", "layout": "A centered product statement and blue trial action precede a large social-media planning dashboard.", "motion": "Still capture of the public page. Visit the source to study its animation and interactive behavior.", "texture": "Rounded interface panels and small account avatars", "dont": "Use your own brand, copy, imagery, and product evidence; adapt the structure to your content." }, "recreation_prompt": "# Design reference: SocialBu\nSource: https://socialbu.com/\nSwipefile reference: https://swipefile.design/ref/ph-socialbu/\nCaptured: 2026-09-08. This is a dated reference, not a claim about the current live product.\n\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- mood: Clear and approachable\n- colors: White, blue, pale gray, and black\n- typography: Plus Jakarta Sans headings with smaller supporting copy and clearly separated actions.\n- layout: A centered product statement and blue trial action precede a large social-media planning dashboard.\n- motion: Still capture of the public page. Visit the source to study its animation and interactive behavior.\n- texture: Rounded interface panels and small account avatars\n- dont: Use your own brand, copy, imagery, and product evidence; adapt the structure to your content.\n\nUseful for: Social publishing products presenting a familiar working interface with minimal visual noise.\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." } ] }