{ "version": 1, "name": "MotionSites-inspired mobile apps", "url": "https://swipefile.design/board/motionsites-inspired-mobile-apps/", "markdown_url": "https://swipefile.design/board/motionsites-inspired-mobile-apps/notes.md", "json_url": "https://swipefile.design/board/motionsites-inspired-mobile-apps/data.json", "pdf_url": "https://swipefile.design/board/motionsites-inspired-mobile-apps/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-mobile-v2-27210300-energy-monitoring-dashboard-design-solora", "name": "Energy Monitoring Dashboard Design - Solora", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Solora: three clear phone screens combine dimensional home imagery with energy monitoring controls. Credit: Phenomenon Studio. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27210300-Energy-Monitoring-Dashboard-Design-Solora", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27210300-energy-monitoring-dashboard-design-solora/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27210300-energy-monitoring-dashboard-design-solora/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27210300-energy-monitoring-dashboard-design-solora/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27210300-energy-monitoring-dashboard-design-solora/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Energy Monitoring Dashboard Design - Solora\nSource: https://dribbble.com/shots/27210300-Energy-Monitoring-Dashboard-Design-Solora\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27210300-energy-monitoring-dashboard-design-solora/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Solora: three clear phone screens combine dimensional home imagery with energy monitoring controls. Credit: Phenomenon Studio. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-25278544-find-a-tutor-mobile-app", "name": "Find a Tutor Mobile app", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Find a Tutor: flat phone screens use portrait cutouts, confident teal and yellow, and clear booking controls. Credit: Aakash Kiri. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25278544-Find-a-Tutor-Mobile-app", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-25278544-find-a-tutor-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-25278544-find-a-tutor-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-25278544-find-a-tutor-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-25278544-find-a-tutor-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Find a Tutor Mobile app\nSource: https://dribbble.com/shots/25278544-Find-a-Tutor-Mobile-app\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-25278544-find-a-tutor-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Find a Tutor: flat phone screens use portrait cutouts, confident teal and yellow, and clear booking controls. Credit: Aakash Kiri. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-25879163-travel-mobile-app-ui-exploration", "name": "Travel Mobile App UI Exploration", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Pastel travel cards and airy forms show a coherent visual language across discovery and booking screens. Credit: Paperpillar. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25879163-Travel-Mobile-App-UI-Exploration", "reference_url": "https://swipefile.design/ref/ms26-mobile-25879163-travel-mobile-app-ui-exploration/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-25879163-travel-mobile-app-ui-exploration/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-25879163-travel-mobile-app-ui-exploration/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-25879163-travel-mobile-app-ui-exploration/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Travel Mobile App UI Exploration\nSource: https://dribbble.com/shots/25879163-Travel-Mobile-App-UI-Exploration\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-25879163-travel-mobile-app-ui-exploration/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Pastel travel cards and airy forms show a coherent visual language across discovery and booking screens. Credit: Paperpillar. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-23278774-self-care-mobile-app-design-concept", "name": "Self-care Mobile App Design Concept", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Expressive pastel faces, dark backgrounds, and simple daily prompts give a self-care app a distinctive emotional tone. Credit: Ronas IT | UI/UX Team. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/23278774-Self-care-Mobile-App-Design-Concept", "reference_url": "https://swipefile.design/ref/ms26-mobile-23278774-self-care-mobile-app-design-concept/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-23278774-self-care-mobile-app-design-concept/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-23278774-self-care-mobile-app-design-concept/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-23278774-self-care-mobile-app-design-concept/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Self-care Mobile App Design Concept\nSource: https://dribbble.com/shots/23278774-Self-care-Mobile-App-Design-Concept\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-23278774-self-care-mobile-app-design-concept/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Expressive pastel faces, dark backgrounds, and simple daily prompts give a self-care app a distinctive emotional tone. Credit: Ronas IT | UI/UX Team. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations", "name": "AI-Powered Mobile App for Restaurant Operations", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Bright modular tiles and bold dark panels turn restaurant operations into a compact, colorful mobile overview. Credit: tubik. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26787072-AI-Powered-Mobile-App-for-Restaurant-Operations", "reference_url": "https://swipefile.design/ref/ms26-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI-Powered Mobile App for Restaurant Operations\nSource: https://dribbble.com/shots/26787072-AI-Powered-Mobile-App-for-Restaurant-Operations\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-26787072-ai-powered-mobile-app-for-restaurant-operations/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Bright modular tiles and bold dark panels turn restaurant operations into a compact, colorful mobile overview. Credit: tubik. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan", "name": "Food Tracking Mobile App UI with AI Scan", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Food photography, a segmented nutrition gauge, and warm cream backgrounds connect scanning with daily food tracking. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27377874-Food-Tracking-Mobile-App-UI-with-AI-Scan", "reference_url": "https://swipefile.design/ref/ms26-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Food Tracking Mobile App UI with AI Scan\nSource: https://dribbble.com/shots/27377874-Food-Tracking-Mobile-App-UI-with-AI-Scan\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27377874-food-tracking-mobile-app-ui-with-ai-scan/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Food photography, a segmented nutrition gauge, and warm cream backgrounds connect scanning with daily food tracking. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme", "name": "Nutrition Tracking Mobile App Design – DailyMe", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. DailyMe: clear blue phone screens pair nutrition data with a distinctive gradient progress visualization. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27334823-Nutrition-Tracking-Mobile-App-Design-DailyMe", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "gradient" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Nutrition Tracking Mobile App Design – DailyMe\nSource: https://dribbble.com/shots/27334823-Nutrition-Tracking-Mobile-App-Design-DailyMe\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27334823-nutrition-tracking-mobile-app-design-dailyme/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. DailyMe: clear blue phone screens pair nutrition data with a distinctive gradient progress visualization. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform", "name": "AI Agent Mobile App UI Animation for Automation Platform", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. A luminous orange orb and dark conversational screens give an AI automation concept a distinctive mobile character. Credit: vino_costa. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27502216-AI-Agent-Mobile-App-UI-Animation-for-Automation-Platform", "reference_url": "https://swipefile.design/ref/ms26-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Agent Mobile App UI Animation for Automation Platform\nSource: https://dribbble.com/shots/27502216-AI-Agent-Mobile-App-UI-Animation-for-Automation-Platform\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27502216-ai-agent-mobile-app-ui-animation-for-automation-platform/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. A luminous orange orb and dark conversational screens give an AI automation concept a distinctive mobile character. Credit: vino_costa. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-24175254-mental-health-mobile-app", "name": "Mental Health Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Soft peach backgrounds, friendly illustrated cards, and clear daily questions make a mental-wellbeing interface approachable. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/24175254-Mental-Health-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-24175254-mental-health-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-24175254-mental-health-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-24175254-mental-health-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-24175254-mental-health-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mental Health Mobile App\nSource: https://dribbble.com/shots/24175254-Mental-Health-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-24175254-mental-health-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Soft peach backgrounds, friendly illustrated cards, and clear daily questions make a mental-wellbeing interface approachable. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-24133515-cooper-ai-chat-mobile-app-exploration", "name": "Cooper AI Chat - Mobile App Exploration", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Small lavender cards and clear conversational actions organize an AI assistant across home, activity, and plan screens. Credit: Paperpillar. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/24133515-Cooper-AI-Chat-Mobile-App-Exploration", "reference_url": "https://swipefile.design/ref/ms26-mobile-24133515-cooper-ai-chat-mobile-app-exploration/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-24133515-cooper-ai-chat-mobile-app-exploration/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-24133515-cooper-ai-chat-mobile-app-exploration/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-24133515-cooper-ai-chat-mobile-app-exploration/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Cooper AI Chat - Mobile App Exploration\nSource: https://dribbble.com/shots/24133515-Cooper-AI-Chat-Mobile-App-Exploration\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-24133515-cooper-ai-chat-mobile-app-exploration/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Small lavender cards and clear conversational actions organize an AI assistant across home, activity, and plan screens. Credit: Paperpillar. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-26831486-creative-sketchbook-mobile-app", "name": "Creative Sketchbook Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Creative sketchbook: three flat screens show a refined editorial inspiration board, sketch wall and activity view. Credit: DIGI.CO. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26831486-Creative-Sketchbook-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-26831486-creative-sketchbook-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-26831486-creative-sketchbook-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-26831486-creative-sketchbook-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-26831486-creative-sketchbook-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "editorial", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Creative Sketchbook Mobile App\nSource: https://dribbble.com/shots/26831486-Creative-Sketchbook-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-26831486-creative-sketchbook-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Creative sketchbook: three flat screens show a refined editorial inspiration board, sketch wall and activity view. Credit: DIGI.CO. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27412627-home-automation-app-design-hume", "name": "Home Automation App Design - Hume", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Hume: coherent dark smart-home screens integrate realistic room imagery with orange scene controls. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27412627-Home-Automation-App-Design-Hume", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27412627-home-automation-app-design-hume/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27412627-home-automation-app-design-hume/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27412627-home-automation-app-design-hume/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27412627-home-automation-app-design-hume/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Home Automation App Design - Hume\nSource: https://dribbble.com/shots/27412627-Home-Automation-App-Design-Hume\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27412627-home-automation-app-design-hume/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Hume: coherent dark smart-home screens integrate realistic room imagery with orange scene controls. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics", "name": "Neap - Mental Health Mobile App UI UX Design for Diabetics", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Neap: friendly dimensional jellyfish illustrations unify onboarding and diabetes management screens. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/18442291-Neap-Mental-Health-Mobile-App-UI-UX-Design-for-Diabetics", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Neap - Mental Health Mobile App UI UX Design for Diabetics\nSource: https://dribbble.com/shots/18442291-Neap-Mental-Health-Mobile-App-UI-UX-Design-for-Diabetics\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-18442291-neap-mental-health-mobile-app-ui-ux-design-for-diabetics/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Neap: friendly dimensional jellyfish illustrations unify onboarding and diabetes management screens. Credit: Phenomenon Product. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-25889270-mobile-app-ai-daily-quiz", "name": "Mobile App - AI Daily Quiz", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. A prominent illustrated quiz object, large answer actions, and warm cream backgrounds focus attention on a single learning task. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/25889270-Mobile-App-AI-Daily-Quiz", "reference_url": "https://swipefile.design/ref/ms26-mobile-25889270-mobile-app-ai-daily-quiz/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-25889270-mobile-app-ai-daily-quiz/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-25889270-mobile-app-ai-daily-quiz/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-25889270-mobile-app-ai-daily-quiz/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mobile App - AI Daily Quiz\nSource: https://dribbble.com/shots/25889270-Mobile-App-AI-Daily-Quiz\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-25889270-mobile-app-ai-daily-quiz/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. A prominent illustrated quiz object, large answer actions, and warm cream backgrounds focus attention on a single learning task. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design", "name": "Habit Tracker & Routine Planner - Minimal Mobile UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Habit tracker: acid-yellow accents and dimensional progress elements give clear routine and calendar screens character. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27520618-Habit-Tracker-Routine-Planner-Minimal-Mobile-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Habit Tracker & Routine Planner - Minimal Mobile UI Design\nSource: https://dribbble.com/shots/27520618-Habit-Tracker-Routine-Planner-Minimal-Mobile-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27520618-habit-tracker-routine-planner-minimal-mobile-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Habit tracker: acid-yellow accents and dimensional progress elements give clear routine and calendar screens character. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27420485-ai-learning-platform-mobile-app-for-creators", "name": "AI Learning Platform Mobile App for Creators", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Dark purple cards, editorial portraits, and compact progress rings create an expressive mobile-learning environment. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27420485-AI-Learning-Platform-Mobile-App-for-Creators", "reference_url": "https://swipefile.design/ref/ms26-mobile-27420485-ai-learning-platform-mobile-app-for-creators/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27420485-ai-learning-platform-mobile-app-for-creators/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27420485-ai-learning-platform-mobile-app-for-creators/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27420485-ai-learning-platform-mobile-app-for-creators/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Learning Platform Mobile App for Creators\nSource: https://dribbble.com/shots/27420485-AI-Learning-Platform-Mobile-App-for-Creators\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27420485-ai-learning-platform-mobile-app-for-creators/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Dark purple cards, editorial portraits, and compact progress rings create an expressive mobile-learning environment. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design", "name": "Travel Meetup & Bill Splitting App - Modern iOS UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Travel meetup: warm photography, a sculptural card treatment and clear expense-sharing controls form a cohesive phone flow. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27537248-Travel-Meetup-Bill-Splitting-App-Modern-iOS-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Travel Meetup & Bill Splitting App - Modern iOS UI Design\nSource: https://dribbble.com/shots/27537248-Travel-Meetup-Bill-Splitting-App-Modern-iOS-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27537248-travel-meetup-bill-splitting-app-modern-ios-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Travel meetup: warm photography, a sculptural card treatment and clear expense-sharing controls form a cohesive phone flow. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-7520340-mobile-app-rent-a-boat", "name": "Mobile app - Rent a boat", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Bright illustrated boats, large color fields, and compact booking controls create a playful rental interface. Credit: Outcrowd. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat", "reference_url": "https://swipefile.design/ref/ms26-mobile-7520340-mobile-app-rent-a-boat/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-7520340-mobile-app-rent-a-boat/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-7520340-mobile-app-rent-a-boat/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-7520340-mobile-app-rent-a-boat/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mobile app - Rent a boat\nSource: https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-7520340-mobile-app-rent-a-boat/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Bright illustrated boats, large color fields, and compact booking controls create a playful rental interface. Credit: Outcrowd. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-6690497-mobile-app-best-catering", "name": "Mobile app - Best Catering", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Purple framing, orange illustrations, and bold category cards give a catering app a coherent, friendly visual language. Credit: Outcrowd. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/6690497-Mobile-app-Best-Catering", "reference_url": "https://swipefile.design/ref/ms26-mobile-6690497-mobile-app-best-catering/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-6690497-mobile-app-best-catering/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-6690497-mobile-app-best-catering/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-6690497-mobile-app-best-catering/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mobile app - Best Catering\nSource: https://dribbble.com/shots/6690497-Mobile-app-Best-Catering\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-6690497-mobile-app-best-catering/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Purple framing, orange illustrations, and bold category cards give a catering app a coherent, friendly visual language. Credit: Outcrowd. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27738038-ecommerce-mobile-app-ui-design", "name": "Ecommerce Mobile App UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Fashion commerce: warm editorial portraits, generous typography and a visible product browsing interface. Credit: Design Monks LLC. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27738038-Ecommerce-Mobile-App-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27738038-ecommerce-mobile-app-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27738038-ecommerce-mobile-app-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27738038-ecommerce-mobile-app-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27738038-ecommerce-mobile-app-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Ecommerce Mobile App UI Design\nSource: https://dribbble.com/shots/27738038-Ecommerce-Mobile-App-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27738038-ecommerce-mobile-app-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Fashion commerce: warm editorial portraits, generous typography and a visible product browsing interface. Credit: Design Monks LLC. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-26958138-creative-3d-builder-mobile-app-ui", "name": "Creative 3D Builder Mobile App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. A three-dimensional character anchors dark tiles and vivid lime accents in a playful creative-tool interface. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26958138-Creative-3D-Builder-Mobile-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-26958138-creative-3d-builder-mobile-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-26958138-creative-3d-builder-mobile-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-26958138-creative-3d-builder-mobile-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-26958138-creative-3d-builder-mobile-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d", "dark", "playful", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Creative 3D Builder Mobile App UI\nSource: https://dribbble.com/shots/26958138-Creative-3D-Builder-Mobile-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-26958138-creative-3d-builder-mobile-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. A three-dimensional character anchors dark tiles and vivid lime accents in a playful creative-tool interface. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27262835-beauty-service-booking-mobile-app-ui", "name": "Beauty Service Booking Mobile App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Warm orange gradients, stylist portraits, and a compact booking calendar connect service discovery to scheduling. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27262835-Beauty-Service-Booking-Mobile-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27262835-beauty-service-booking-mobile-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27262835-beauty-service-booking-mobile-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27262835-beauty-service-booking-mobile-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27262835-beauty-service-booking-mobile-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "gradient" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Beauty Service Booking Mobile App UI\nSource: https://dribbble.com/shots/27262835-Beauty-Service-Booking-Mobile-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27262835-beauty-service-booking-mobile-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Warm orange gradients, stylist portraits, and a compact booking calendar connect service discovery to scheduling. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux", "name": "CraveAI - Smart Food Ordering & AI Assistant Mobile App UI/UX ✨", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. CraveAI: peach gradients, a luminous voice orb and readable food suggestions create a polished mobile assistant flow. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27696272-CraveAI-Smart-Food-Ordering-AI-Assistant-Mobile-App-UI-UX", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "gradient" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: CraveAI - Smart Food Ordering & AI Assistant Mobile App UI/UX ✨\nSource: https://dribbble.com/shots/27696272-CraveAI-Smart-Food-Ordering-AI-Assistant-Mobile-App-UI-UX\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27696272-craveai-smart-food-ordering-ai-assistant-mobile-app-ui-ux/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. CraveAI: peach gradients, a luminous voice orb and readable food suggestions create a polished mobile assistant flow. Credit: Safayet Hossain. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui", "name": "Synvy Neuro Mobile App - Health Tracking App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Translucent blue panels and soft reflective forms produce a futuristic health-tracking concept with compact key metrics. Credit: Jack R.. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27420244-Synvy-Neuro-Mobile-App-Health-Tracking-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Synvy Neuro Mobile App - Health Tracking App UI\nSource: https://dribbble.com/shots/27420244-Synvy-Neuro-Mobile-App-Health-Tracking-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27420244-synvy-neuro-mobile-app-health-tracking-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Translucent blue panels and soft reflective forms produce a futuristic health-tracking concept with compact key metrics. Credit: Jack R.. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27279963-time-tracking-productivity-mobile-app-ui", "name": "Time Tracking & Productivity Mobile App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Warm orange and deep blue screens give calendar, daily planning, and a circular focus timer distinct visual roles. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27279963-Time-Tracking-Productivity-Mobile-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27279963-time-tracking-productivity-mobile-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27279963-time-tracking-productivity-mobile-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27279963-time-tracking-productivity-mobile-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27279963-time-tracking-productivity-mobile-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Time Tracking & Productivity Mobile App UI\nSource: https://dribbble.com/shots/27279963-Time-Tracking-Productivity-Mobile-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27279963-time-tracking-productivity-mobile-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Warm orange and deep blue screens give calendar, daily planning, and a circular focus timer distinct visual roles. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging", "name": "Tesla Mobile App — Premium EV Charging", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. EV charging: three crisp dark screens combine vehicle imagery, charge percentage and a map with restrained green controls. Credit: Kris Anfalova. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27199111-Tesla-Mobile-App-Premium-EV-Charging", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Tesla Mobile App — Premium EV Charging\nSource: https://dribbble.com/shots/27199111-Tesla-Mobile-App-Premium-EV-Charging\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27199111-tesla-mobile-app-premium-ev-charging/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. EV charging: three crisp dark screens combine vehicle imagery, charge percentage and a map with restrained green controls. Credit: Kris Anfalova. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27519525-mobile-fitness-readiness-dashboard", "name": "Mobile Fitness Readiness Dashboard", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Fitness readiness: readable recovery scores and multicolor metric bars create a strong mobile health dashboard. Credit: Excited. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27519525-Mobile-Fitness-Readiness-Dashboard", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27519525-mobile-fitness-readiness-dashboard/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27519525-mobile-fitness-readiness-dashboard/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27519525-mobile-fitness-readiness-dashboard/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27519525-mobile-fitness-readiness-dashboard/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mobile Fitness Readiness Dashboard\nSource: https://dribbble.com/shots/27519525-Mobile-Fitness-Readiness-Dashboard\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27519525-mobile-fitness-readiness-dashboard/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Fitness readiness: readable recovery scores and multicolor metric bars create a strong mobile health dashboard. Credit: Excited. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27467764-furniture-mobile-app-ui-ux-design", "name": "Furniture Mobile App UI UX Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Furniture: dark navy commerce screens feature sculptural furniture photography and clear product controls. Credit: Ismail Nahid. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27467764-Furniture-Mobile-App-UI-UX-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27467764-furniture-mobile-app-ui-ux-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27467764-furniture-mobile-app-ui-ux-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27467764-furniture-mobile-app-ui-ux-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27467764-furniture-mobile-app-ui-ux-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Furniture Mobile App UI UX Design\nSource: https://dribbble.com/shots/27467764-Furniture-Mobile-App-UI-UX-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27467764-furniture-mobile-app-ui-ux-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Furniture: dark navy commerce screens feature sculptural furniture photography and clear product controls. Credit: Ismail Nahid. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27068193-ai-learning-mobile-app-kids-education-ui", "name": "AI Learning Mobile App — Kids Education UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Large condensed orange text and a playful character give a children's learning interface a strong visual personality. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27068193-AI-Learning-Mobile-App-Kids-Education-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27068193-ai-learning-mobile-app-kids-education-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27068193-ai-learning-mobile-app-kids-education-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27068193-ai-learning-mobile-app-kids-education-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27068193-ai-learning-mobile-app-kids-education-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "bold-typography", "playful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Learning Mobile App — Kids Education UI\nSource: https://dribbble.com/shots/27068193-AI-Learning-Mobile-App-Kids-Education-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27068193-ai-learning-mobile-app-kids-education-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Large condensed orange text and a playful character give a children's learning interface a strong visual personality. Credit: Bogdan Nikitin. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui", "name": "Mobile App Design — ECG & Heart Rate Monitoring UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. An anatomical heart illustration connects compact ECG data, a large pulse metric, and clear health-status panels. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26808268-Mobile-App-Design-ECG-Heart-Rate-Monitoring-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Mobile App Design — ECG & Heart Rate Monitoring UI\nSource: https://dribbble.com/shots/26808268-Mobile-App-Design-ECG-Heart-Rate-Monitoring-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-26808268-mobile-app-design-ecg-heart-rate-monitoring-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. An anatomical heart illustration connects compact ECG data, a large pulse metric, and clear health-status panels. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-26982243-cinema-movie-streaming-app-ui", "name": "Cinema & Movie Streaming App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Cinema: atmospheric film imagery transitions into a legible seat-selection interface across three phone screens. Credit: Sadekur Rahman (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26982243-Cinema-Movie-Streaming-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-26982243-cinema-movie-streaming-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-26982243-cinema-movie-streaming-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-26982243-cinema-movie-streaming-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-26982243-cinema-movie-streaming-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Cinema & Movie Streaming App UI\nSource: https://dribbble.com/shots/26982243-Cinema-Movie-Streaming-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-26982243-cinema-movie-streaming-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Cinema: atmospheric film imagery transitions into a legible seat-selection interface across three phone screens. Credit: Sadekur Rahman (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27663824-personal-finance-mobile-app-ui-ux-design", "name": "Personal Finance Mobile App UI/UX Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Deep blue product cards, prominent balances, and light transaction lists create a polished finance-app composition. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27663824-Personal-Finance-Mobile-App-UI-UX-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-27663824-personal-finance-mobile-app-ui-ux-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27663824-personal-finance-mobile-app-ui-ux-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27663824-personal-finance-mobile-app-ui-ux-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27663824-personal-finance-mobile-app-ui-ux-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Personal Finance Mobile App UI/UX Design\nSource: https://dribbble.com/shots/27663824-Personal-Finance-Mobile-App-UI-UX-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27663824-personal-finance-mobile-app-ui-ux-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Deep blue product cards, prominent balances, and light transaction lists create a polished finance-app composition. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design", "name": "Crypto Wallet & Portfolio Mobile App UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. A dark violet wallet with lime actions and compact asset rows provides a clear contrast hierarchy for crypto holdings. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27722011-Crypto-Wallet-Portfolio-Mobile-App-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Crypto Wallet & Portfolio Mobile App UI Design\nSource: https://dribbble.com/shots/27722011-Crypto-Wallet-Portfolio-Mobile-App-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27722011-crypto-wallet-portfolio-mobile-app-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. A dark violet wallet with lime actions and compact asset rows provides a clear contrast hierarchy for crypto holdings. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27634525-inventory-management-mobile-app-ui", "name": "Inventory Management Mobile App UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Dimensional inventory objects and compact status tiles make a dark mobile operations interface visually distinctive. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27634525-Inventory-Management-Mobile-App-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27634525-inventory-management-mobile-app-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27634525-inventory-management-mobile-app-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27634525-inventory-management-mobile-app-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27634525-inventory-management-mobile-app-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Inventory Management Mobile App UI\nSource: https://dribbble.com/shots/27634525-Inventory-Management-Mobile-App-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27634525-inventory-management-mobile-app-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Dimensional inventory objects and compact status tiles make a dark mobile operations interface visually distinctive. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design", "name": "Beauty Skincare E-Commerce Mobile App UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Warm product photography, a large skincare bottle, and restrained purchase controls create a premium commerce detail screen. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27591562-Beauty-Skincare-E-Commerce-Mobile-App-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Beauty Skincare E-Commerce Mobile App UI Design\nSource: https://dribbble.com/shots/27591562-Beauty-Skincare-E-Commerce-Mobile-App-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27591562-beauty-skincare-e-commerce-mobile-app-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Warm product photography, a large skincare bottle, and restrained purchase controls create a premium commerce detail screen. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-26878187-food-order-mobile-app", "name": "Food Order Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Sushimi: vivid food photography and orange controls form a coherent dark ordering flow. Credit: Sadekur Rahman (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26878187-Food-Order-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-26878187-food-order-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-26878187-food-order-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-26878187-food-order-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-26878187-food-order-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Food Order Mobile App\nSource: https://dribbble.com/shots/26878187-Food-Order-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-26878187-food-order-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Sushimi: vivid food photography and orange controls form a coherent dark ordering flow. Credit: Sadekur Rahman (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui", "name": "Digital Banking Mobile App– Finance Wallet & Money Management UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Luminous green charts, dark panels, and strong balance typography build a cohesive mobile wallet concept. Credit: Faruk Hossain 🍄. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27558232-Digital-Banking-Mobile-App-Finance-Wallet-Money-Management-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Digital Banking Mobile App– Finance Wallet & Money Management UI\nSource: https://dribbble.com/shots/27558232-Digital-Banking-Mobile-App-Finance-Wallet-Money-Management-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27558232-digital-banking-mobile-app-finance-wallet-money-management-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Luminous green charts, dark panels, and strong balance typography build a cohesive mobile wallet concept. Credit: Faruk Hossain 🍄. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui", "name": "Scuba Diving App — Ocean Adventure & Booking UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Scuba diving: cinematic underwater imagery and teal booking controls connect discovery, equipment and purchase screens. Credit: SHEIKH NAEEM - (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27715055-Scuba-Diving-App-Ocean-Adventure-Booking-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Scuba Diving App — Ocean Adventure & Booking UI\nSource: https://dribbble.com/shots/27715055-Scuba-Diving-App-Ocean-Adventure-Booking-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27715055-scuba-diving-app-ocean-adventure-booking-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Scuba diving: cinematic underwater imagery and teal booking controls connect discovery, equipment and purchase screens. Credit: SHEIKH NAEEM - (AI Product Designer). Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-26238860-venzer-finance-mobile-app", "name": "Venzer. - Finance Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Soft mint backgrounds and large circular balance graphics give a finance app a calm, distinctive presentation. Credit: Padhang Satrio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26238860-Venzer-Finance-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-26238860-venzer-finance-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-26238860-venzer-finance-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-26238860-venzer-finance-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-26238860-venzer-finance-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Venzer. - Finance Mobile App\nSource: https://dribbble.com/shots/26238860-Venzer-Finance-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-26238860-venzer-finance-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Soft mint backgrounds and large circular balance graphics give a finance app a calm, distinctive presentation. Credit: Padhang Satrio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management", "name": "Dark Mode Delivery App — Live Tracking & Package Management", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Trace delivery: warm truck imagery, a route map and shipment controls communicate a complete mobile logistics flow. Credit: SM NAYMUR RAHMAN NABIL. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27731004-Dark-Mode-Delivery-App-Live-Tracking-Package-Management", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Dark Mode Delivery App — Live Tracking & Package Management\nSource: https://dribbble.com/shots/27731004-Dark-Mode-Delivery-App-Live-Tracking-Package-Management\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27731004-dark-mode-delivery-app-live-tracking-package-management/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Trace delivery: warm truck imagery, a route map and shipment controls communicate a complete mobile logistics flow. Credit: SM NAYMUR RAHMAN NABIL. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27186662-finance-mobile-app-digital-wallet-ui", "name": "Finance Mobile App — Digital Wallet UI", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Warm orange lighting, a large central balance, and dark transaction cards create an expressive wallet interface. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27186662-Finance-Mobile-App-Digital-Wallet-UI", "reference_url": "https://swipefile.design/ref/ms26-mobile-27186662-finance-mobile-app-digital-wallet-ui/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27186662-finance-mobile-app-digital-wallet-ui/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27186662-finance-mobile-app-digital-wallet-ui/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27186662-finance-mobile-app-digital-wallet-ui/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Finance Mobile App — Digital Wallet UI\nSource: https://dribbble.com/shots/27186662-Finance-Mobile-App-Digital-Wallet-UI\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27186662-finance-mobile-app-digital-wallet-ui/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Warm orange lighting, a large central balance, and dark transaction cards create an expressive wallet interface. Credit: Nixtio. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-26256933-trading-crypto-finance-mobile-app", "name": "Trading crypto finance mobile app", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Neon-green gradients and dark market charts create a vivid crypto-trading interface with strongly emphasized primary actions. Credit: Robin Holesinsky. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/26256933-Trading-crypto-finance-mobile-app", "reference_url": "https://swipefile.design/ref/ms26-mobile-26256933-trading-crypto-finance-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-26256933-trading-crypto-finance-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-26256933-trading-crypto-finance-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-26256933-trading-crypto-finance-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "gradient", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Trading crypto finance mobile app\nSource: https://dribbble.com/shots/26256933-Trading-crypto-finance-mobile-app\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-26256933-trading-crypto-finance-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Neon-green gradients and dark market charts create a vivid crypto-trading interface with strongly emphasized primary actions. Credit: Robin Holesinsky. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-25273044-fitness-app-design", "name": "Fitness App Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Fitness timer: airy mint surfaces, full-body photography and oversized timer controls create a focused mobile training flow. Credit: Nixtio. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25273044-Fitness-App-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-25273044-fitness-app-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-25273044-fitness-app-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-25273044-fitness-app-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-25273044-fitness-app-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "bold-typography" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Fitness App Design\nSource: https://dribbble.com/shots/25273044-Fitness-App-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-25273044-fitness-app-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Fitness timer: airy mint surfaces, full-body photography and oversized timer controls create a focused mobile training flow. Credit: Nixtio. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-22952104-fitness-app-design", "name": "Fitness app design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Fitness training: athletic cutouts overlap cream cards, with lime and lilac statistics and a clear workout action. Credit: Anastasia Golovko. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/22952104-Fitness-app-design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-22952104-fitness-app-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-22952104-fitness-app-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-22952104-fitness-app-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-22952104-fitness-app-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Fitness app design\nSource: https://dribbble.com/shots/22952104-Fitness-app-design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-22952104-fitness-app-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Fitness training: athletic cutouts overlap cream cards, with lime and lilac statistics and a clear workout action. Credit: Anastasia Golovko. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27636386-goodier-health-fitness-app-design", "name": "Goodier - Health Fitness | App Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Goodier: expressive orange illustrations and disciplined white screens make a memorable nutrition tracking identity. Credit: Mario Vladimirov. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27636386-Goodier-Health-Fitness-App-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27636386-goodier-health-fitness-app-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27636386-goodier-health-fitness-app-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27636386-goodier-health-fitness-app-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27636386-goodier-health-fitness-app-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Goodier - Health Fitness | App Design\nSource: https://dribbble.com/shots/27636386-Goodier-Health-Fitness-App-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27636386-goodier-health-fitness-app-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Goodier: expressive orange illustrations and disciplined white screens make a memorable nutrition tracking identity. Credit: Mario Vladimirov. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-25830504-ai-music-mobile-app", "name": "AI Music Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Music discovery: flat phone screens use bold geometric genre discs and colorful stacked mood cards. Credit: Maria Makova. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25830504-AI-Music-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-25830504-ai-music-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-25830504-ai-music-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-25830504-ai-music-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-25830504-ai-music-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "bold-typography", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: AI Music Mobile App\nSource: https://dribbble.com/shots/25830504-AI-Music-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-25830504-ai-music-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Music discovery: flat phone screens use bold geometric genre discs and colorful stacked mood cards. Credit: Maria Makova. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-27519191-music-discovery-mobile-app", "name": "Music Discovery Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Mood Radio: expressive dimensional characters connect mood selection with a readable music player. Credit: Victoria Grinevich. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/27519191-Music-Discovery-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-27519191-music-discovery-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-27519191-music-discovery-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-27519191-music-discovery-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-27519191-music-discovery-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "3d" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Music Discovery Mobile App\nSource: https://dribbble.com/shots/27519191-Music-Discovery-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-27519191-music-discovery-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Mood Radio: expressive dimensional characters connect mood selection with a readable music player. Credit: Victoria Grinevich. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-26126834-music-streaming-mobile-app", "name": "Music Streaming Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Music streaming: confident red, yellow and white screens use vinyl imagery and editorial type for playback and discovery. Credit: Ronas IT | UI/UX Team. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/26126834-Music-Streaming-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-26126834-music-streaming-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-26126834-music-streaming-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-26126834-music-streaming-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-26126834-music-streaming-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "bold-typography", "editorial" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Music Streaming Mobile App\nSource: https://dribbble.com/shots/26126834-Music-Streaming-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-26126834-music-streaming-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Music streaming: confident red, yellow and white screens use vinyl imagery and editorial type for playback and discovery. Credit: Ronas IT | UI/UX Team. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-27736627-crypto-finance-mobile-app-ui-design", "name": "Crypto Finance Mobile App UI Design", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Acid-yellow cards, purple gradients, and playful controls create a vivid mobile-investing direction. Credit: Roohi Koohi ✦. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).", "use_for": "", "source_url": "https://dribbble.com/shots/27736627-Crypto-Finance-Mobile-App-UI-Design", "reference_url": "https://swipefile.design/ref/ms26-mobile-27736627-crypto-finance-mobile-app-ui-design/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-27736627-crypto-finance-mobile-app-ui-design/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-27736627-crypto-finance-mobile-app-ui-design/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-27736627-crypto-finance-mobile-app-ui-design/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "gradient", "playful", "colorful" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Crypto Finance Mobile App UI Design\nSource: https://dribbble.com/shots/27736627-Crypto-Finance-Mobile-App-UI-Design\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-27736627-crypto-finance-mobile-app-ui-design/\nCaptured: 2026-10-11. This is a dated reference, not a claim about the current live product.\nSource scope: static designer or award presentation. This may be concept or case-study artwork. Do not infer working features, unseen screens, or tested interactions.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Acid-yellow cards, purple gradients, and playful controls create a vivid mobile-investing direction. Credit: Roohi Koohi ✦. Designer-published mobile apps presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Curated for the MotionSites-inspired batch (2026-10-10).\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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-mobile-v2-25604428-music-player-mobile-app", "name": "Music Player - Mobile App", "kind": "app", "discipline": null, "platform": "mobile", "archetype": "Mobile UI concept", "summary": "Mobile apps reference. Music player: restrained cream and black screens pair a vinyl disc, strong serif type and clear playback controls. Credit: Nina Skrbic. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.", "use_for": "", "source_url": "https://dribbble.com/shots/25604428-Music-Player-Mobile-App", "reference_url": "https://swipefile.design/ref/ms26-mobile-v2-25604428-music-player-mobile-app/", "screenshot_url": "https://swipefile.design/media/ms26-mobile-v2-25604428-music-player-mobile-app/?v=2", "thumbnail_url": "https://swipefile.design/media/ms26-mobile-v2-25604428-music-player-mobile-app/?v=2", "captured": "2026-10-11", "capture_scope": "excerpt", "provenance": "presentation", "screenshots": [ { "url": "https://swipefile.design/media/ms26-mobile-v2-25604428-music-player-mobile-app/?v=2", "caption": "Design presentation" } ], "tags": [ "motionsites-2026-10-10", "category:mobile", "motionsites-inspired", "mobile", "dribbble", "capture:excerpt", "visual-review-v2", "platform:mobile", "mobile-app", "designer-presentation", "concept-or-case-study", "dark", "bold-typography", "editorial", "minimal" ], "patterns": [], "design_notes": {}, "recreation_prompt": "# Design reference: Music Player - Mobile App\nSource: https://dribbble.com/shots/25604428-Music-Player-Mobile-App\nSwipefile reference: https://swipefile.design/ref/ms26-mobile-v2-25604428-music-player-mobile-app/\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 interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\nMobile apps reference. Music player: restrained cream and black screens pair a vinyl disc, strong serif type and clear playback controls. Credit: Nina Skrbic. Designer-published design presentation on Dribbble; concept or case-study artwork, implementation not independently verified. Visually reviewed for the MotionSites-inspired collection.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Accessible platform-native components express the interface; use semantic HTML when the target is mobile web. 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." } ] }