{ "version": 1, "name": "MotionSites-inspired landing pages", "url": "https://swipefile.design/board/motionsites-inspired-landing-pages/", "markdown_url": "https://swipefile.design/board/motionsites-inspired-landing-pages/notes.md", "json_url": "https://swipefile.design/board/motionsites-inspired-landing-pages/data.json", "pdf_url": "https://swipefile.design/board/motionsites-inspired-landing-pages/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": "ms26-landing-v2-27577733-cinematic-website-design-for-ufo-paranormal-conventions", "name": "Cinematic Website Design for UFO & Paranormal Conventions", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An event-ticket landing page uses a cinematic landscape, warm iridescent panel and clear booking action. Credit: Awakened Templates. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27577733-Cinematic-Website-Design-for-UFO-Paranormal-Conventions", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27577733-cinematic-website-design-for-ufo-paranormal-conventions/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27577733-cinematic-website-design-for-ufo-paranormal-conventions/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27577733-cinematic-website-design-for-ufo-paranormal-conventions/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Cinematic Website Design for UFO & Paranormal Conventions\nSource: https://dribbble.com/shots/27577733-Cinematic-Website-Design-for-UFO-Paranormal-Conventions\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27577733-cinematic-website-design-for-ufo-paranormal-conventions/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An event-ticket landing page uses a cinematic landscape, warm iridescent panel and clear booking action. Credit: Awakened Templates. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26971799-kumo-interactive-matcha-tea-landing-page-ui-ux", "name": "Kumo — Interactive Matcha Tea Landing Page UI-UX", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A central matcha cup, playful ingredient cards, and rich green layers turn the product into a tactile hero. Credit: Kris Anfalova. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26971799-Kumo-Interactive-Matcha-Tea-Landing-Page-UI-UX", "reference_url": "https://swipefile.design/ref/ms26-landing-26971799-kumo-interactive-matcha-tea-landing-page-ui-ux/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26971799-kumo-interactive-matcha-tea-landing-page-ui-ux/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26971799-kumo-interactive-matcha-tea-landing-page-ui-ux/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Kumo — Interactive Matcha Tea Landing Page UI-UX\nSource: https://dribbble.com/shots/26971799-Kumo-Interactive-Matcha-Tea-Landing-Page-UI-UX\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26971799-kumo-interactive-matcha-tea-landing-page-ui-ux/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A central matcha cup, playful ingredient cards, and rich green layers turn the product into a tactile hero. Credit: Kris Anfalova. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-25492218-trading-landing-page-design-with-engaging-motion", "name": "Trading Landing Page Design with Engaging Motion", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A reflective gold orb, near-black surfaces, and a centered headline establish a cinematic trading-product direction. Credit: vino_costa. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25492218-Trading-Landing-Page-Design-with-Engaging-Motion", "reference_url": "https://swipefile.design/ref/ms26-landing-25492218-trading-landing-page-design-with-engaging-motion/", "screenshot_url": "https://swipefile.design/media/ms26-landing-25492218-trading-landing-page-design-with-engaging-motion/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-25492218-trading-landing-page-design-with-engaging-motion/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Trading Landing Page Design with Engaging Motion\nSource: https://dribbble.com/shots/25492218-Trading-Landing-Page-Design-with-Engaging-Motion\nSwipefile reference: https://swipefile.design/ref/ms26-landing-25492218-trading-landing-page-design-with-engaging-motion/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A reflective gold orb, near-black surfaces, and a centered headline establish a cinematic trading-product direction. Credit: vino_costa. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-24175820-landing-page-for-construction-company", "name": "Landing Page for Construction Company", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Architectural photography, soft earth tones, and elegant serif typography create a premium residential-construction landing concept. Credit: Halo UI/UX. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/24175820-Landing-Page-for-Construction-Company", "reference_url": "https://swipefile.design/ref/ms26-landing-24175820-landing-page-for-construction-company/", "screenshot_url": "https://swipefile.design/media/ms26-landing-24175820-landing-page-for-construction-company/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-24175820-landing-page-for-construction-company/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing Page for Construction Company\nSource: https://dribbble.com/shots/24175820-Landing-Page-for-Construction-Company\nSwipefile reference: https://swipefile.design/ref/ms26-landing-24175820-landing-page-for-construction-company/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Architectural photography, soft earth tones, and elegant serif typography create a premium residential-construction landing concept. Credit: Halo UI/UX. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27387892-cinematic-music-culture-website-design", "name": "Cinematic Music Culture Website Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A music-booking landing page pairs condensed type with atmospheric monochrome stage photography and a visible booking action. Credit: Shubham Dahale. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27387892-Cinematic-Music-Culture-Website-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27387892-cinematic-music-culture-website-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27387892-cinematic-music-culture-website-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27387892-cinematic-music-culture-website-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Cinematic Music Culture Website Design\nSource: https://dribbble.com/shots/27387892-Cinematic-Music-Culture-Website-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27387892-cinematic-music-culture-website-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A music-booking landing page pairs condensed type with atmospheric monochrome stage photography and a visible booking action. Credit: Shubham Dahale. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-27389159-landing-page-design-for-lodge-booking", "name": "Landing Page Design for Lodge Booking", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A warmly lit cabin anchors a cool blue forest scene, with booking controls integrated into the hero composition. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27389159-Landing-Page-Design-for-Lodge-Booking", "reference_url": "https://swipefile.design/ref/ms26-landing-27389159-landing-page-design-for-lodge-booking/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27389159-landing-page-design-for-lodge-booking/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27389159-landing-page-design-for-lodge-booking/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing Page Design for Lodge Booking\nSource: https://dribbble.com/shots/27389159-Landing-Page-Design-for-Lodge-Booking\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27389159-landing-page-design-for-lodge-booking/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A warmly lit cabin anchors a cool blue forest scene, with booking controls integrated into the hero composition. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27391470-hugo-landing-page-production-house", "name": "HUGO - Landing Page Production House", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A film-production landing page uses forceful red typography, a widescreen set image and a clear project CTA. Credit: Habito Design. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27391470-HUGO-Landing-Page-Production-House", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27391470-hugo-landing-page-production-house/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27391470-hugo-landing-page-production-house/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27391470-hugo-landing-page-production-house/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: HUGO - Landing Page Production House\nSource: https://dribbble.com/shots/27391470-HUGO-Landing-Page-Production-House\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27391470-hugo-landing-page-production-house/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A film-production landing page uses forceful red typography, a widescreen set image and a clear project CTA. Credit: Habito Design. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-24287189-defi-landing-page", "name": "Defi Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Dark spatial imagery and a carefully lit focal form support a spare DeFi headline and central call to action. Credit: Levi Wilson. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/24287189-Defi-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-24287189-defi-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-24287189-defi-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-24287189-defi-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Defi Landing Page\nSource: https://dribbble.com/shots/24287189-Defi-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-24287189-defi-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Dark spatial imagery and a carefully lit focal form support a spare DeFi headline and central call to action. Credit: Levi Wilson. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-26404910-ai-sales-landing-page-design", "name": "AI Sales - Landing Page Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An oversized growth headline, portrait cutout, and floating metrics combine editorial scale with product proof. Credit: Dstudio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26404910-AI-Sales-Landing-Page-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-26404910-ai-sales-landing-page-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26404910-ai-sales-landing-page-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26404910-ai-sales-landing-page-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Sales - Landing Page Design\nSource: https://dribbble.com/shots/26404910-AI-Sales-Landing-Page-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26404910-ai-sales-landing-page-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An oversized growth headline, portrait cutout, and floating metrics combine editorial scale with product proof. Credit: Dstudio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27328907-sora-premium-hero-section-design", "name": "SORA- Premium Hero Section Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A creative-service landing page combines a red sculptural backdrop, high-contrast type and a prominent consultation action. Credit: Aminul Islam. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27328907-SORA-Premium-Hero-Section-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27328907-sora-premium-hero-section-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27328907-sora-premium-hero-section-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27328907-sora-premium-hero-section-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: SORA- Premium Hero Section Design\nSource: https://dribbble.com/shots/27328907-SORA-Premium-Hero-Section-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27328907-sora-premium-hero-section-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A creative-service landing page combines a red sculptural backdrop, high-contrast type and a prominent consultation action. Credit: Aminul Islam. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27662029-lume-botanical-fizz-experimental-landing-page", "name": "Lume Botanical Fizz — Experimental Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A botanical drink landing page uses translucent vertical glass, a landscape backdrop and focused ordering controls. Credit: Bolt Fusion Tech. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27662029-Lume-Botanical-Fizz-Experimental-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27662029-lume-botanical-fizz-experimental-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27662029-lume-botanical-fizz-experimental-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27662029-lume-botanical-fizz-experimental-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Lume Botanical Fizz — Experimental Landing Page\nSource: https://dribbble.com/shots/27662029-Lume-Botanical-Fizz-Experimental-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27662029-lume-botanical-fizz-experimental-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A botanical drink landing page uses translucent vertical glass, a landscape backdrop and focused ordering controls. Credit: Bolt Fusion Tech. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26358699-ai-landing-page-design", "name": "AI Landing Page Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Elegant serif headlines, people-focused imagery, and compact metric cards soften an AI-sales landing concept. Credit: Dstudio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26358699-AI-Landing-Page-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-26358699-ai-landing-page-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26358699-ai-landing-page-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26358699-ai-landing-page-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Landing Page Design\nSource: https://dribbble.com/shots/26358699-AI-Landing-Page-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26358699-ai-landing-page-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Elegant serif headlines, people-focused imagery, and compact metric cards soften an AI-sales landing concept. Credit: Dstudio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-26927998-fgmg-sci-fi-web-design-concept", "name": "FGMG Sci-Fi Web Design Concept", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An immersive sci-fi campaign page sets legible navigation and a join action over a detailed cinematic jungle scene. Credit: Makeno . Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26927998-FGMG-Sci-Fi-Web-Design-Concept", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-26927998-fgmg-sci-fi-web-design-concept/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-26927998-fgmg-sci-fi-web-design-concept/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-26927998-fgmg-sci-fi-web-design-concept/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: FGMG Sci-Fi Web Design Concept\nSource: https://dribbble.com/shots/26927998-FGMG-Sci-Fi-Web-Design-Concept\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-26927998-fgmg-sci-fi-web-design-concept/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An immersive sci-fi campaign page sets legible navigation and a join action over a detailed cinematic jungle scene. Credit: Makeno . Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27713677-unveiled-nft-2-0-experimental-web3-experience", "name": "Unveiled NFT 2.0 — Experimental Web3 Experience", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A collectible campaign uses bold layered display type, a sculptural figure and an explicit exploration action. Credit: Софія Овсієнко. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27713677-Unveiled-NFT-2-0-Experimental-Web3-Experience", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27713677-unveiled-nft-2-0-experimental-web3-experience/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27713677-unveiled-nft-2-0-experimental-web3-experience/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27713677-unveiled-nft-2-0-experimental-web3-experience/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Unveiled NFT 2.0 — Experimental Web3 Experience\nSource: https://dribbble.com/shots/27713677-Unveiled-NFT-2-0-Experimental-Web3-Experience\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27713677-unveiled-nft-2-0-experimental-web3-experience/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A collectible campaign uses bold layered display type, a sculptural figure and an explicit exploration action. Credit: Софія Овсієнко. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27737450-grindline-same-streets-different-perspective", "name": "GRINDLINE — Same Streets. Different Perspective.", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A skate campaign page combines black-and-white action photography, expressive lettering and acid-green accents. Credit: Adib Rahman. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27737450-GRINDLINE-Same-Streets-Different-Perspective", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27737450-grindline-same-streets-different-perspective/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27737450-grindline-same-streets-different-perspective/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27737450-grindline-same-streets-different-perspective/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: GRINDLINE — Same Streets. Different Perspective.\nSource: https://dribbble.com/shots/27737450-GRINDLINE-Same-Streets-Different-Perspective\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27737450-grindline-same-streets-different-perspective/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A skate campaign page combines black-and-white action photography, expressive lettering and acid-green accents. Credit: Adib Rahman. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27728594-kinetic-table-form-follows-the-hand", "name": "KINETIC TABLE — Form Follows the Hand", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A focused tableware launch pairs oversized sculptural product imagery with a disciplined cobalt editorial layout. Credit: Gravity X. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27728594-KINETIC-TABLE-Form-Follows-the-Hand", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27728594-kinetic-table-form-follows-the-hand/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27728594-kinetic-table-form-follows-the-hand/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27728594-kinetic-table-form-follows-the-hand/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d", "bold-typography", "editorial", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: KINETIC TABLE — Form Follows the Hand\nSource: https://dribbble.com/shots/27728594-KINETIC-TABLE-Form-Follows-the-Hand\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27728594-kinetic-table-form-follows-the-hand/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A focused tableware launch pairs oversized sculptural product imagery with a disciplined cobalt editorial layout. Credit: Gravity X. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27780274-biopack-nft-web3-landing-page-concept", "name": "BioPack NFT | Web3 Landing Page Concept", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A digital-collectible landing page uses a reflective sculptural head, acid-green typography and a clear mint action. Credit: Diana Zayats. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27780274-BioPack-NFT-Web3-Landing-Page-Concept", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27780274-biopack-nft-web3-landing-page-concept/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27780274-biopack-nft-web3-landing-page-concept/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27780274-biopack-nft-web3-landing-page-concept/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: BioPack NFT | Web3 Landing Page Concept\nSource: https://dribbble.com/shots/27780274-BioPack-NFT-Web3-Landing-Page-Concept\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27780274-biopack-nft-web3-landing-page-concept/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A digital-collectible landing page uses a reflective sculptural head, acid-green typography and a clear mint action. Credit: Diana Zayats. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26021469-landing-page-for-a-web3-crypto-payments-platform", "name": "Landing Page for a Web3 Crypto Payments Platform", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Glossy three-dimensional payment symbols follow a blue wave around a compact, centered product proposition. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26021469-Landing-Page-for-a-Web3-Crypto-Payments-Platform", "reference_url": "https://swipefile.design/ref/ms26-landing-26021469-landing-page-for-a-web3-crypto-payments-platform/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26021469-landing-page-for-a-web3-crypto-payments-platform/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26021469-landing-page-for-a-web3-crypto-payments-platform/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing Page for a Web3 Crypto Payments Platform\nSource: https://dribbble.com/shots/26021469-Landing-Page-for-a-Web3-Crypto-Payments-Platform\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26021469-landing-page-for-a-web3-crypto-payments-platform/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Glossy three-dimensional payment symbols follow a blue wave around a compact, centered product proposition. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27369444-symata-landing-page-creative-studio", "name": "Symata - Landing Page Creative Studio", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A studio landing page uses oversized Swiss-style type, a red-and-black editorial grid and a clear sequence of service and work sections. Credit: Faiz Abdillah. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27369444-Symata-Landing-Page-Creative-Studio", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27369444-symata-landing-page-creative-studio/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27369444-symata-landing-page-creative-studio/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27369444-symata-landing-page-creative-studio/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "dark", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Symata - Landing Page Creative Studio\nSource: https://dribbble.com/shots/27369444-Symata-Landing-Page-Creative-Studio\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27369444-symata-landing-page-creative-studio/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A studio landing page uses oversized Swiss-style type, a red-and-black editorial grid and a clear sequence of service and work sections. Credit: Faiz Abdillah. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26379381-landing-page-for-financial-services", "name": "Landing page for financial services", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Dimensional finance objects, high-contrast black type, and an electric-blue product scene make a memorable fintech hero. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26379381-Landing-page-for-financial-services", "reference_url": "https://swipefile.design/ref/ms26-landing-26379381-landing-page-for-financial-services/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26379381-landing-page-for-financial-services/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26379381-landing-page-for-financial-services/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing page for financial services\nSource: https://dribbble.com/shots/26379381-Landing-page-for-financial-services\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26379381-landing-page-for-financial-services/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Dimensional finance objects, high-contrast black type, and an electric-blue product scene make a memorable fintech hero. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27557641-space-creative-agency-landing-page", "name": "SPace® — Creative Agency Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A creative agency landing page uses asymmetric editorial typography, numbered work sections and a distinctive muted palette. Credit: Faiz Abdillah. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27557641-SPace-Creative-Agency-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27557641-space-creative-agency-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27557641-space-creative-agency-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27557641-space-creative-agency-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: SPace® — Creative Agency Landing Page\nSource: https://dribbble.com/shots/27557641-SPace-Creative-Agency-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27557641-space-creative-agency-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A creative agency landing page uses asymmetric editorial typography, numbered work sections and a distinctive muted palette. Credit: Faiz Abdillah. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26351001-landing-page-design-for-an-ai-powered-analytics-platform", "name": "Landing page design for an AI-powered analytics platform", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Bright cyan, floating product icons, and large numerical proof points create an energetic analytics-product presentation. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26351001-Landing-page-design-for-an-AI-powered-analytics-platform", "reference_url": "https://swipefile.design/ref/ms26-landing-26351001-landing-page-design-for-an-ai-powered-analytics-platform/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26351001-landing-page-design-for-an-ai-powered-analytics-platform/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26351001-landing-page-design-for-an-ai-powered-analytics-platform/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing page design for an AI-powered analytics platform\nSource: https://dribbble.com/shots/26351001-Landing-page-design-for-an-AI-powered-analytics-platform\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26351001-landing-page-design-for-an-ai-powered-analytics-platform/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Bright cyan, floating product icons, and large numerical proof points create an energetic analytics-product presentation. Credit: Outcrowd. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-26940773-football-player-landing-page-design", "name": "Football Player Landing Page Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A full-height athlete cutout and oversized red name give a personal-brand landing concept a confident editorial hierarchy. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26940773-Football-Player-Landing-Page-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-26940773-football-player-landing-page-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26940773-football-player-landing-page-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26940773-football-player-landing-page-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Football Player Landing Page Design\nSource: https://dribbble.com/shots/26940773-Football-Player-Landing-Page-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26940773-football-player-landing-page-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A full-height athlete cutout and oversized red name give a personal-brand landing concept a confident editorial hierarchy. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-27001570-modern-art-museum-website-exhibition-landing-page", "name": "Modern Art Museum Website — Exhibition Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Oversized red serif type overlaps ornate artwork frames, making the exhibition itself the center of the composition. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27001570-Modern-Art-Museum-Website-Exhibition-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-27001570-modern-art-museum-website-exhibition-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27001570-modern-art-museum-website-exhibition-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27001570-modern-art-museum-website-exhibition-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Modern Art Museum Website — Exhibition Landing Page\nSource: https://dribbble.com/shots/27001570-Modern-Art-Museum-Website-Exhibition-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27001570-modern-art-museum-website-exhibition-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Oversized red serif type overlaps ornate artwork frames, making the exhibition itself the center of the composition. Credit: Nixtio. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27388037-golf-performance-tracking-landing-page-ai-powered-golf-analytic", "name": "Golf Performance Tracking Landing Page: AI-Powered Golf Analytic", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A golf product landing page combines a luminous dimensional hero with clearly structured benefits and product conversion sections. Credit: Keitoto . Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27388037-Golf-Performance-Tracking-Landing-Page-AI-Powered-Golf-Analytic", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27388037-golf-performance-tracking-landing-page-ai-powered-golf-analytic/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27388037-golf-performance-tracking-landing-page-ai-powered-golf-analytic/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27388037-golf-performance-tracking-landing-page-ai-powered-golf-analytic/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d", "gradient" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Golf Performance Tracking Landing Page: AI-Powered Golf Analytic\nSource: https://dribbble.com/shots/27388037-Golf-Performance-Tracking-Landing-Page-AI-Powered-Golf-Analytic\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27388037-golf-performance-tracking-landing-page-ai-powered-golf-analytic/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A golf product landing page combines a luminous dimensional hero with clearly structured benefits and product conversion sections. Credit: Keitoto . Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26216770-landing-page-for-an-ai-powered-creative-assistant", "name": "Landing Page for an AI-Powered Creative Assistant", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Reflective dark spheres and large experimental typography give an AI creative-assistant concept a distinctive art direction. Credit: Zajno. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26216770-Landing-Page-for-an-AI-Powered-Creative-Assistant", "reference_url": "https://swipefile.design/ref/ms26-landing-26216770-landing-page-for-an-ai-powered-creative-assistant/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26216770-landing-page-for-an-ai-powered-creative-assistant/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26216770-landing-page-for-an-ai-powered-creative-assistant/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Landing Page for an AI-Powered Creative Assistant\nSource: https://dribbble.com/shots/26216770-Landing-Page-for-an-AI-Powered-Creative-Assistant\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26216770-landing-page-for-an-ai-powered-creative-assistant/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Reflective dark spheres and large experimental typography give an AI creative-assistant concept a distinctive art direction. Credit: Zajno. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-27738301-utility-billing-platform-landing-page", "name": "Utility Billing Platform Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An illuminated central block and embossed document forms add depth to a restrained utility-billing proposition. Credit: Zajno. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27738301-Utility-Billing-Platform-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-27738301-utility-billing-platform-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27738301-utility-billing-platform-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27738301-utility-billing-platform-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Utility Billing Platform Landing Page\nSource: https://dribbble.com/shots/27738301-Utility-Billing-Platform-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27738301-utility-billing-platform-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An illuminated central block and embossed document forms add depth to a restrained utility-billing proposition. Credit: Zajno. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27261184-amplify-marketing-agency-landing-page-ui-bold-web-design", "name": "AMPLIFY – Marketing Agency Landing Page UI | Bold Web Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A marketing landing page pairs a cinematic goggle-wearing sculpture with oversized translucent type and a visible learn-more CTA. Credit: Nurun Nabi ✪. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27261184-AMPLIFY-Marketing-Agency-Landing-Page-UI-Bold-Web-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27261184-amplify-marketing-agency-landing-page-ui-bold-web-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27261184-amplify-marketing-agency-landing-page-ui-bold-web-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27261184-amplify-marketing-agency-landing-page-ui-bold-web-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AMPLIFY – Marketing Agency Landing Page UI | Bold Web Design\nSource: https://dribbble.com/shots/27261184-AMPLIFY-Marketing-Agency-Landing-Page-UI-Bold-Web-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27261184-amplify-marketing-agency-landing-page-ui-bold-web-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A marketing landing page pairs a cinematic goggle-wearing sculpture with oversized translucent type and a visible learn-more CTA. Credit: Nurun Nabi ✪. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-27590903-ai-cybersecurity-saas-website-landing-page-ui-design", "name": "AI Cybersecurity SaaS Website Landing Page UI Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An electric-blue illuminated device and a dark technical layout produce a focused cybersecurity-product hero. Credit: vino_costa. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27590903-AI-Cybersecurity-SaaS-Website-Landing-Page-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-27590903-ai-cybersecurity-saas-website-landing-page-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27590903-ai-cybersecurity-saas-website-landing-page-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27590903-ai-cybersecurity-saas-website-landing-page-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Cybersecurity SaaS Website Landing Page UI Design\nSource: https://dribbble.com/shots/27590903-AI-Cybersecurity-SaaS-Website-Landing-Page-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27590903-ai-cybersecurity-saas-website-landing-page-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An electric-blue illuminated device and a dark technical layout produce a focused cybersecurity-product hero. Credit: vino_costa. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-25571331-etail-landing-page-web-design-3d-animation", "name": "Etail landing page web design 3D animation", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A soft three-dimensional shop and pastel materials create a friendly commerce-platform introduction. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25571331-Etail-landing-page-web-design-3D-animation", "reference_url": "https://swipefile.design/ref/ms26-landing-25571331-etail-landing-page-web-design-3d-animation/", "screenshot_url": "https://swipefile.design/media/ms26-landing-25571331-etail-landing-page-web-design-3d-animation/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-25571331-etail-landing-page-web-design-3d-animation/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Etail landing page web design 3D animation\nSource: https://dribbble.com/shots/25571331-Etail-landing-page-web-design-3D-animation\nSwipefile reference: https://swipefile.design/ref/ms26-landing-25571331-etail-landing-page-web-design-3d-animation/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A soft three-dimensional shop and pastel materials create a friendly commerce-platform introduction. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-25426667-juun-j-experimental-minimalist-fashion-campaign-website-design", "name": "JUUN.J - Experimental Minimalist Fashion Campaign Website Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A fashion campaign landing page uses dramatic monochrome cutout photography, oversized typography and restrained campaign navigation. Credit: LAIN UI/UX. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25426667-JUUN-J-Experimental-Minimalist-Fashion-Campaign-Website-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-25426667-juun-j-experimental-minimalist-fashion-campaign-website-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-25426667-juun-j-experimental-minimalist-fashion-campaign-website-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-25426667-juun-j-experimental-minimalist-fashion-campaign-website-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: JUUN.J - Experimental Minimalist Fashion Campaign Website Design\nSource: https://dribbble.com/shots/25426667-JUUN-J-Experimental-Minimalist-Fashion-Campaign-Website-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-25426667-juun-j-experimental-minimalist-fashion-campaign-website-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A fashion campaign landing page uses dramatic monochrome cutout photography, oversized typography and restrained campaign navigation. Credit: LAIN UI/UX. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27537434-modern-e-commerce-landing-page", "name": "Modern E- Commerce Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A single-product jacket landing page uses a dimensional product centerpiece, expressive lettering and clear shopping controls. Credit: Rifat Jahangir Ony. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27537434-Modern-E-Commerce-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27537434-modern-e-commerce-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27537434-modern-e-commerce-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27537434-modern-e-commerce-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Modern E- Commerce Landing Page\nSource: https://dribbble.com/shots/27537434-Modern-E-Commerce-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27537434-modern-e-commerce-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A single-product jacket landing page uses a dimensional product centerpiece, expressive lettering and clear shopping controls. Credit: Rifat Jahangir Ony. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-25500758-hero-for-fintech-landing-page-web-design-3d-animation", "name": "Hero for fintech landing page web design 3D animation", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Metallic geometric forms and a dark violet stage give a payments platform a sculptural, premium hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25500758-Hero-for-fintech-landing-page-web-design-3D-animation", "reference_url": "https://swipefile.design/ref/ms26-landing-25500758-hero-for-fintech-landing-page-web-design-3d-animation/", "screenshot_url": "https://swipefile.design/media/ms26-landing-25500758-hero-for-fintech-landing-page-web-design-3d-animation/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-25500758-hero-for-fintech-landing-page-web-design-3d-animation/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Hero for fintech landing page web design 3D animation\nSource: https://dribbble.com/shots/25500758-Hero-for-fintech-landing-page-web-design-3D-animation\nSwipefile reference: https://swipefile.design/ref/ms26-landing-25500758-hero-for-fintech-landing-page-web-design-3d-animation/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Metallic geometric forms and a dark violet stage give a payments platform a sculptural, premium hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27728090-immersive-music-vr-audio-experience-landing-page", "name": "Immersive Music — VR & Audio Experience Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A VR music landing page combines bold black typography, acid-yellow accents, cutout photography and a focused start action. Credit: Roohi Koohi ✦. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27728090-Immersive-Music-VR-Audio-Experience-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27728090-immersive-music-vr-audio-experience-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27728090-immersive-music-vr-audio-experience-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27728090-immersive-music-vr-audio-experience-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "dark", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Immersive Music — VR & Audio Experience Landing Page\nSource: https://dribbble.com/shots/27728090-Immersive-Music-VR-Audio-Experience-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27728090-immersive-music-vr-audio-experience-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A VR music landing page combines bold black typography, acid-yellow accents, cutout photography and a focused start action. Credit: Roohi Koohi ✦. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-26889990-ai-audio-generator-landing-page", "name": "AI Audio Generator Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. An AI audio landing page uses cinematic image panels, a clear generating CTA and strong restrained typography. Credit: Aurélien Salomon UX ➔. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26889990-AI-Audio-Generator-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-26889990-ai-audio-generator-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-26889990-ai-audio-generator-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-26889990-ai-audio-generator-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Audio Generator Landing Page\nSource: https://dribbble.com/shots/26889990-AI-Audio-Generator-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-26889990-ai-audio-generator-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. An AI audio landing page uses cinematic image panels, a clear generating CTA and strong restrained typography. Credit: Aurélien Salomon UX ➔. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26186119-e-commerce-aicm-3d-landing-page-hero-section", "name": "E commerce AICM 3D landing page hero section", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A large translucent ribbon and pale violet sections add depth to a marketplace landing concept. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26186119-E-commerce-AICM-3D-landing-page-hero-section", "reference_url": "https://swipefile.design/ref/ms26-landing-26186119-e-commerce-aicm-3d-landing-page-hero-section/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26186119-e-commerce-aicm-3d-landing-page-hero-section/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26186119-e-commerce-aicm-3d-landing-page-hero-section/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: E commerce AICM 3D landing page hero section\nSource: https://dribbble.com/shots/26186119-E-commerce-AICM-3D-landing-page-hero-section\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26186119-e-commerce-aicm-3d-landing-page-hero-section/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A large translucent ribbon and pale violet sections add depth to a marketplace landing concept. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-25965045-aiaf-agents-3d-landing-page-animation-technology", "name": "AiAf Agents 3D Landing page animation technology", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Repeated luminous purple forms and a spare dark interface create a distinctive AI-infrastructure hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25965045-AiAf-Agents-3D-Landing-page-animation-technology", "reference_url": "https://swipefile.design/ref/ms26-landing-25965045-aiaf-agents-3d-landing-page-animation-technology/", "screenshot_url": "https://swipefile.design/media/ms26-landing-25965045-aiaf-agents-3d-landing-page-animation-technology/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-25965045-aiaf-agents-3d-landing-page-animation-technology/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AiAf Agents 3D Landing page animation technology\nSource: https://dribbble.com/shots/25965045-AiAf-Agents-3D-Landing-page-animation-technology\nSwipefile reference: https://swipefile.design/ref/ms26-landing-25965045-aiaf-agents-3d-landing-page-animation-technology/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Repeated luminous purple forms and a spare dark interface create a distinctive AI-infrastructure hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27299185-arc-raiders-sci-fi-brutalist-landing-page", "name": "Arc Raiders Sci-Fi Brutalist Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A game campaign landing page combines cinematic world imagery with oversized condensed typography and a visible play action. Credit: Dmytro Demianenko. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27299185-Arc-Raiders-Sci-Fi-Brutalist-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27299185-arc-raiders-sci-fi-brutalist-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27299185-arc-raiders-sci-fi-brutalist-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27299185-arc-raiders-sci-fi-brutalist-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Arc Raiders Sci-Fi Brutalist Landing Page\nSource: https://dribbble.com/shots/27299185-Arc-Raiders-Sci-Fi-Brutalist-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27299185-arc-raiders-sci-fi-brutalist-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A game campaign landing page combines cinematic world imagery with oversized condensed typography and a visible play action. Credit: Dmytro Demianenko. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-26210435-budbo-3d-landing-page-hero-section-coin-icons", "name": "Budbo 3D landing page hero section coin icons", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A purple metallic coin, curved light trails, and high-contrast type create a glossy crypto-product hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26210435-Budbo-3D-landing-page-hero-section-coin-icons", "reference_url": "https://swipefile.design/ref/ms26-landing-26210435-budbo-3d-landing-page-hero-section-coin-icons/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26210435-budbo-3d-landing-page-hero-section-coin-icons/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26210435-budbo-3d-landing-page-hero-section-coin-icons/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Budbo 3D landing page hero section coin icons\nSource: https://dribbble.com/shots/26210435-Budbo-3D-landing-page-hero-section-coin-icons\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26210435-budbo-3d-landing-page-hero-section-coin-icons/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A purple metallic coin, curved light trails, and high-contrast type create a glossy crypto-product hero. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-25912971-3d-landing-page-hero-section-animation", "name": "3D landing page hero section animation", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A sweeping metallic ribbon and a warm ring frame a dark studio landing concept with a strong sense of depth. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25912971-3D-landing-page-hero-section-animation", "reference_url": "https://swipefile.design/ref/ms26-landing-25912971-3d-landing-page-hero-section-animation/", "screenshot_url": "https://swipefile.design/media/ms26-landing-25912971-3d-landing-page-hero-section-animation/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-25912971-3d-landing-page-hero-section-animation/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: 3D landing page hero section animation\nSource: https://dribbble.com/shots/25912971-3D-landing-page-hero-section-animation\nSwipefile reference: https://swipefile.design/ref/ms26-landing-25912971-3d-landing-page-hero-section-animation/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A sweeping metallic ribbon and a warm ring frame a dark studio landing concept with a strong sense of depth. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-26027093-portals-3d-landing-page-animation", "name": "Portals 3D landing page animation", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A luminous blue coin on black stepped forms provides a clear visual anchor for a DeFi product proposition. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26027093-Portals-3D-landing-page-animation", "reference_url": "https://swipefile.design/ref/ms26-landing-26027093-portals-3d-landing-page-animation/", "screenshot_url": "https://swipefile.design/media/ms26-landing-26027093-portals-3d-landing-page-animation/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-26027093-portals-3d-landing-page-animation/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Portals 3D landing page animation\nSource: https://dribbble.com/shots/26027093-Portals-3D-landing-page-animation\nSwipefile reference: https://swipefile.design/ref/ms26-landing-26027093-portals-3d-landing-page-animation/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A luminous blue coin on black stepped forms provides a clear visual anchor for a DeFi product proposition. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-27251010-unus-website-3d-landing-page-web-design", "name": "UNUS website 3D landing page web design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Pale blue dimensional finance objects support a full landing composition with white and dark benefit sections. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27251010-UNUS-website-3D-landing-page-web-design", "reference_url": "https://swipefile.design/ref/ms26-landing-27251010-unus-website-3d-landing-page-web-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27251010-unus-website-3d-landing-page-web-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27251010-unus-website-3d-landing-page-web-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: UNUS website 3D landing page web design\nSource: https://dribbble.com/shots/27251010-UNUS-website-3D-landing-page-web-design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27251010-unus-website-3d-landing-page-web-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Pale blue dimensional finance objects support a full landing composition with white and dark benefit sections. Credit: ALEX BENDER. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-27359517-ai-3d-landing-page", "name": "AI 3D Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Glossy blue floating discs add dimensional interest to a restrained black AI-product hero. Credit: Tridimensi. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27359517-AI-3D-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-27359517-ai-3d-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27359517-ai-3d-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27359517-ai-3d-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "dark", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI 3D Landing Page\nSource: https://dribbble.com/shots/27359517-AI-3D-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27359517-ai-3d-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Glossy blue floating discs add dimensional interest to a restrained black AI-product hero. Credit: Tridimensi. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-25061781-camera-vf-landing-page-design", "name": "Camera VF Landing page design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A camera product landing page uses purposeful whitespace, crisp monochrome product photography and editorial typography. Credit: Basit A. khan 👋. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25061781-Camera-VF-Landing-page-design", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-25061781-camera-vf-landing-page-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-25061781-camera-vf-landing-page-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-25061781-camera-vf-landing-page-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Camera VF Landing page design\nSource: https://dribbble.com/shots/25061781-Camera-VF-Landing-page-design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-25061781-camera-vf-landing-page-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A camera product landing page uses purposeful whitespace, crisp monochrome product photography and editorial typography. Credit: Basit A. khan 👋. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-21660605-from-figma-to-3d-landing-page-with-no-code-dora-tutorial", "name": "From Figma to 3D landing page with no code - Dora Tutorial", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A detailed three-dimensional insect overlaps huge lime typography in a bold green interactive-hero concept. Credit: Minh Pham ✪. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/21660605-From-Figma-to-3D-landing-page-with-no-code-Dora-Tutorial", "reference_url": "https://swipefile.design/ref/ms26-landing-21660605-from-figma-to-3d-landing-page-with-no-code-dora-tutorial/", "screenshot_url": "https://swipefile.design/media/ms26-landing-21660605-from-figma-to-3d-landing-page-with-no-code-dora-tutorial/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-21660605-from-figma-to-3d-landing-page-with-no-code-dora-tutorial/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "3d", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: From Figma to 3D landing page with no code - Dora Tutorial\nSource: https://dribbble.com/shots/21660605-From-Figma-to-3D-landing-page-with-no-code-Dora-Tutorial\nSwipefile reference: https://swipefile.design/ref/ms26-landing-21660605-from-figma-to-3d-landing-page-with-no-code-dora-tutorial/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A detailed three-dimensional insect overlaps huge lime typography in a bold green interactive-hero concept. Credit: Minh Pham ✪. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-27480449-3d-landing-page", "name": "3D Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. Heavy condensed black typography and a mirrored mechanical form create a sharp monochrome software hero. Credit: Tridimensi. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27480449-3D-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-27480449-3d-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27480449-3d-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27480449-3d-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "dark", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: 3D Landing Page\nSource: https://dribbble.com/shots/27480449-3D-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27480449-3d-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. Heavy condensed black typography and a mirrored mechanical form create a sharp monochrome software hero. Credit: Tridimensi. Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27699347-film-agency-landing-page", "name": "Film Agency Landing page 📹", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A film-service landing page combines cinematic motion-blurred portrait photography with elegant type and a readable service narrative. Credit: Panda Design 🐼. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27699347-Film-Agency-Landing-page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27699347-film-agency-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27699347-film-agency-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27699347-film-agency-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Film Agency Landing page 📹\nSource: https://dribbble.com/shots/27699347-Film-Agency-Landing-page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27699347-film-agency-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A film-service landing page combines cinematic motion-blurred portrait photography with elegant type and a readable service narrative. Credit: Panda Design 🐼. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-27137010-mindsphere-web3-ai-agent-3d-landing-page-ui-ux-design", "name": "MindSphere Web3 AI Agent 3D Landing Page UI/UX Design", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A central humanoid figure, restrained green lighting, and rounded white type create a futuristic AI-agent introduction. Credit: Chatto (Cagatayhan). Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27137010-MindSphere-Web3-AI-Agent-3D-Landing-Page-UI-UX-Design", "reference_url": "https://swipefile.design/ref/ms26-landing-27137010-mindsphere-web3-ai-agent-3d-landing-page-ui-ux-design/", "screenshot_url": "https://swipefile.design/media/ms26-landing-27137010-mindsphere-web3-ai-agent-3d-landing-page-ui-ux-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-27137010-mindsphere-web3-ai-agent-3d-landing-page-ui-ux-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "designer-presentation", "concept-or-case-study", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: MindSphere Web3 AI Agent 3D Landing Page UI/UX Design\nSource: https://dribbble.com/shots/27137010-MindSphere-Web3-AI-Agent-3D-Landing-Page-UI-UX-Design\nSwipefile reference: https://swipefile.design/ref/ms26-landing-27137010-mindsphere-web3-ai-agent-3d-landing-page-ui-ux-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A central humanoid figure, restrained green lighting, and rounded white type create a futuristic AI-agent introduction. Credit: Chatto (Cagatayhan). Designer-published landing pages presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\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": "ms26-landing-v2-27788838-aera-headphone-landing-page", "name": "🎧 AERA — Headphone Landing Page", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A headphone product landing page uses vivid cobalt, large condensed type and detailed product-feature imagery. Credit: S. Datta 💯. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27788838--AERA-Headphone-Landing-Page", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27788838-aera-headphone-landing-page/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27788838-aera-headphone-landing-page/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27788838-aera-headphone-landing-page/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: 🎧 AERA — Headphone Landing Page\nSource: https://dribbble.com/shots/27788838--AERA-Headphone-Landing-Page\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27788838-aera-headphone-landing-page/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A headphone product landing page uses vivid cobalt, large condensed type and detailed product-feature imagery. Credit: S. Datta 💯. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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": "ms26-landing-v2-27695040-voxen-podcast-creator-website-ui-ux", "name": "Voxen — Podcast & Creator Website UI/UX", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Landing page concept", "summary": "Landing pages reference. A podcast landing page uses warm cinematic lighting, a dimensional microphone centerpiece and clearly organized listening content. Credit: Sk Nahid Hasan. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27695040-Voxen-Podcast-Creator-Website-UI-UX", "reference_url": "https://swipefile.design/ref/ms26-landing-v2-27695040-voxen-podcast-creator-website-ui-ux/", "screenshot_url": "https://swipefile.design/media/ms26-landing-v2-27695040-voxen-podcast-creator-website-ui-ux/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-landing-v2-27695040-voxen-podcast-creator-website-ui-ux/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:landing", "motionsites-inspired", "landing", "dribbble", "capture:excerpt", "visual-review-v2", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Voxen — Podcast & Creator Website UI/UX\nSource: https://dribbble.com/shots/27695040-Voxen-Podcast-Creator-Website-UI-UX\nSwipefile reference: https://swipefile.design/ref/ms26-landing-v2-27695040-voxen-podcast-creator-website-ui-ux/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the visual principles below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nLanding pages reference. A podcast landing page uses warm cinematic lighting, a dimensional microphone centerpiece and clearly organized listening content. Credit: Sk Nahid Hasan. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\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." } ] }