{ "version": 1, "name": "MotionSites-inspired websites", "url": "https://swipefile.design/board/motionsites-inspired-websites/", "markdown_url": "https://swipefile.design/board/motionsites-inspired-websites/notes.md", "json_url": "https://swipefile.design/board/motionsites-inspired-websites/data.json", "pdf_url": "https://swipefile.design/board/motionsites-inspired-websites/export.pdf", "reference_count": 50, "unavailable_count": 0, "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.", "references": [ { "slug": "ms26-websites-maria-vasilyeva-portfolio", "name": "Maria Vasilyeva Portfolio", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An oversized editorial serif headline, sparse black-and-white layout, and disciplined alignment create a strong portfolio opening. Credit: Maria Vasilyeva, Surya Aditya. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/maria-vasilyeva-portfolio", "reference_url": "https://swipefile.design/ref/ms26-websites-maria-vasilyeva-portfolio/", "screenshot_url": "https://swipefile.design/media/ms26-websites-maria-vasilyeva-portfolio/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-maria-vasilyeva-portfolio/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark", "bold-typography", "editorial", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Maria Vasilyeva Portfolio\nSource: https://www.awwwards.com/sites/maria-vasilyeva-portfolio\nSwipefile reference: https://swipefile.design/ref/ms26-websites-maria-vasilyeva-portfolio/\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\nWebsites reference. An oversized editorial serif headline, sparse black-and-white layout, and disciplined alignment create a strong portfolio opening. Credit: Maria Vasilyeva, Surya Aditya. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-odyssee", "name": "Odyssée", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Reflective rounded forms and delicate type create a quiet, sculptural visual direction for a clinic website. Credit: NIGHTJAR. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/odyssee", "reference_url": "https://swipefile.design/ref/ms26-websites-odyssee/", "screenshot_url": "https://swipefile.design/media/ms26-websites-odyssee/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-odyssee/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Odyssée\nSource: https://www.awwwards.com/sites/odyssee\nSwipefile reference: https://swipefile.design/ref/ms26-websites-odyssee/\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\nWebsites reference. Reflective rounded forms and delicate type create a quiet, sculptural visual direction for a clinic website. Credit: NIGHTJAR. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-twks-1", "name": "twks", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A lush green tunnel of organic forms frames a bright center, creating an immersive studio introduction. Credit: twks. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/twks-1", "reference_url": "https://swipefile.design/ref/ms26-websites-twks-1/", "screenshot_url": "https://swipefile.design/media/ms26-websites-twks-1/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-twks-1/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: twks\nSource: https://www.awwwards.com/sites/twks-1\nSwipefile reference: https://swipefile.design/ref/ms26-websites-twks-1/\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\nWebsites reference. A lush green tunnel of organic forms frames a bright center, creating an immersive studio introduction. Credit: twks. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-santioni-spirits", "name": "Santioni Spirits", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A red product page pairs an expressive white serif headline, a dimensional spirits bottle and visible navigation. Credit: Active Theory, plan8. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/santioni-spirits", "reference_url": "https://swipefile.design/ref/ms26-websites-santioni-spirits/", "screenshot_url": "https://swipefile.design/media/ms26-websites-santioni-spirits/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-santioni-spirits/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Santioni Spirits\nSource: https://www.awwwards.com/sites/santioni-spirits\nSwipefile reference: https://swipefile.design/ref/ms26-websites-santioni-spirits/\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\nWebsites reference. A red product page pairs an expressive white serif headline, a dimensional spirits bottle and visible navigation. Credit: Active Theory, plan8. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-edolus", "name": "EDOLUS", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Orbital imagery, a sweeping planetary horizon, and bold white typography establish a cinematic technology narrative. Credit: Yann Trevelot / Vertex3D. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/edolus", "reference_url": "https://swipefile.design/ref/ms26-websites-edolus/", "screenshot_url": "https://swipefile.design/media/ms26-websites-edolus/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-edolus/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: EDOLUS\nSource: https://www.awwwards.com/sites/edolus\nSwipefile reference: https://swipefile.design/ref/ms26-websites-edolus/\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\nWebsites reference. Orbital imagery, a sweeping planetary horizon, and bold white typography establish a cinematic technology narrative. Credit: Yann Trevelot / Vertex3D. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-tengile-malamala-collection", "name": "Tengile Malamala Collection", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Large elegant typography overlays warm lodge photography, balancing a luxury-travel atmosphere with a strong opening message. Credit: DashDigital, Ingamana. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/tengile-malamala-collection", "reference_url": "https://swipefile.design/ref/ms26-websites-tengile-malamala-collection/", "screenshot_url": "https://swipefile.design/media/ms26-websites-tengile-malamala-collection/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-tengile-malamala-collection/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Tengile Malamala Collection\nSource: https://www.awwwards.com/sites/tengile-malamala-collection\nSwipefile reference: https://swipefile.design/ref/ms26-websites-tengile-malamala-collection/\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\nWebsites reference. Large elegant typography overlays warm lodge photography, balancing a luxury-travel atmosphere with a strong opening message. Credit: DashDigital, Ingamana. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-v2-ten-years-away", "name": "Ten Years Away", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An editorial book website combines oversized condensed type, a richly illustrated cover and clearly placed project information. Credit: Studio375, Daniel Bassan. Awwwards Site of the Day design presentation; credited static website preview. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/ten-years-away", "reference_url": "https://swipefile.design/ref/ms26-websites-v2-ten-years-away/", "screenshot_url": "https://swipefile.design/media/ms26-websites-v2-ten-years-away/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-websites-v2-ten-years-away/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "visual-review-v2", "sotd", "award-presentation", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Ten Years Away\nSource: https://www.awwwards.com/sites/ten-years-away\nSwipefile reference: https://swipefile.design/ref/ms26-websites-v2-ten-years-away/\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\nWebsites reference. An editorial book website combines oversized condensed type, a richly illustrated cover and clearly placed project information. Credit: Studio375, Daniel Bassan. Awwwards Site of the Day design presentation; credited static website preview. 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-websites-cominvi", "name": "CoMinVi", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A cinematic mining landscape supports a clear white headline, navigation and a project carousel; the page replaces the earlier standalone wordmark cover. Credit: HOLOGRAPHIK. Static capture of the live website, visually checked; source link credits the Awwwards design entry. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/cominvi", "reference_url": "https://swipefile.design/ref/ms26-websites-cominvi/", "screenshot_url": "https://swipefile.design/media/ms26-websites-cominvi/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-cominvi/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark", "bold-typography", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: CoMinVi\nSource: https://www.awwwards.com/sites/cominvi\nSwipefile reference: https://swipefile.design/ref/ms26-websites-cominvi/\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\nWebsites reference. A cinematic mining landscape supports a clear white headline, navigation and a project carousel; the page replaces the earlier standalone wordmark cover. Credit: HOLOGRAPHIK. Static capture of the live website, visually checked; source link credits the Awwwards design entry. 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-websites-jesper-landberg-4", "name": "Jesper Landberg", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Curved project panels in a dark three-dimensional space present portfolio work as an immersive exhibition. Credit: Jesper Landberg. Static capture of the live website, visually checked; source link credits the Awwwards design entry. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/jesper-landberg-4", "reference_url": "https://swipefile.design/ref/ms26-websites-jesper-landberg-4/", "screenshot_url": "https://swipefile.design/media/ms26-websites-jesper-landberg-4/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-jesper-landberg-4/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Jesper Landberg\nSource: https://www.awwwards.com/sites/jesper-landberg-4\nSwipefile reference: https://swipefile.design/ref/ms26-websites-jesper-landberg-4/\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\nWebsites reference. Curved project panels in a dark three-dimensional space present portfolio work as an immersive exhibition. Credit: Jesper Landberg. Static capture of the live website, visually checked; source link credits the Awwwards design entry. 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-websites-butter", "name": "Butter", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Floating product icons and restrained gray typography create a playful but spacious studio presentation. Credit: ToyFight. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/butter", "reference_url": "https://swipefile.design/ref/ms26-websites-butter/", "screenshot_url": "https://swipefile.design/media/ms26-websites-butter/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-butter/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "playful", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Butter\nSource: https://www.awwwards.com/sites/butter\nSwipefile reference: https://swipefile.design/ref/ms26-websites-butter/\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\nWebsites reference. Floating product icons and restrained gray typography create a playful but spacious studio presentation. Credit: ToyFight. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-realevate", "name": "Realevate", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Oversized navy typography, bright architecture, and a centered white information panel establish a refined property direction. Credit: Or Halevi, MAKETHECUT®. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/realevate", "reference_url": "https://swipefile.design/ref/ms26-websites-realevate/", "screenshot_url": "https://swipefile.design/media/ms26-websites-realevate/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-realevate/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Realevate\nSource: https://www.awwwards.com/sites/realevate\nSwipefile reference: https://swipefile.design/ref/ms26-websites-realevate/\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\nWebsites reference. Oversized navy typography, bright architecture, and a centered white information panel establish a refined property direction. Credit: Or Halevi, MAKETHECUT®. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-the-tie-break", "name": "The Tie-break", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Blurred sporting imagery, fine grid lines, and expressive serif type create an editorial campaign composition. Credit: Merci Michel. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/the-tie-break", "reference_url": "https://swipefile.design/ref/ms26-websites-the-tie-break/", "screenshot_url": "https://swipefile.design/media/ms26-websites-the-tie-break/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-the-tie-break/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: The Tie-break\nSource: https://www.awwwards.com/sites/the-tie-break\nSwipefile reference: https://swipefile.design/ref/ms26-websites-the-tie-break/\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\nWebsites reference. Blurred sporting imagery, fine grid lines, and expressive serif type create an editorial campaign composition. Credit: Merci Michel. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-sobha-privy-collection", "name": "Sobha Privy Collection", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Restrained serif typography and dark, tactile imagery produce a quiet luxury-property presentation. Credit: Vide Infra. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/sobha-privy-collection", "reference_url": "https://swipefile.design/ref/ms26-websites-sobha-privy-collection/", "screenshot_url": "https://swipefile.design/media/ms26-websites-sobha-privy-collection/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-sobha-privy-collection/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark", "editorial", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Sobha Privy Collection\nSource: https://www.awwwards.com/sites/sobha-privy-collection\nSwipefile reference: https://swipefile.design/ref/ms26-websites-sobha-privy-collection/\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\nWebsites reference. Restrained serif typography and dark, tactile imagery produce a quiet luxury-property presentation. Credit: Vide Infra. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-bleibtgleich26", "name": "bleibtgleich'26", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A black-and-white portfolio combines bold stacked typography with a stepped Home, Work and Contact navigation. Credit: The First The Last, Maksym Bleibtgleich. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/bleibtgleich26", "reference_url": "https://swipefile.design/ref/ms26-websites-bleibtgleich26/", "screenshot_url": "https://swipefile.design/media/ms26-websites-bleibtgleich26/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-bleibtgleich26/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: bleibtgleich'26\nSource: https://www.awwwards.com/sites/bleibtgleich26\nSwipefile reference: https://swipefile.design/ref/ms26-websites-bleibtgleich26/\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\nWebsites reference. A black-and-white portfolio combines bold stacked typography with a stepped Home, Work and Contact navigation. Credit: The First The Last, Maksym Bleibtgleich. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-gil-huybrecht", "name": "Gil Huybrecht", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Small portfolio thumbnails arranged against a deep black field create a dense but controlled visual index. Credit: Gil Huybrecht, Jesper Landberg. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/gil-huybrecht", "reference_url": "https://swipefile.design/ref/ms26-websites-gil-huybrecht/", "screenshot_url": "https://swipefile.design/media/ms26-websites-gil-huybrecht/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-gil-huybrecht/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Gil Huybrecht\nSource: https://www.awwwards.com/sites/gil-huybrecht\nSwipefile reference: https://swipefile.design/ref/ms26-websites-gil-huybrecht/\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\nWebsites reference. Small portfolio thumbnails arranged against a deep black field create a dense but controlled visual index. Credit: Gil Huybrecht, Jesper Landberg. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-boc-studio", "name": "Boc.Studio", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A bright red studio information page uses a disciplined editorial grid for services, clients, profile and contact details. Credit: Boc.Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/boc-studio", "reference_url": "https://swipefile.design/ref/ms26-websites-boc-studio/", "screenshot_url": "https://swipefile.design/media/ms26-websites-boc-studio/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-boc-studio/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Boc.Studio\nSource: https://www.awwwards.com/sites/boc-studio\nSwipefile reference: https://swipefile.design/ref/ms26-websites-boc-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\nWebsites reference. A bright red studio information page uses a disciplined editorial grid for services, clients, profile and contact details. Credit: Boc.Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-noho", "name": "Noho", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A cream furniture website pairs a bold positioning statement with a colorful tiled product and portrait gallery. Credit: Eugene Morev, Alex Ivanov. Static capture of the live website, visually checked; source link credits the Awwwards design entry. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/noho", "reference_url": "https://swipefile.design/ref/ms26-websites-noho/", "screenshot_url": "https://swipefile.design/media/ms26-websites-noho/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-noho/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Noho\nSource: https://www.awwwards.com/sites/noho\nSwipefile reference: https://swipefile.design/ref/ms26-websites-noho/\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\nWebsites reference. A cream furniture website pairs a bold positioning statement with a colorful tiled product and portrait gallery. Credit: Eugene Morev, Alex Ivanov. Static capture of the live website, visually checked; source link credits the Awwwards design entry. 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-websites-v2-lidar-drone-scanning", "name": "Lidar Drone Scanning", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A restrained white website hero combines a dimensional drone, outlined oversized typography, navigation and product information. Credit: Riotters. Awwwards Site of the Day design presentation; credited static website preview. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/lidar-drone-scanning", "reference_url": "https://swipefile.design/ref/ms26-websites-v2-lidar-drone-scanning/", "screenshot_url": "https://swipefile.design/media/ms26-websites-v2-lidar-drone-scanning/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-websites-v2-lidar-drone-scanning/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "visual-review-v2", "sotd", "award-presentation", "3d", "bold-typography", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Lidar Drone Scanning\nSource: https://www.awwwards.com/sites/lidar-drone-scanning\nSwipefile reference: https://swipefile.design/ref/ms26-websites-v2-lidar-drone-scanning/\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\nWebsites reference. A restrained white website hero combines a dimensional drone, outlined oversized typography, navigation and product information. Credit: Riotters. Awwwards Site of the Day design presentation; credited static website preview. 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-websites-the-tuscan-journey-begins", "name": "The Tuscan Journey Begins", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Large cream type, travel photography, and striped graphic framing create an energetic destination narrative. Credit: MONOGRID. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/the-tuscan-journey-begins", "reference_url": "https://swipefile.design/ref/ms26-websites-the-tuscan-journey-begins/", "screenshot_url": "https://swipefile.design/media/ms26-websites-the-tuscan-journey-begins/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-the-tuscan-journey-begins/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: The Tuscan Journey Begins\nSource: https://www.awwwards.com/sites/the-tuscan-journey-begins\nSwipefile reference: https://swipefile.design/ref/ms26-websites-the-tuscan-journey-begins/\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\nWebsites reference. Large cream type, travel photography, and striped graphic framing create an energetic destination narrative. Credit: MONOGRID. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-warm-fuzzy", "name": "Warm & Fuzzy", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A dark portfolio work index uses a generous three-column grid of cinematic and dimensional projects. Credit: Neutral Studio, Paulo Ferreira Jorge, warmnfuzzy.tv. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/warm-fuzzy", "reference_url": "https://swipefile.design/ref/ms26-websites-warm-fuzzy/", "screenshot_url": "https://swipefile.design/media/ms26-websites-warm-fuzzy/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-warm-fuzzy/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "playful", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Warm & Fuzzy\nSource: https://www.awwwards.com/sites/warm-fuzzy\nSwipefile reference: https://swipefile.design/ref/ms26-websites-warm-fuzzy/\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\nWebsites reference. A dark portfolio work index uses a generous three-column grid of cinematic and dimensional projects. Credit: Neutral Studio, Paulo Ferreira Jorge, warmnfuzzy.tv. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-white-desert", "name": "White Desert", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Immersive blue ice photography and a very large condensed destination label create a powerful travel hero. Credit: Malvah. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/white-desert", "reference_url": "https://swipefile.design/ref/ms26-websites-white-desert/", "screenshot_url": "https://swipefile.design/media/ms26-websites-white-desert/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-white-desert/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: White Desert\nSource: https://www.awwwards.com/sites/white-desert\nSwipefile reference: https://swipefile.design/ref/ms26-websites-white-desert/\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\nWebsites reference. Immersive blue ice photography and a very large condensed destination label create a powerful travel hero. Credit: Malvah. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-cerebrium", "name": "Cerebrium", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Deep purple folded forms, bright pink accents, and restrained white text create a premium AI-infrastructure direction. Credit: Louis Paquet. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/cerebrium", "reference_url": "https://swipefile.design/ref/ms26-websites-cerebrium/", "screenshot_url": "https://swipefile.design/media/ms26-websites-cerebrium/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-cerebrium/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Cerebrium\nSource: https://www.awwwards.com/sites/cerebrium\nSwipefile reference: https://swipefile.design/ref/ms26-websites-cerebrium/\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\nWebsites reference. Deep purple folded forms, bright pink accents, and restrained white text create a premium AI-infrastructure direction. Credit: Louis Paquet. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-seasats", "name": "Seasats", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A calm maritime photograph and large light serif type communicate advanced hardware through a spacious editorial composition. Credit: Raw Materials. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/seasats", "reference_url": "https://swipefile.design/ref/ms26-websites-seasats/", "screenshot_url": "https://swipefile.design/media/ms26-websites-seasats/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-seasats/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Seasats\nSource: https://www.awwwards.com/sites/seasats\nSwipefile reference: https://swipefile.design/ref/ms26-websites-seasats/\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\nWebsites reference. A calm maritime photograph and large light serif type communicate advanced hardware through a spacious editorial composition. Credit: Raw Materials. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-why-zero", "name": "Why Zero", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Surreal hands, misty scenery, and a simple central wordmark create a distinctive technology-and-nature composition. Credit: Sindhur Dutta. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/why-zero", "reference_url": "https://swipefile.design/ref/ms26-websites-why-zero/", "screenshot_url": "https://swipefile.design/media/ms26-websites-why-zero/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-why-zero/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Why Zero\nSource: https://www.awwwards.com/sites/why-zero\nSwipefile reference: https://swipefile.design/ref/ms26-websites-why-zero/\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\nWebsites reference. Surreal hands, misty scenery, and a simple central wordmark create a distinctive technology-and-nature composition. Credit: Sindhur Dutta. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-united-carriers", "name": "United Carriers", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A luminous globe and oversized white type anchor a freight website with clear navigation and inquiry controls. Credit: Bearplus, Kenny Ho. Static capture of the live website, visually checked; source link credits the Awwwards design entry. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/united-carriers", "reference_url": "https://swipefile.design/ref/ms26-websites-united-carriers/", "screenshot_url": "https://swipefile.design/media/ms26-websites-united-carriers/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-united-carriers/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: United Carriers\nSource: https://www.awwwards.com/sites/united-carriers\nSwipefile reference: https://swipefile.design/ref/ms26-websites-united-carriers/\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\nWebsites reference. A luminous globe and oversized white type anchor a freight website with clear navigation and inquiry controls. Credit: Bearplus, Kenny Ho. Static capture of the live website, visually checked; source link credits the Awwwards design entry. 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-websites-hobro-digital", "name": "HOBRO DIGITAL", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A monochrome studio services page combines overlapping display typography, a service list and visible site navigation. Credit: Hobro Digital. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/hobro-digital", "reference_url": "https://swipefile.design/ref/ms26-websites-hobro-digital/", "screenshot_url": "https://swipefile.design/media/ms26-websites-hobro-digital/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-hobro-digital/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: HOBRO DIGITAL\nSource: https://www.awwwards.com/sites/hobro-digital\nSwipefile reference: https://swipefile.design/ref/ms26-websites-hobro-digital/\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\nWebsites reference. A monochrome studio services page combines overlapping display typography, a service list and visible site navigation. Credit: Hobro Digital. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-the-watch", "name": "The Watch", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A mechanical watch story pairs a dimensional movement, organic linework, editorial labels and oversized section numbering. Credit: 60fps. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/the-watch", "reference_url": "https://swipefile.design/ref/ms26-websites-the-watch/", "screenshot_url": "https://swipefile.design/media/ms26-websites-the-watch/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-the-watch/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: The Watch\nSource: https://www.awwwards.com/sites/the-watch\nSwipefile reference: https://swipefile.design/ref/ms26-websites-the-watch/\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\nWebsites reference. A mechanical watch story pairs a dimensional movement, organic linework, editorial labels and oversized section numbering. Credit: 60fps. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-v2-pacome-pertant-portfolio", "name": "Pacôme Pertant Portfolio", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A designer portfolio presents a dimensional floating project gallery inside a clear browser-like site frame with navigation. Credit: Louis Bocquet, Colin Demouge. Awwwards Site of the Day design presentation; credited static website preview. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/pacome-pertant-portfolio", "reference_url": "https://swipefile.design/ref/ms26-websites-v2-pacome-pertant-portfolio/", "screenshot_url": "https://swipefile.design/media/ms26-websites-v2-pacome-pertant-portfolio/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-websites-v2-pacome-pertant-portfolio/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "visual-review-v2", "sotd", "award-presentation", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Pacôme Pertant Portfolio\nSource: https://www.awwwards.com/sites/pacome-pertant-portfolio\nSwipefile reference: https://swipefile.design/ref/ms26-websites-v2-pacome-pertant-portfolio/\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\nWebsites reference. A designer portfolio presents a dimensional floating project gallery inside a clear browser-like site frame with navigation. Credit: Louis Bocquet, Colin Demouge. Awwwards Site of the Day design presentation; credited static website preview. 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-websites-julien-calot", "name": "Julien Calot", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An artist project page combines a vivid painting with generous whitespace, project details and clear top navigation. Credit: FLOT NOIR, Clement Merouani, Moussa Mamadou. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/julien-calot", "reference_url": "https://swipefile.design/ref/ms26-websites-julien-calot/", "screenshot_url": "https://swipefile.design/media/ms26-websites-julien-calot/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-julien-calot/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Julien Calot\nSource: https://www.awwwards.com/sites/julien-calot\nSwipefile reference: https://swipefile.design/ref/ms26-websites-julien-calot/\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\nWebsites reference. An artist project page combines a vivid painting with generous whitespace, project details and clear top navigation. Credit: FLOT NOIR, Clement Merouani, Moussa Mamadou. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-depo-luxe", "name": "Depo Luxe", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A dark film portfolio pairs a centered director name with a disciplined grid of cinematic work and navigation. Credit: Cuchillo. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/depo-luxe", "reference_url": "https://swipefile.design/ref/ms26-websites-depo-luxe/", "screenshot_url": "https://swipefile.design/media/ms26-websites-depo-luxe/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-depo-luxe/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "gradient" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Depo Luxe\nSource: https://www.awwwards.com/sites/depo-luxe\nSwipefile reference: https://swipefile.design/ref/ms26-websites-depo-luxe/\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\nWebsites reference. A dark film portfolio pairs a centered director name with a disciplined grid of cinematic work and navigation. Credit: Cuchillo. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-units", "name": "Units", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Color-coded navigation and a deep perspective grid make a student-living concept feel graphic and highly structured. Credit: Big Horror Athens. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/units", "reference_url": "https://swipefile.design/ref/ms26-websites-units/", "screenshot_url": "https://swipefile.design/media/ms26-websites-units/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-units/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Units\nSource: https://www.awwwards.com/sites/units\nSwipefile reference: https://swipefile.design/ref/ms26-websites-units/\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\nWebsites reference. Color-coded navigation and a deep perspective grid make a student-living concept feel graphic and highly structured. Credit: Big Horror Athens. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-meech213", "name": "Meech213", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Editorial portraiture and overlapping magazine-like image panels give a fashion portfolio a strong visual hierarchy. Credit: The Blackpepper Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/meech213", "reference_url": "https://swipefile.design/ref/ms26-websites-meech213/", "screenshot_url": "https://swipefile.design/media/ms26-websites-meech213/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-meech213/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Meech213\nSource: https://www.awwwards.com/sites/meech213\nSwipefile reference: https://swipefile.design/ref/ms26-websites-meech213/\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\nWebsites reference. Editorial portraiture and overlapping magazine-like image panels give a fashion portfolio a strong visual hierarchy. Credit: The Blackpepper Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-podium", "name": "Podium", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A sports studio page uses strong black uppercase editorial typography, navigation and a visible behind-the-scenes section. Credit: San Rita. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/podium", "reference_url": "https://swipefile.design/ref/ms26-websites-podium/", "screenshot_url": "https://swipefile.design/media/ms26-websites-podium/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-podium/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Podium\nSource: https://www.awwwards.com/sites/podium\nSwipefile reference: https://swipefile.design/ref/ms26-websites-podium/\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\nWebsites reference. A sports studio page uses strong black uppercase editorial typography, navigation and a visible behind-the-scenes section. Credit: San Rita. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-il-capo-production", "name": "IL CAPO PRODUCTION", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Huge red lettering contrasts with a soft editorial portrait for a bold production-company presentation. Credit: AUGE EXPERIENCE. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/il-capo-production", "reference_url": "https://swipefile.design/ref/ms26-websites-il-capo-production/", "screenshot_url": "https://swipefile.design/media/ms26-websites-il-capo-production/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-il-capo-production/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: IL CAPO PRODUCTION\nSource: https://www.awwwards.com/sites/il-capo-production\nSwipefile reference: https://swipefile.design/ref/ms26-websites-il-capo-production/\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\nWebsites reference. Huge red lettering contrasts with a soft editorial portrait for a bold production-company presentation. Credit: AUGE EXPERIENCE. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-everswap", "name": "EverSwap", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An idealized three-dimensional mountain landscape and elegant white serif type create an immersive finance direction. Credit: Lusion. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/everswap", "reference_url": "https://swipefile.design/ref/ms26-websites-everswap/", "screenshot_url": "https://swipefile.design/media/ms26-websites-everswap/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-everswap/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: EverSwap\nSource: https://www.awwwards.com/sites/everswap\nSwipefile reference: https://swipefile.design/ref/ms26-websites-everswap/\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\nWebsites reference. An idealized three-dimensional mountain landscape and elegant white serif type create an immersive finance direction. Credit: Lusion. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-digitalists-1", "name": "digitalists", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An agency website combines cinematic imagery, yellow accents, a readable positioning statement and a structured navigation bar. Credit: digitalists. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/digitalists-1", "reference_url": "https://swipefile.design/ref/ms26-websites-digitalists-1/", "screenshot_url": "https://swipefile.design/media/ms26-websites-digitalists-1/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-digitalists-1/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: digitalists\nSource: https://www.awwwards.com/sites/digitalists-1\nSwipefile reference: https://swipefile.design/ref/ms26-websites-digitalists-1/\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\nWebsites reference. An agency website combines cinematic imagery, yellow accents, a readable positioning statement and a structured navigation bar. Credit: digitalists. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-rpa-comunicacion", "name": "RPA COMUNICACIÓN", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Saturated red fields, layered images, and scattered oversized words create a bold communication-studio composition. Credit: LaNegrita. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/rpa-comunicacion", "reference_url": "https://swipefile.design/ref/ms26-websites-rpa-comunicacion/", "screenshot_url": "https://swipefile.design/media/ms26-websites-rpa-comunicacion/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-rpa-comunicacion/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: RPA COMUNICACIÓN\nSource: https://www.awwwards.com/sites/rpa-comunicacion\nSwipefile reference: https://swipefile.design/ref/ms26-websites-rpa-comunicacion/\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\nWebsites reference. Saturated red fields, layered images, and scattered oversized words create a bold communication-studio composition. Credit: LaNegrita. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-indigo-laboratory", "name": "Indigo Laboratory", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A jewelry collection page uses a clean horizontal product grid, visible navigation and atmospheric fashion imagery. Credit: FPTP Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/indigo-laboratory", "reference_url": "https://swipefile.design/ref/ms26-websites-indigo-laboratory/", "screenshot_url": "https://swipefile.design/media/ms26-websites-indigo-laboratory/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-indigo-laboratory/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Indigo Laboratory\nSource: https://www.awwwards.com/sites/indigo-laboratory\nSwipefile reference: https://swipefile.design/ref/ms26-websites-indigo-laboratory/\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\nWebsites reference. A jewelry collection page uses a clean horizontal product grid, visible navigation and atmospheric fashion imagery. Credit: FPTP Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-elva", "name": "Elva", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Reflective clustered spheres and oversized soft-focus text create an atmospheric technology-product presentation. Credit: Lazarev.. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/elva", "reference_url": "https://swipefile.design/ref/ms26-websites-elva/", "screenshot_url": "https://swipefile.design/media/ms26-websites-elva/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-elva/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Elva\nSource: https://www.awwwards.com/sites/elva\nSwipefile reference: https://swipefile.design/ref/ms26-websites-elva/\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\nWebsites reference. Reflective clustered spheres and oversized soft-focus text create an atmospheric technology-product presentation. Credit: Lazarev.. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-sakazuki", "name": "sakazuki", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A black-and-red editorial website uses oversized SAKA ZUKI typography, artist information and clear collection navigation. Credit: Shun_Kudo. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/sakazuki", "reference_url": "https://swipefile.design/ref/ms26-websites-sakazuki/", "screenshot_url": "https://swipefile.design/media/ms26-websites-sakazuki/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-sakazuki/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: sakazuki\nSource: https://www.awwwards.com/sites/sakazuki\nSwipefile reference: https://swipefile.design/ref/ms26-websites-sakazuki/\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\nWebsites reference. A black-and-red editorial website uses oversized SAKA ZUKI typography, artist information and clear collection navigation. Credit: Shun_Kudo. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-crav-burgers", "name": "Crav Burgers", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Oversized red typography, a central burger, and a vivid yellow field create an energetic food-commerce hero. Credit: Vasav Prajapati, Anyflow, Pritam Das, Gaurav Verma. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/crav-burgers", "reference_url": "https://swipefile.design/ref/ms26-websites-crav-burgers/", "screenshot_url": "https://swipefile.design/media/ms26-websites-crav-burgers/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-crav-burgers/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Crav Burgers\nSource: https://www.awwwards.com/sites/crav-burgers\nSwipefile reference: https://swipefile.design/ref/ms26-websites-crav-burgers/\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\nWebsites reference. Oversized red typography, a central burger, and a vivid yellow field create an energetic food-commerce hero. Credit: Vasav Prajapati, Anyflow, Pritam Das, Gaurav Verma. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-hubtown", "name": "Hubtown", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. An illuminated blue monolith in a dark landscape gives a real-estate concept a strong futuristic visual anchor. Credit: Unseen Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/hubtown", "reference_url": "https://swipefile.design/ref/ms26-websites-hubtown/", "screenshot_url": "https://swipefile.design/media/ms26-websites-hubtown/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-hubtown/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Hubtown\nSource: https://www.awwwards.com/sites/hubtown\nSwipefile reference: https://swipefile.design/ref/ms26-websites-hubtown/\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\nWebsites reference. An illuminated blue monolith in a dark landscape gives a real-estate concept a strong futuristic visual anchor. Credit: Unseen Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-20-years-inspired-by-people", "name": "20 Years Inspired by People", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A green editorial story page pairs a refined serif headline with navigation and a visible invitation to explore the archive. Credit: /nk.studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/20-years-inspired-by-people", "reference_url": "https://swipefile.design/ref/ms26-websites-20-years-inspired-by-people/", "screenshot_url": "https://swipefile.design/media/ms26-websites-20-years-inspired-by-people/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-20-years-inspired-by-people/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: 20 Years Inspired by People\nSource: https://www.awwwards.com/sites/20-years-inspired-by-people\nSwipefile reference: https://swipefile.design/ref/ms26-websites-20-years-inspired-by-people/\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\nWebsites reference. A green editorial story page pairs a refined serif headline with navigation and a visible invitation to explore the archive. Credit: /nk.studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-hearst-exhibit-2026", "name": "Hearst Exhibit 2026", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Floating editorial images and fine white serif type form a dramatic exhibition composition against black. Credit: OSMOS. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/hearst-exhibit-2026", "reference_url": "https://swipefile.design/ref/ms26-websites-hearst-exhibit-2026/", "screenshot_url": "https://swipefile.design/media/ms26-websites-hearst-exhibit-2026/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-hearst-exhibit-2026/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Hearst Exhibit 2026\nSource: https://www.awwwards.com/sites/hearst-exhibit-2026\nSwipefile reference: https://swipefile.design/ref/ms26-websites-hearst-exhibit-2026/\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\nWebsites reference. Floating editorial images and fine white serif type form a dramatic exhibition composition against black. Credit: OSMOS. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-noomo-showcase", "name": "Noomo Showcase", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A cobalt studio website combines oversized manifesto typography, a dimensional cube and a clear navigation bar. Credit: Noomo Agency. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/noomo-showcase", "reference_url": "https://swipefile.design/ref/ms26-websites-noomo-showcase/", "screenshot_url": "https://swipefile.design/media/ms26-websites-noomo-showcase/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-noomo-showcase/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Noomo Showcase\nSource: https://www.awwwards.com/sites/noomo-showcase\nSwipefile reference: https://swipefile.design/ref/ms26-websites-noomo-showcase/\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\nWebsites reference. A cobalt studio website combines oversized manifesto typography, a dimensional cube and a clear navigation bar. Credit: Noomo Agency. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-2xa-studio", "name": "2xA Studio", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A dark experimental studio website uses dotted display type, a visible project grid and a clear navigation bar. Credit: 2xA Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/2xa-studio", "reference_url": "https://swipefile.design/ref/ms26-websites-2xa-studio/", "screenshot_url": "https://swipefile.design/media/ms26-websites-2xa-studio/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-2xa-studio/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "dark", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: 2xA Studio\nSource: https://www.awwwards.com/sites/2xa-studio\nSwipefile reference: https://swipefile.design/ref/ms26-websites-2xa-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\nWebsites reference. A dark experimental studio website uses dotted display type, a visible project grid and a clear navigation bar. Credit: 2xA Studio. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-ciao-energy-launch-website", "name": "CIAO ENERGY - LAUNCH WEBSITE", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. Sculptural beverage cans, a dark stage, and purple lighting turn a product launch into a dramatic showcase. Credit: Skaald. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/ciao-energy-launch-website", "reference_url": "https://swipefile.design/ref/ms26-websites-ciao-energy-launch-website/", "screenshot_url": "https://swipefile.design/media/ms26-websites-ciao-energy-launch-website/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-ciao-energy-launch-website/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: CIAO ENERGY - LAUNCH WEBSITE\nSource: https://www.awwwards.com/sites/ciao-energy-launch-website\nSwipefile reference: https://swipefile.design/ref/ms26-websites-ciao-energy-launch-website/\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\nWebsites reference. Sculptural beverage cans, a dark stage, and purple lighting turn a product launch into a dramatic showcase. Credit: Skaald. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-made-with-gsap-1", "name": "Made With Gsap", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A simple light layout frames small colorful interaction examples, keeping technical work easy to scan. Credit: Florent Roux-Durraffourt, Michael Garcia, Manoir, Inc.. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/made-with-gsap-1", "reference_url": "https://swipefile.design/ref/ms26-websites-made-with-gsap-1/", "screenshot_url": "https://swipefile.design/media/ms26-websites-made-with-gsap-1/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-made-with-gsap-1/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Made With Gsap\nSource: https://www.awwwards.com/sites/made-with-gsap-1\nSwipefile reference: https://swipefile.design/ref/ms26-websites-made-with-gsap-1/\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\nWebsites reference. A simple light layout frames small colorful interaction examples, keeping technical work easy to scan. Credit: Florent Roux-Durraffourt, Michael Garcia, Manoir, Inc.. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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-websites-obys-r-experiment-space", "name": "Obys® Experiment Space", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A monochrome portfolio pairs a large editorial heading with an interactive carousel of project previews and visible navigation. Credit: Obys. Static capture of the live website, visually checked; source link credits the Awwwards design entry. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/obys-r-experiment-space", "reference_url": "https://swipefile.design/ref/ms26-websites-obys-r-experiment-space/", "screenshot_url": "https://swipefile.design/media/ms26-websites-obys-r-experiment-space/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-obys-r-experiment-space/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Obys® Experiment Space\nSource: https://www.awwwards.com/sites/obys-r-experiment-space\nSwipefile reference: https://swipefile.design/ref/ms26-websites-obys-r-experiment-space/\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\nWebsites reference. A monochrome portfolio pairs a large editorial heading with an interactive carousel of project previews and visible navigation. Credit: Obys. Static capture of the live website, visually checked; source link credits the Awwwards design entry. 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-websites-trionn-2", "name": "TRIONN", "kind": "inspiration", "discipline": null, "platform": "web", "archetype": "Motion & Editorial", "summary": "Websites reference. A dimensional abstract symbol, dark materials, and restrained oversized type create a premium creative-studio opening. Credit: Trionn. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://www.awwwards.com/sites/trionn-2", "reference_url": "https://swipefile.design/ref/ms26-websites-trionn-2/", "screenshot_url": "https://swipefile.design/media/ms26-websites-trionn-2/?v=3", "thumbnail_url": "https://swipefile.design/media/ms26-websites-trionn-2/?v=3", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [], "tags": [ "motionsites-2026-10-10", "category:websites", "motionsites-inspired", "websites", "awwwards", "capture:excerpt", "sotd", "award-presentation", "3d", "dark", "bold-typography", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: TRIONN\nSource: https://www.awwwards.com/sites/trionn-2\nSwipefile reference: https://swipefile.design/ref/ms26-websites-trionn-2/\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\nWebsites reference. A dimensional abstract symbol, dark materials, and restrained oversized type create a premium creative-studio opening. Credit: Trionn. Awwwards designer-published website gallery; a static page-design preview, not a guarantee of current live interactions. 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." } ] }