{ "data": [ { "id": "velorix-iic", "name": "Velorix IIC", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "Canvas", "JavaScript" ], "preview_url": "/previews/velorix-iic.webp", "demo_url": "/demos/velorix-iic/index.html", "fidelity": 93, "description_zh": "以拓扑网络、威胁节点和实时状态播报构成的原创 AI 防御中心体验。", "description_en": "Velorix IIC is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "future-state", "name": "Future-State", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "Canvas", "JavaScript" ], "preview_url": "/previews/future-state.webp", "demo_url": "/demos/future-state/index.html", "fidelity": 92, "description_zh": "以指针驱动状态场、参数调谐和部署反馈构成的原创未来产品体验。", "description_en": "Future-State is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "bloom-ai-hero", "name": "Bloom AI", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "IntersectionObserver" ], "preview_url": "/previews/bloom-ai-hero.webp", "demo_url": "/demos/bloom-ai-hero/index.html", "fidelity": 92, "description_zh": "以玻璃花朵、生成式生长指标和滚动展柜构成的原创植物智能体验。", "description_en": "Bloom AI is an original design study built around scroll-led choreography and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "liquid-glass-agency", "name": "Liquid Glass Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "IntersectionObserver" ], "preview_url": "/previews/liquid-glass-agency.webp", "demo_url": "/demos/liquid-glass-agency/index.html", "fidelity": 94, "description_zh": "以指针响应光场、液态玻璃叠层与编辑式滚动节奏构成的原创数字工作室体验。", "description_en": "Liquid Glass Agency is an original design study built around scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "rivr-defi-landing", "name": "RIVR DeFi", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "Canvas", "JavaScript" ], "preview_url": "/previews/rivr-defi-landing.webp", "demo_url": "/demos/rivr-defi/index.html", "fidelity": 92, "description_zh": "以双滑块流动性边界、Canvas 曲线和实时 APR 指标构成的原创 DeFi 控制台。", "description_en": "RIVR DeFi is an original design study built around spatial canvas work and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "codenest-hero", "name": "CodeNest Coding Platform", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/codenest-hero.webp", "demo_url": "/demos/codenest/index.html", "fidelity": 92, "description_zh": "以代码文件切换、实时构建进度和课程路径构成的原创开发教育体验。", "description_en": "CodeNest Coding Platform is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "layered-depth", "name": "Layered Depth", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Parallax" ], "preview_url": "/previews/layered-depth.webp", "demo_url": "/demos/layered-depth/index.html", "fidelity": 90, "description_zh": "以建筑层叠、滚动视差和空间选层构成的原创场所设计体验。", "description_en": "Layered Depth is an original design study built around spatial transitions and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "price-calculator", "name": "Price Calculator", "scope": "section", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/price-calculator.webp", "demo_url": "/demos/price-calculator/index.html", "fidelity": 96, "description_zh": "以服务类型、页面数量、附加项和交付周期联动三轨价格的原创项目估算器。", "description_en": "Price Calculator is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "arceage-contact-us", "name": "Arceage Contact Us", "scope": "section", "category": "contact", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/arceage-contact-us.webp", "demo_url": "/demos/arceage-contact-us/index.html", "fidelity": 95, "description_zh": "以必填进度、实时输入回声、内联校验和成功确认构成的原创农业咨询表单。", "description_en": "Arceage Contact Us is an original design study built around local form feedback, with reversible state and a production-ready local runtime." }, { "id": "yoga-coach", "name": "Yoga Coach", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "IntersectionObserver" ], "preview_url": "/previews/yoga-coach.webp", "demo_url": "/demos/yoga-coach/index.html", "fidelity": 91, "description_zh": "以呼吸节奏光球、动作引导和练习档案构成的原创私人瑜伽体验。", "description_en": "Yoga Coach is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "neuralyn-hero", "name": "Neuralyn", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "Canvas", "ResizeObserver" ], "preview_url": "/previews/neuralyn-hero.webp", "demo_url": "/demos/neuralyn-hero/index.html", "fidelity": 92, "description_zh": "以 Canvas 神经拓扑、节点聚焦和实时置信度反馈构成的原创分析平台体验。", "description_en": "Neuralyn is an original design study built around spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "taskly-hero", "name": "Taskly", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/taskly-hero.webp", "demo_url": "/demos/taskly-hero/index.html", "fidelity": 93, "description_zh": "以任务优先级、进度状态和玻璃任务面板构成的原创协作工作台。", "description_en": "Taskly is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "vaultshield", "name": "VaultShield", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/vaultshield.webp", "demo_url": "/demos/vaultshield/index.html", "fidelity": 93, "description_zh": "以本地锁定状态、强度反馈和保险库卡片构成的原创安全产品体验。", "description_en": "VaultShield is an original design study built around adjustable controls and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "digitwist-hero", "name": "Digitwist AI Builder", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "State Machine" ], "preview_url": "/previews/digitwist-hero.webp", "demo_url": "/demos/digitwist-hero/index.html", "fidelity": 94, "description_zh": "以提示意图、风格与布局组合驱动实时页面预览的原创 AI 建站工作室。", "description_en": "Digitwist AI Builder is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "datacore-booking-hero", "name": "Datacore Booking", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/datacore-booking-hero.webp", "demo_url": "/demos/datacore-booking-hero/index.html", "fidelity": 94, "description_zh": "以日期、人数、抵达时段和房型驱动实时价格的原创山地住宿预约体验。", "description_en": "Datacore Booking is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "no-code-waitlist", "name": "No-Code Waitlist", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/no-code-waitlist.webp", "demo_url": "/demos/no-code-waitlist/index.html", "fidelity": 92, "description_zh": "以本地邮件校验、候补位置与邀请增长反馈构成的原创候补体验。", "description_en": "No-Code Waitlist is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "lumina-footer", "name": "Lumina Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/lumina-footer.webp", "demo_url": "/demos/lumina-footer/index.html", "fidelity": 94, "description_zh": "以极光背景、昼夜主题切换和本地订阅反馈构成的原创 Footer/CTA 展示页。", "description_en": "Lumina Footer is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "rocket-pricing", "name": "Rocket Pricing", "scope": "section", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/rocket-pricing.webp", "demo_url": "/demos/rocket-pricing/index.html", "fidelity": 95, "description_zh": "以月年计费切换、方案选择和节省金额联动构成的原创轨道定价体验。", "description_en": "Rocket Pricing is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "glassmorphic-feature-tabs", "name": "Glassmorphic Feature Tabs", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/glassmorphic-feature-tabs.webp", "demo_url": "/demos/glassmorphic-feature-tabs/index.html", "fidelity": 92, "description_zh": "以玻璃功能面板、标签切换和指针光场构成的原创功能系统体验。", "description_en": "Glassmorphic Feature Tabs is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "arceage-testimonial", "name": "Arceage Testimonial", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/arceage-testimonial.webp", "demo_url": "/demos/arceage-testimonial/index.html", "fidelity": 92, "description_zh": "以证言切换、客户进度和滚动叙事构成的原创信任展示体验。", "description_en": "Arceage Testimonial is an original design study built around stateful selection and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "guardnet-benefits", "name": "Guardnet Benefits", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/guardnet-benefits.webp", "demo_url": "/demos/guardnet-benefits/index.html", "fidelity": 93, "description_zh": "以安全能力对比、风险模拟和状态播报构成的原创防护能力页。", "description_en": "Guardnet Benefits is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "mouse-trail-cta", "name": "Mouse Trail CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Pointer Events" ], "preview_url": "/previews/mouse-trail-cta.webp", "demo_url": "/demos/mouse-trail-cta/index.html", "fidelity": 91, "description_zh": "以指针轨迹、暂存卡片和行动闭环构成的原创 CTA 机制研究。", "description_en": "Mouse Trail CTA is an original design study built around layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "wellness-companion", "name": "Wellness Companion", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/wellness-companion.webp", "demo_url": "/demos/wellness-companion/index.html", "fidelity": 94, "description_zh": "以每日状态、习惯打卡、恢复分数和本地建议构成的原创移动健康伴侣。", "description_en": "Wellness Companion is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "mood-tracker", "name": "Mood Tracker", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/mood-tracker.webp", "demo_url": "/demos/mood-tracker/index.html", "fidelity": 94, "description_zh": "以情绪、能量、日志和周趋势联动构成的原创本地情绪记录 App。", "description_en": "Mood Tracker is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "coffee-rewards", "name": "Coffee Rewards", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/coffee-rewards.webp", "demo_url": "/demos/coffee-rewards/index.html", "fidelity": 93, "description_zh": "以积分增长、奖励兑换、消费统计和底部导航构成的原创咖啡会员 App。", "description_en": "Coffee Rewards is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "travel-explorer", "name": "Travel Explorer", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/travel-explorer.webp", "demo_url": "/demos/travel-explorer/index.html", "fidelity": 94, "description_zh": "以目的地筛选、收藏、行程天数和预算联动构成的原创移动旅行 App。", "description_en": "Travel Explorer is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "skills-lea", "name": "LearnHub", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/skills-lea.webp", "demo_url": "/demos/skills-lea/index.html", "fidelity": 94, "description_zh": "以课程选择、章节完成、总进度和连续学习天数构成的原创移动学习 App。", "description_en": "LearnHub is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cross-border", "name": "Cross-Border", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/cross-border.webp", "demo_url": "/demos/cross-border/index.html", "fidelity": 92, "description_zh": "以运输方式、路线节点、里程碑和示意报价构成的原创跨境物流 App。", "description_en": "Cross-Border is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "movie-premiere", "name": "Movie Premiere", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/movie-premiere.webp", "demo_url": "/demos/movie-premiere/index.html", "fidelity": 94, "description_zh": "以影片、场次、座位选择和本地演示票券构成的原创电影首映 App。", "description_en": "Movie Premiere is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "supplement-shop", "name": "Supplement Shop", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/supplement-shop.webp", "demo_url": "/demos/supplement-shop/index.html", "fidelity": 94, "description_zh": "以商品筛选、购物车数量和本地结算摘要构成的原创补充剂商城 App。", "description_en": "Supplement Shop is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "place-saver", "name": "Place Saver", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/place-saver.webp", "demo_url": "/demos/place-saver/index.html", "fidelity": 92, "description_zh": "以地点搜索、分类、到访状态和本地新增清单构成的原创地点收藏 App。", "description_en": "Place Saver is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "innovation-summit", "name": "Innovation Summit", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/innovation-summit.webp", "demo_url": "/demos/innovation-summit/index.html", "fidelity": 94, "description_zh": "以议程筛选、收藏、页面内提醒和时间冲突检测构成的原创峰会议程 App。", "description_en": "Innovation Summit is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "travel-journal", "name": "Travel Journal", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/travel-journal.webp", "demo_url": "/demos/travel-journal/index.html", "fidelity": 94, "description_zh": "以地点、日期、文字日志、CSS 照片占位和路线统计构成的原创旅行日志 App。", "description_en": "Travel Journal is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "lodge-booking-app", "name": "Lodge Booking App", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/lodge-booking-app.webp", "demo_url": "/demos/lodge-booking-app/index.html", "fidelity": 93, "description_zh": "以房型、日期、人数和本地住宿估算联动构成的原创山地旅宿 App。", "description_en": "Lodge Booking App is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "luxury-escapes", "name": "Luxury Escapes", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/luxury-escapes.webp", "demo_url": "/demos/luxury-escapes/index.html", "fidelity": 93, "description_zh": "以目的地、房型、收藏和本地行程报价构成的原创高端旅行 App。", "description_en": "Luxury Escapes is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "pet-products", "name": "Pet Products", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/pet-products.webp", "demo_url": "/demos/pet-products/index.html", "fidelity": 93, "description_zh": "以宠物分类、商品筛选、购物车数量和总价构成的原创宠物用品 App。", "description_en": "Pet Products is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cargox-mobile", "name": "CARGOX Mobile", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/cargox-mobile.webp", "demo_url": "/demos/cargox-mobile/index.html", "fidelity": 92, "description_zh": "以货运模式、路线进度、货物参数和本地估算构成的原创物流 App。", "description_en": "CARGOX Mobile is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "gear-shop", "name": "Gear Shop", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "Mobile UI" ], "preview_url": "/previews/gear-shop.webp", "demo_url": "/demos/gear-shop/index.html", "fidelity": 93, "description_zh": "以装备筛选、套装构建、预算与重量联动构成的原创户外装备 App。", "description_en": "Gear Shop is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "scroll-marquee", "name": "Scroll Marquee", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Pointer Events" ], "preview_url": "/previews/scroll-marquee.webp", "demo_url": "/demos/scroll-marquee/index.html", "fidelity": 93, "description_zh": "以自动跑马、方向速度控制、拖拽和键盘浏览构成的原创动态档案。", "description_en": "Scroll Marquee is an original design study built around direct manipulation, with reversible state and a production-ready local runtime." }, { "id": "nimbus-sticky-cards", "name": "Nimbus Sticky Cards", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "IntersectionObserver" ], "preview_url": "/previews/nimbus-sticky-cards.webp", "demo_url": "/demos/nimbus-sticky-cards/index.html", "fidelity": 94, "description_zh": "以四章粘性卡片、滚动进度和键盘章节导航构成的原创气象叙事页。", "description_en": "Nimbus Sticky Cards is an original design study built around layered card interactions and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "global-cta-footer", "name": "Global CTA Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/global-cta-footer.webp", "demo_url": "/demos/global-cta-footer/index.html", "fidelity": 92, "description_zh": "以行动目标、渠道和内容联动构成的原创全局 CTA 与 Footer 编排器。", "description_en": "Global CTA Footer is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "technical-specifications", "name": "Technical Specifications", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Tabs" ], "preview_url": "/previews/technical-specifications.webp", "demo_url": "/demos/technical-specifications/index.html", "fidelity": 94, "description_zh": "以规格标签、单位转换、系统对比和本地复制反馈构成的原创技术参数台。", "description_en": "Technical Specifications is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "interior-features", "name": "Interior Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/interior-features.webp", "demo_url": "/demos/interior-features/index.html", "fidelity": 93, "description_zh": "以空间、材料、照明选择和 CSS 室内剖面联动构成的原创室内功能页。", "description_en": "Interior Features is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "kova-testimonial", "name": "Kova Testimonial", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/kova-testimonial.webp", "demo_url": "/demos/kova-testimonial/index.html", "fidelity": 92, "description_zh": "以三条原创证言、结果指标、进度和键盘导航构成的原创产品证据页。", "description_en": "Kova Testimonial is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "nimbus-pricing", "name": "NimBus Pricing", "scope": "section", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nimbus-pricing.webp", "demo_url": "/demos/nimbus-pricing/index.html", "fidelity": 94, "description_zh": "以方案、用量、周期和附加项联动总费用与年度节省的原创定价控制台。", "description_en": "NimBus Pricing is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "editorial-collection-cta", "name": "Editorial Collection CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/editorial-collection-cta.webp", "demo_url": "/demos/editorial-collection-cta/index.html", "fidelity": 92, "description_zh": "以三种策展主题、内容摘要和行动入口联动构成的原创编辑式 CTA。", "description_en": "Editorial Collection CTA is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nexacore-control", "name": "NexaCore Control", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexacore-control.webp", "demo_url": "/demos/nexacore-control/index.html", "fidelity": 94, "description_zh": "以运行模式、模块开关、模拟负载和系统指标联动构成的原创控制能力页。", "description_en": "NexaCore Control is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "liquid-glass-features", "name": "Liquid Glass Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "CSS Variables" ], "preview_url": "/previews/liquid-glass-features.webp", "demo_url": "/demos/liquid-glass-features/index.html", "fidelity": 94, "description_zh": "以玻璃功能预设、模糊深度和色彩参数联动构成的原创材料实验页。", "description_en": "Liquid Glass Features is an original design study built around visual material controls, with reversible state and a production-ready local runtime." }, { "id": "nimbus-security", "name": "Nimbus Security", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nimbus-security.webp", "demo_url": "/demos/nimbus-security/index.html", "fidelity": 93, "description_zh": "以虚构风险场景、防护模式和综合风险指标联动构成的原创安全能力卡页。", "description_en": "Nimbus Security is an original design study built around responsive data states and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "bento-grid-stats", "name": "Bento Grid Stats", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bento-grid-stats.webp", "demo_url": "/demos/bento-grid-stats/index.html", "fidelity": 92, "description_zh": "以时间范围、主指标、柱状趋势和分段变化联动构成的原创 Bento 数据看板。", "description_en": "Bento Grid Stats is an original design study built around adjustable controls and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "nexacore-process", "name": "NexaCore Process", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "State Machine" ], "preview_url": "/previews/nexacore-process.webp", "demo_url": "/demos/nexacore-process/index.html", "fidelity": 94, "description_zh": "以五阶段流程、完成门槛、参数与本地模拟日志构成的原创部署演练台。", "description_en": "NexaCore Process is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "community-cta", "name": "Community CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/community-cta.webp", "demo_url": "/demos/community-cta/index.html", "fidelity": 93, "description_zh": "以兴趣频道、成员角色和本地加入摘要联动构成的原创社区 CTA。", "description_en": "Community CTA is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "zenith-footer", "name": "Zenith Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/zenith-footer.webp", "demo_url": "/demos/zenith-footer/index.html", "fidelity": 92, "description_zh": "以主题筛选、派发卡片和本地邮件偏好反馈构成的原创 Footer 系统。", "description_en": "Zenith Footer is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "orbis-cta", "name": "Orbis CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/orbis-cta.webp", "demo_url": "/demos/orbis-cta/index.html", "fidelity": 93, "description_zh": "以任务目标、轨道模式、指标和 CTA 文案联动构成的原创空间行动页。", "description_en": "Orbis CTA is an original design study built around spatial transitions and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "keep-ahead-features", "name": "Keep Ahead Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/keep-ahead-features.webp", "demo_url": "/demos/keep-ahead-features/index.html", "fidelity": 93, "description_zh": "以多能力模块、运行模式和前后准备度指标联动构成的原创前瞻能力台。", "description_en": "Keep Ahead Features is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "agency-services", "name": "Agency Services", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/agency-services.webp", "demo_url": "/demos/agency-services/index.html", "fidelity": 92, "description_zh": "以 Strategy、Design、Build 服务组合和范围摘要联动构成的原创服务编排器。", "description_en": "Agency Services is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "cognitra-offer", "name": "Cognitra Offer", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cognitra-offer.webp", "demo_url": "/demos/cognitra-offer/index.html", "fidelity": 92, "description_zh": "以能力卡多选、组合摘要和本地 brief 反馈构成的原创服务 Offer 页面。", "description_en": "Cognitra Offer is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "faq-cta", "name": "FAQ CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/faq-cta.webp", "demo_url": "/demos/faq-cta/index.html", "fidelity": 93, "description_zh": "以 FAQ 折叠、关注点多选和 CTA 状态反馈构成的原创问答转化页。", "description_en": "FAQ CTA is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "vize-footer", "name": "Vize Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/vize-footer.webp", "demo_url": "/demos/vize-footer/index.html", "fidelity": 92, "description_zh": "以昼夜主题、三列导航和本地邮件反馈构成的原创 Footer 展示页。", "description_en": "Vize Footer is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "liquid-glass-cta", "name": "Liquid Glass CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "CSS Variables" ], "preview_url": "/previews/liquid-glass-cta.webp", "demo_url": "/demos/liquid-glass-cta/index.html", "fidelity": 94, "description_zh": "以三种 CTA 模式、Blur 与 Depth 参数联动构成的原创液态玻璃行动页。", "description_en": "Liquid Glass CTA is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "max-reed-portfolio", "name": "Max Reed Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/max-reed-portfolio.webp", "demo_url": "/demos/max-reed-portfolio/index.html", "fidelity": 93, "description_zh": "以六个原创案例、分类筛选、案例切换和本地收藏构成的原创作品集。", "description_en": "Max Reed Portfolio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "launchex-submissions", "name": "LaunchEx Submissions", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/launchex-submissions.webp", "demo_url": "/demos/launchex-submissions/index.html", "fidelity": 92, "description_zh": "以虚构投稿队列、状态筛选和无文件本地摘要构成的原创投稿控制台。", "description_en": "LaunchEx Submissions is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "benefits-features", "name": "Benefits Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/benefits-features.webp", "demo_url": "/demos/benefits-features/index.html", "fidelity": 93, "description_zh": "以能力多选、运行模式和前后指标对比构成的原创 Benefits 功能页。", "description_en": "Benefits Features is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "kresna-footer", "name": "Kresna Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Validation" ], "preview_url": "/previews/kresna-footer.webp", "demo_url": "/demos/kresna-footer/index.html", "fidelity": 92, "description_zh": "以主题派发卡片和本地邮件偏好反馈构成的原创档案 Footer。", "description_en": "Kresna Footer is an original design study built around layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "glow-features", "name": "Glow Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "CSS Variables" ], "preview_url": "/previews/glow-features.webp", "demo_url": "/demos/glow-features/index.html", "fidelity": 92, "description_zh": "以功能预设、光晕深度和信号强度联动构成的原创发光功能实验页。", "description_en": "Glow Features is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "clearinvoice-saas", "name": "ClearInvoice SaaS", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Controls" ], "preview_url": "/previews/clearinvoice-saas.webp", "demo_url": "/demos/clearinvoice-saas/index.html", "fidelity": 91, "description_zh": "以行项目、数量、费率和本地草稿总计联动构成的原创发票 SaaS 体验。", "description_en": "ClearInvoice SaaS is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "dashboard", "name": "Dashboard UI", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/dashboard.webp", "demo_url": "/demos/dashboard/index.html", "fidelity": 92, "description_zh": "以时间范围、指标筛选和图表状态联动构成的原创数据看板。", "description_en": "Dashboard UI is an original design study built around adjustable controls and stateful selection, with reversible state and a production-ready local runtime." }, { "id": "modern-hr-dashboard", "name": "Modern HR Dashboard", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/modern-hr-dashboard.webp", "demo_url": "/demos/modern-hr-dashboard/index.html", "fidelity": 92, "description_zh": "以员工状态筛选、出勤切换和汇总联动构成的原创 HR 看板。", "description_en": "Modern HR Dashboard is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "rocket-faq", "name": "Rocket FAQ", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/rocket-faq.webp", "demo_url": "/demos/rocket-faq/index.html", "fidelity": 92, "description_zh": "以 FAQ 折叠、关注点多选和本地 CTA 简报构成的原创问答页。", "description_en": "Rocket FAQ is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "beauty-products", "name": "Beauty Products", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/beauty-products.webp", "demo_url": "/demos/beauty-products/index.html", "fidelity": 91, "description_zh": "以产品轮播、分类筛选和本地收藏构成的原创美容产品页。", "description_en": "Beauty Products is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "projects-catalog", "name": "Projects Catalog", "scope": "section", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/projects-catalog.webp", "demo_url": "/demos/projects-catalog/index.html", "fidelity": 93, "description_zh": "以项目分类、排序、详情和本地收藏构成的原创项目目录。", "description_en": "Projects Catalog is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "design-rocket-email-hero", "name": "Email Marketing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Form Controls" ], "preview_url": "/previews/design-rocket-email-hero.webp", "demo_url": "/demos/design-rocket-email-hero/index.html", "fidelity": 91, "description_zh": "以主题、受众、频率和本地预览指标联动构成的原创邮件营销页。", "description_en": "Email Marketing is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "deck-investor", "name": "Investor Deck", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/deck-investor.webp", "demo_url": "/demos/deck-investor/index.html", "fidelity": 92, "description_zh": "以章节导航、自动播放和虚构指标场景构成的原创演示文稿体验。", "description_en": "Investor Deck is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "interactive-portfolio", "name": "Interactive Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "Pointer Events" ], "preview_url": "/previews/interactive-portfolio.webp", "demo_url": "/demos/interactive-portfolio/index.html", "fidelity": 93, "description_zh": "以案例筛选、切换和指针驱动布局构成的原创互动作品集。", "description_en": "Interactive Portfolio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "ai-workflow", "name": "AI Workflow Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "State Machine" ], "preview_url": "/previews/ai-workflow.webp", "demo_url": "/demos/ai-workflow/index.html", "fidelity": 92, "description_zh": "以四阶段流程、质量门槛和本地运行日志构成的原创 AI 工作流。", "description_en": "AI Workflow Hero is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "cyberpunk-reveal", "name": "Cyberpunk Reveal", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Pointer Events" ], "preview_url": "/previews/cyberpunk-reveal.webp", "demo_url": "/demos/cyberpunk-reveal/index.html", "fidelity": 91, "description_zh": "以指针扫描、信号层切换和脉冲反馈构成的原创赛博揭示体验。", "description_en": "Cyberpunk Reveal is an original design study built around stateful selection and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "glitch-pulse", "name": "Glitch Pulse", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/glitch-pulse.webp", "demo_url": "/demos/glitch-pulse/index.html", "fidelity": 92, "description_zh": "以故障频道、强度滑块和本地脉冲反馈构成的原创故障艺术体验。", "description_en": "Glitch Pulse is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "package-fits-pricing", "name": "What Package Fits You", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/package-fits-pricing.webp", "demo_url": "/demos/package-fits-pricing/index.html", "fidelity": 92, "description_zh": "以需求多选、方案推荐和本地摘要构成的原创范围匹配器。", "description_en": "What Package Fits You is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "minimal-workflow-saas", "name": "Minimal Workflow SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "State Machine" ], "preview_url": "/previews/minimal-workflow-saas.webp", "demo_url": "/demos/minimal-workflow-saas/index.html", "fidelity": 92, "description_zh": "以五步流程、完成状态和进度导航构成的原创极简工作流。", "description_en": "Minimal Workflow SaaS is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "golden-portal", "name": "Golden Portal", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/golden-portal.webp", "demo_url": "/demos/golden-portal/index.html", "fidelity": 92, "description_zh": "以空间场景、入口开关和门状态视觉联动构成的原创金色门户。", "description_en": "Golden Portal is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "modern-agency", "name": "Modern Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/modern-agency.webp", "demo_url": "/demos/modern-agency/index.html", "fidelity": 93, "description_zh": "以服务多选、案例参考和本地 brief 摘要构成的原创现代 Agency 页面。", "description_en": "Modern Agency is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "book-hero", "name": "Book Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/book-hero.webp", "demo_url": "/demos/book-hero/index.html", "fidelity": 92, "description_zh": "以原创章节、阅读进度和三种阅读主题构成的原创图书体验。", "description_en": "Book Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "shop", "name": "Daisy Shop", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/shop.webp", "demo_url": "/demos/shop/index.html", "fidelity": 92, "description_zh": "以虚构商品筛选、购物清单数量和本地摘要构成的原创无价格商城。", "description_en": "Daisy Shop is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cursor-follow", "name": "Cursor Follow", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Pointer Events" ], "preview_url": "/previews/cursor-follow.webp", "demo_url": "/demos/cursor-follow/index.html", "fidelity": 92, "description_zh": "以局部光场、最近卡片聚焦和范围控制构成的原创光标跟随体验。", "description_en": "Cursor Follow is an original design study built around adjustable controls and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "launchex-about", "name": "LaunchEx About", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/launchex-about.webp", "demo_url": "/demos/launchex-about/index.html", "fidelity": 92, "description_zh": "以年度时间线、团队角色和指标变化构成的原创 About 页面。", "description_en": "LaunchEx About is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "saas-value", "name": "SaaS Value", "scope": "section", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/saas-value.webp", "demo_url": "/demos/saas-value/index.html", "fidelity": 92, "description_zh": "以团队、节省时间和采用率联动构成的原创合成价值模型。", "description_en": "SaaS Value is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "guardnet-demo", "name": "Guardnet Demo", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/guardnet-demo.webp", "demo_url": "/demos/guardnet-demo/index.html", "fidelity": 92, "description_zh": "以三种虚构安全模式和风险指标联动构成的原创安全演示页。", "description_en": "Guardnet Demo is an original design study built around responsive data states and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "orbis-hello", "name": "Orbis Hello", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/orbis-hello.webp", "demo_url": "/demos/orbis-hello/index.html", "fidelity": 92, "description_zh": "以 Arrival、Signal、Horizon 章节切换构成的原创 About 叙事页。", "description_en": "Orbis Hello is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "botanical-shadow-about", "name": "Botanical Shadow About", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "CSS Variables" ], "preview_url": "/previews/botanical-shadow-about.webp", "demo_url": "/demos/botanical-shadow-about/index.html", "fidelity": 92, "description_zh": "以时间、光照和植物阴影内容联动构成的原创 About 页面。", "description_en": "Botanical Shadow About is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "digital-reality-hero", "name": "Digital Reality", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/digital-reality-hero.webp", "demo_url": "/demos/digital-reality-hero/index.html", "fidelity": 92, "description_zh": "以三种社交频道、场景色彩和内容联动构成的原创数字现实体验。", "description_en": "Digital Reality is an original design study built around visual material controls, with reversible state and a production-ready local runtime." }, { "id": "nimbus-demo", "name": "Nimbus Demo", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nimbus-demo.webp", "demo_url": "/demos/nimbus-demo/index.html", "fidelity": 93, "description_zh": "以三种运行模式、模拟负载和四项系统指标联动构成的原创 Dashboard。", "description_en": "Nimbus Demo is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "flowmate-carousal", "name": "FlowMate Carousel", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/flowmate-carousal.webp", "demo_url": "/demos/flowmate-carousal/index.html", "fidelity": 92, "description_zh": "以四张流程卡、进度和键盘导航构成的原创流程 Carousel。", "description_en": "FlowMate Carousel is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "social-media-posts-hero", "name": "Social Media Posts", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/social-media-posts-hero.webp", "demo_url": "/demos/social-media-posts-hero/index.html", "fidelity": 92, "description_zh": "以频道、内容格式和本地帖子预览联动构成的原创社交内容页。", "description_en": "Social Media Posts is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "media-card-carousel", "name": "Media Card Carousel", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/media-card-carousel.webp", "demo_url": "/demos/media-card-carousel/index.html", "fidelity": 92, "description_zh": "以四张媒体卡、前后导航和状态播报构成的原创卡片 Carousel。", "description_en": "Media Card Carousel is an original design study built around layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "apex-program-accordion", "name": "Apex Program Accordion", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Expanded" ], "preview_url": "/previews/apex-program-accordion.webp", "demo_url": "/demos/apex-program-accordion/index.html", "fidelity": 92, "description_zh": "以三项问题折叠和单开状态构成的原创课程 Accordion。", "description_en": "Apex Program Accordion is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "feedback-slider", "name": "Feedback Slider", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/feedback-slider.webp", "demo_url": "/demos/feedback-slider/index.html", "fidelity": 92, "description_zh": "以1至10反馈范围、文字状态和本地保存反馈构成的原创量表页。", "description_en": "Feedback Slider is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "glassmorphism-agency-hero", "name": "Glassmorphism Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/glassmorphism-agency-hero.webp", "demo_url": "/demos/glassmorphism-agency-hero/index.html", "fidelity": 92, "description_zh": "以折射玻璃、光线切换和本地 CTA 反馈构成的原创 Agency Hero。", "description_en": "Glassmorphism Agency is an original design study built around stateful selection and visual material controls, with reversible state and a production-ready local runtime." }, { "id": "velorah", "name": "Velorah", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/velorah.webp", "demo_url": "/demos/velorah/index.html", "fidelity": 92, "description_zh": "以材质选择、色板高亮和织物方向联动构成的原创材料体验。", "description_en": "Velorah is an original design study built around stateful selection and visual material controls, with reversible state and a production-ready local runtime." }, { "id": "nike-premium-landing", "name": "Motion Lab", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nike-premium-landing.webp", "demo_url": "/demos/nike-premium-landing/index.html", "fidelity": 91, "description_zh": "以原创运动产品构建和公制英制数据切换构成的实验室风格页面。", "description_en": "Motion Lab is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "slam-dunk-hero", "name": "Slam Dunk", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/slam-dunk-hero.webp", "demo_url": "/demos/slam-dunk-hero/index.html", "fidelity": 92, "description_zh": "以原创篮球叙事、回合切换和赛场状态反馈构成的运动 Hero。", "description_en": "Slam Dunk is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "duolingo-styleguide-hero", "name": "Language Styleguide", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/duolingo-styleguide-hero.webp", "demo_url": "/demos/duolingo-styleguide-hero/index.html", "fidelity": 91, "description_zh": "以原创语言学习风格、语气切换和组件状态构成的 Styleguide Hero。", "description_en": "Language Styleguide is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "haul-footer", "name": "Haul Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/haul-footer.webp", "demo_url": "/demos/haul-footer/index.html", "fidelity": 92, "description_zh": "以完整导航、主题状态和本地订阅反馈构成的原创大型页脚。", "description_en": "Haul Footer is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "luxury-real-estate", "name": "Luxury Real Estate", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luxury-real-estate.webp", "demo_url": "/demos/luxury-real-estate/index.html", "fidelity": 92, "description_zh": "以高端住宅叙事、建筑信息和本地私人看房状态构成的原创地产页面。", "description_en": "Luxury Real Estate is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "ai-automation", "name": "AI Automation", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-automation.webp", "demo_url": "/demos/ai-automation/index.html", "fidelity": 92, "description_zh": "以三段工作流、运行进度和本地状态日志构成的原创自动化体验。", "description_en": "AI Automation is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "neon-logic", "name": "Neon Logic", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/neon-logic.webp", "demo_url": "/demos/neon-logic/index.html", "fidelity": 92, "description_zh": "以霓虹决策仪器、输入矩阵和动态系统读出构成的原创逻辑体验。", "description_en": "Neon Logic is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "ember-dsgn-hero", "name": "EMBER.dsgn", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ember-dsgn-hero.webp", "demo_url": "/demos/ember-dsgn-hero/index.html", "fidelity": 92, "description_zh": "以设计方向切换和本地 brief 流程构成的原创独立工作室页面。", "description_en": "EMBER.dsgn is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "nike-hover", "name": "Motion Hover Lab", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nike-hover.webp", "demo_url": "/demos/nike-hover/index.html", "fidelity": 91, "description_zh": "以原创鞋体悬停、感受模式和构建检查构成的运动产品交互研究。", "description_en": "Motion Hover Lab is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "wisa-space-hero", "name": "WISA Space", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/wisa-space-hero.webp", "demo_url": "/demos/wisa-space-hero/index.html", "fidelity": 92, "description_zh": "以轨道进入、三种向量和航行状态反馈构成的原创空间体验。", "description_en": "WISA Space is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "visual-hero", "name": "Visual Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/visual-hero.webp", "demo_url": "/demos/visual-hero/index.html", "fidelity": 92, "description_zh": "以三种视觉构图、调色板文案和重构状态构成的原创视觉实验。", "description_en": "Visual Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "xportfolio-hero", "name": "xPortfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/xportfolio-hero.webp", "demo_url": "/demos/xportfolio-hero/index.html", "fidelity": 92, "description_zh": "以暗色终端档案、项目卡和 Focus Mode 构成的原创作品集体验。", "description_en": "xPortfolio is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "ecovolta-hero", "name": "EcoVolta", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "SVG", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ecovolta-hero.webp", "demo_url": "/demos/ecovolta-hero/index.html", "fidelity": 92, "description_zh": "以生态能源轨道、Impact 指标和本地联系反馈构成的原创清洁能源页面。", "description_en": "EcoVolta is an original design study built around spatial transitions and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "evr-ventures-hero", "name": "EVR Ventures", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/evr-ventures-hero.webp", "demo_url": "/demos/evr-ventures-hero/index.html", "fidelity": 92, "description_zh": "以编辑式投资备忘录、Thesis 滚动和本地 Brief 反馈构成的原创风投页面。", "description_en": "EVR Ventures is an original design study built around scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "prioritize-hero", "name": "Prioritize", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/prioritize-hero.webp", "demo_url": "/demos/prioritize-hero/index.html", "fidelity": 92, "description_zh": "以任务权重、优先级状态和本地排序反馈构成的原创决策页面。", "description_en": "Prioritize is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nexus-hero", "name": "Nexus IT Solutions", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexus-hero.webp", "demo_url": "/demos/nexus-hero/index.html", "fidelity": 92, "description_zh": "以基础设施模式、系统指标和本地诊断反馈构成的原创 IT 控制台。", "description_en": "Nexus IT Solutions is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "convix-software-hero", "name": "Convix Software", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/convix-software-hero.webp", "demo_url": "/demos/convix-software-hero/index.html", "fidelity": 92, "description_zh": "以软件工作区、视图切换和本地演示状态构成的原创 SaaS Hero。", "description_en": "Convix Software is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "portal-hero", "name": "Portal Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/portal-hero.webp", "demo_url": "/demos/portal-hero/index.html", "fidelity": 92, "description_zh": "以入口选择、空间状态和本地开启反馈构成的原创 Portal 体验。", "description_en": "Portal Hero is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "gateway-portal", "name": "Gateway Portal", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/gateway-portal.webp", "demo_url": "/demos/gateway-portal/index.html", "fidelity": 92, "description_zh": "以路由选择、本地预览和入口状态反馈构成的原创 Gateway 体验。", "description_en": "Gateway Portal is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "futuristic-tech", "name": "Futuristic Tech", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/futuristic-tech.webp", "demo_url": "/demos/futuristic-tech/index.html", "fidelity": 92, "description_zh": "以三个参数拨盘、实时读数和氛围状态联动构成的原创未来技术页面。", "description_en": "Futuristic Tech is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "bloom-landing", "name": "Bloom Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bloom-landing.webp", "demo_url": "/demos/bloom-landing/index.html", "fidelity": 92, "description_zh": "以内容筛选、意图种植和本地成长反馈构成的原创 Bloom 页面。", "description_en": "Bloom Landing is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "power-ai-hero", "name": "Power AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/power-ai-hero.webp", "demo_url": "/demos/power-ai-hero/index.html", "fidelity": 92, "description_zh": "以终端会话、本地工作流输出和电光状态构成的原创 AI 工具体验。", "description_en": "Power AI is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "designpro-hero", "name": "DesignPro Academy", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/designpro-hero.webp", "demo_url": "/demos/designpro-hero/index.html", "fidelity": 92, "description_zh": "以练习约束、课程反馈和暖色工作台构成的原创设计学院页面。", "description_en": "DesignPro Academy is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "stellar-ai-hero", "name": "Stellar AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/stellar-ai-hero.webp", "demo_url": "/demos/stellar-ai-hero/index.html", "fidelity": 92, "description_zh": "以本地问题生成、探索卡和深空状态构成的原创星际智能体验。", "description_en": "Stellar AI is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "shamoni-hero", "name": "Shamoni", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/shamoni-hero.webp", "demo_url": "/demos/shamoni-hero/index.html", "fidelity": 92, "description_zh": "以精品服务选择、视觉状态和本地咨询反馈构成的原创品牌体验。", "description_en": "Shamoni is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "obsidian-hero", "name": "Obsidian Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/obsidian-hero.webp", "demo_url": "/demos/obsidian-hero/index.html", "fidelity": 92, "description_zh": "以黑曜石视觉、控制模式和本地状态读出构成的原创系统页面。", "description_en": "Obsidian Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "bookedup", "name": "BookedUp", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bookedup.webp", "demo_url": "/demos/bookedup/index.html", "fidelity": 92, "description_zh": "以时段选择、预约预览和本地确认反馈构成的原创预约工具。", "description_en": "BookedUp is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "mythic-naturecore", "name": "Mythic Naturecore", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/mythic-naturecore.webp", "demo_url": "/demos/mythic-naturecore/index.html", "fidelity": 92, "description_zh": "以神话自然场景、元素选择和叙事状态构成的原创沉浸页面。", "description_en": "Mythic Naturecore is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "learnly", "name": "Learnly", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/learnly.webp", "demo_url": "/demos/learnly/index.html", "fidelity": 92, "description_zh": "以学习路径、练习状态和本地进度反馈构成的原创教育体验。", "description_en": "Learnly is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "bio-digital", "name": "Bio-Digital", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bio-digital.webp", "demo_url": "/demos/bio-digital/index.html", "fidelity": 92, "description_zh": "以生物数字界面、信号选择和虚构指标反馈构成的原创研究页面。", "description_en": "Bio-Digital is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "portfolio-about", "name": "Portfolio About", "scope": "section", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/portfolio-about.webp", "demo_url": "/demos/portfolio-about/index.html", "fidelity": 92, "description_zh": "以人物叙事、专长切换和本地联系反馈构成的原创 Portfolio About。", "description_en": "Portfolio About is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cinematic-landing-page", "name": "Cinematic Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cinematic-landing-page.webp", "demo_url": "/demos/cinematic-landing-page/index.html", "fidelity": 92, "description_zh": "以电影式章节、场景切换和本地叙事反馈构成的原创落地页。", "description_en": "Cinematic Landing is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "auramail", "name": "AuraMail", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/auramail.webp", "demo_url": "/demos/auramail/index.html", "fidelity": 92, "description_zh": "以邮件构图、主题选择和本地草稿反馈构成的原创通信工具。", "description_en": "AuraMail is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "impressive-hero", "name": "Impressive Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/impressive-hero.webp", "demo_url": "/demos/impressive-hero/index.html", "fidelity": 92, "description_zh": "以视觉强度、版式模式和本地状态反馈构成的原创展示页面。", "description_en": "Impressive Hero is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "crypto-wealth-hero", "name": "Crypto Wealth", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/crypto-wealth-hero.webp", "demo_url": "/demos/crypto-wealth-hero/index.html", "fidelity": 92, "description_zh": "以虚构资产组合、风险模式和非建议声明构成的原创金融演示。", "description_en": "Crypto Wealth is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nexacore-hero", "name": "NexaCore Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexacore-hero.webp", "demo_url": "/demos/nexacore-hero/index.html", "fidelity": 92, "description_zh": "以系统核心、运行模式和本地部署反馈构成的原创技术 Hero。", "description_en": "NexaCore Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "bold-portfolio-hero", "name": "Bold Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bold-portfolio-hero.webp", "demo_url": "/demos/bold-portfolio-hero/index.html", "fidelity": 92, "description_zh": "以大胆排版、项目选择和焦点状态构成的原创作品集 Hero。", "description_en": "Bold Portfolio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "slate-hero", "name": "Slate", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/slate-hero.webp", "demo_url": "/demos/slate-hero/index.html", "fidelity": 92, "description_zh": "以清单画布、视图切换和本地整理状态构成的原创 SaaS Hero。", "description_en": "Slate is an original design study built around stateful selection and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "ecovolta-v2-hero", "name": "EcoVolta V2", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ecovolta-v2-hero.webp", "demo_url": "/demos/ecovolta-v2-hero/index.html", "fidelity": 92, "description_zh": "以日照滑杆、黄昏模式和生态系统指标构成的原创能源体验。", "description_en": "EcoVolta V2 is an original design study built around adjustable controls and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "dot-hero", "name": "Dot Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/dot-hero.webp", "demo_url": "/demos/dot-hero/index.html", "fidelity": 92, "description_zh": "以黑白点阵、清晰度滑杆和动态读出构成的原创视觉 Hero。", "description_en": "Dot Hero is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "email-landing-page", "name": "Letterform", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/email-landing-page.webp", "demo_url": "/demos/email-landing-page/index.html", "fidelity": 92, "description_zh": "以纸张式写作、页面内草稿和不发送反馈构成的原创邮件落地页。", "description_en": "Letterform is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "luxury-botanical", "name": "Luxury Botanical", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luxury-botanical.webp", "demo_url": "/demos/luxury-botanical/index.html", "fidelity": 92, "description_zh": "以植物标本、香氛卡片和观察笔记反馈构成的原创精品页面。", "description_en": "Luxury Botanical is an original design study built around layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "axion-about", "name": "Axion About", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/axion-about.webp", "demo_url": "/demos/axion-about/index.html", "fidelity": 92, "description_zh": "以科技工作室原则、卡片切换和状态播报构成的原创 About 页面。", "description_en": "Axion About is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "reveal-hero", "name": "Reveal Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/reveal-hero.webp", "demo_url": "/demos/reveal-hero/index.html", "fidelity": 92, "description_zh": "以光晕揭示、动态环和本地 CTA 状态构成的原创 Hero。", "description_en": "Reveal Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "automation-ai-hero", "name": "Automation AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/automation-ai-hero.webp", "demo_url": "/demos/automation-ai-hero/index.html", "fidelity": 92, "description_zh": "以本地运行序列、自动化步骤和状态反馈构成的原创 AI 工具页面。", "description_en": "Automation AI is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "synapse-dark-hero", "name": "Synapse Dark", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/synapse-dark-hero.webp", "demo_url": "/demos/synapse-dark-hero/index.html", "fidelity": 92, "description_zh": "以暗色神经网络、连接模式和本地信号反馈构成的原创 SaaS Hero。", "description_en": "Synapse Dark is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "hr-saas-hero", "name": "HR SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/hr-saas-hero.webp", "demo_url": "/demos/hr-saas-hero/index.html", "fidelity": 92, "description_zh": "以虚构团队、视图预览和本地人才状态构成的原创 HR SaaS 页面。", "description_en": "HR SaaS is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nimbus-grid", "name": "Nimbus Grid", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nimbus-grid.webp", "demo_url": "/demos/nimbus-grid/index.html", "fidelity": 92, "description_zh": "以网格扫描、模块选择和实时状态构成的原创 Nimbus 页面。", "description_en": "Nimbus Grid is an original design study built around stateful selection and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "codercrest-hero", "name": "CoderCrest", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/codercrest-hero.webp", "demo_url": "/demos/codercrest-hero/index.html", "fidelity": 92, "description_zh": "以代码峰值、模式切换和本地运行反馈构成的原创开发工具 Hero。", "description_en": "CoderCrest is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "futuristic-cinematic", "name": "Futuristic Cinematic", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/futuristic-cinematic.webp", "demo_url": "/demos/futuristic-cinematic/index.html", "fidelity": 92, "description_zh": "以未来电影章节、场景切换和状态播报构成的原创叙事页面。", "description_en": "Futuristic Cinematic is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "creative-studio", "name": "Creative Studio", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/creative-studio.webp", "demo_url": "/demos/creative-studio/index.html", "fidelity": 92, "description_zh": "以创意方向选择、工作预览和本地 brief 状态构成的原创工作室页面。", "description_en": "Creative Studio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "ai-image-generator-ui", "name": "AI Image Generator UI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-image-generator-ui.webp", "demo_url": "/demos/ai-image-generator-ui/index.html", "fidelity": 92, "description_zh": "以提示输入、风格选择、变体滑杆和纯 CSS 草稿构成的本地图像实验室。", "description_en": "AI Image Generator UI is an original design study built around adjustable controls and stateful selection, with reversible state and a production-ready local runtime." }, { "id": "speakup-venture-hero", "name": "SpeakUp Venture", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/speakup-venture-hero.webp", "demo_url": "/demos/speakup-venture-hero/index.html", "fidelity": 92, "description_zh": "以演讲声波、项目章节和本地加入反馈构成的原创 Fellowship 页面。", "description_en": "SpeakUp Venture is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "equilibrium", "name": "Equilibrium", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/equilibrium.webp", "demo_url": "/demos/equilibrium/index.html", "fidelity": 92, "description_zh": "以平衡环、虚构指标和可切换本地建议构成的原创仪表盘。", "description_en": "Equilibrium is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "blog-showcase", "name": "Blog Showcase", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/blog-showcase.webp", "demo_url": "/demos/blog-showcase/index.html", "fidelity": 92, "description_zh": "以文章筛选、阅读预览和本地收藏状态构成的原创博客展示页。", "description_en": "Blog Showcase is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "investment-hero", "name": "Investment Gate", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/investment-hero.webp", "demo_url": "/demos/investment-hero/index.html", "fidelity": 92, "description_zh": "以虚构投资门槛、风险模式和非建议反馈构成的原创金融页面。", "description_en": "Investment Gate is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "space-voyage", "name": "Space Voyage", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/space-voyage.webp", "demo_url": "/demos/space-voyage/index.html", "fidelity": 92, "description_zh": "以航线选择、星际状态和本地启航反馈构成的原创太空体验。", "description_en": "Space Voyage is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "orbit-engineers", "name": "Orbit Engineers", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/orbit-engineers.webp", "demo_url": "/demos/orbit-engineers/index.html", "fidelity": 92, "description_zh": "以工程轨道、团队模块和本地任务状态构成的原创 Agency 页面。", "description_en": "Orbit Engineers is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "pro-ai-deck", "name": "Pro AI Deck", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/pro-ai-deck.webp", "demo_url": "/demos/pro-ai-deck/index.html", "fidelity": 92, "description_zh": "以编辑式演示排练、章节选择和本地 AI 反馈构成的原创 Deck 页面。", "description_en": "Pro AI Deck is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "railroad-ai-hero", "name": "Railroad AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/railroad-ai-hero.webp", "demo_url": "/demos/railroad-ai-hero/index.html", "fidelity": 92, "description_zh": "以铁路调度中枢、路线选择和本地状态构成的原创 AI Hero。", "description_en": "Railroad AI is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "luminara", "name": "Luminara", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luminara.webp", "demo_url": "/demos/luminara/index.html", "fidelity": 92, "description_zh": "以温暖情绪选择、柔光反馈和非医疗声明构成的原创陪伴体验。", "description_en": "Luminara is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "acreage-farming-hero", "name": "Acreage Farming", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/acreage-farming-hero.webp", "demo_url": "/demos/acreage-farming-hero/index.html", "fidelity": 92, "description_zh": "以农田扫描、季节滑杆和虚构种植建议构成的原创农业页面。", "description_en": "Acreage Farming is an original design study built around adjustable controls and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "aerocore", "name": "AeroCore", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/aerocore.webp", "demo_url": "/demos/aerocore/index.html", "fidelity": 92, "description_zh": "以航空检查、手动复核和虚构遥测面板构成的原创控制舱体验。", "description_en": "AeroCore is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "sentinel-ai-hero", "name": "Sentinel AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/sentinel-ai-hero.webp", "demo_url": "/demos/sentinel-ai-hero/index.html", "fidelity": 92, "description_zh": "以虚构安全场景、样本评估和防护建议构成的原创哨站页面。", "description_en": "Sentinel AI is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "growth-marketing-saas", "name": "Growth Marketing SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/growth-marketing-saas.webp", "demo_url": "/demos/growth-marketing-saas/index.html", "fidelity": 92, "description_zh": "以渠道选择、虚构增长指标和本地计划反馈构成的原创营销 SaaS。", "description_en": "Growth Marketing SaaS is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "bio-active", "name": "Clarity Core", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bio-active.webp", "demo_url": "/demos/bio-active/index.html", "fidelity": 92, "description_zh": "以虚构身体状态、节奏选择和非医疗反馈构成的原创健康页面。", "description_en": "Clarity Core is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "novadesk-signup", "name": "NovaDesk Signup", "scope": "page", "category": "signup", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/novadesk-signup.webp", "demo_url": "/demos/novadesk-signup/index.html", "fidelity": 92, "description_zh": "以本地字段校验、进度反馈和不创建账户声明构成的原创注册体验。", "description_en": "NovaDesk Signup is an original design study built around local form feedback, with reversible state and a production-ready local runtime." }, { "id": "evergreen-finance", "name": "Evergreen Finance", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/evergreen-finance.webp", "demo_url": "/demos/evergreen-finance/index.html", "fidelity": 92, "description_zh": "以虚构资产分配、风险选择和非投资建议反馈构成的原创金融体验。", "description_en": "Evergreen Finance is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "radial-diagram", "name": "Radial Diagram", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/radial-diagram.webp", "demo_url": "/demos/radial-diagram/index.html", "fidelity": 92, "description_zh": "以径向节点、证言选择和状态联动构成的原创图表区块。", "description_en": "Radial Diagram is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "rocket-cta", "name": "Rocket CTA", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/rocket-cta.webp", "demo_url": "/demos/rocket-cta/index.html", "fidelity": 92, "description_zh": "以发射阶段、轨迹变化和本地 CTA 反馈构成的原创转化区块。", "description_en": "Rocket CTA is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "prompt-hero", "name": "Prompt Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/prompt-hero.webp", "demo_url": "/demos/prompt-hero/index.html", "fidelity": 92, "description_zh": "以抽象能力标签、组合状态和本地输出反馈构成的原创 Prompt 研究页。", "description_en": "Prompt Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "grow-ai-hero", "name": "Grow AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/grow-ai-hero.webp", "demo_url": "/demos/grow-ai-hero/index.html", "fidelity": 92, "description_zh": "以生长实验室、光照滑杆和本地播种反馈构成的原创人才平台页面。", "description_en": "Grow AI is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "stellar-ai-v2-hero", "name": "Sync AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/stellar-ai-v2-hero.webp", "demo_url": "/demos/stellar-ai-v2-hero/index.html", "fidelity": 92, "description_zh": "以星际扫描、航点选择和本地同步反馈构成的原创 AI 导航页面。", "description_en": "Sync AI is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "ai-designer-agency", "name": "AI Designer Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-designer-agency.webp", "demo_url": "/demos/ai-designer-agency/index.html", "fidelity": 92, "description_zh": "以视觉方向、情绪 Brief 和本地设计反馈构成的原创事务所体验。", "description_en": "AI Designer Agency is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nexacore-results", "name": "NexaCore Results", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexacore-results.webp", "demo_url": "/demos/nexacore-results/index.html", "fidelity": 92, "description_zh": "以虚构结果指标、时间窗和对比状态构成的原创数据区块。", "description_en": "NexaCore Results is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "nexora-features", "name": "Nexora Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexora-features.webp", "demo_url": "/demos/nexora-features/index.html", "fidelity": 92, "description_zh": "以功能选择、视图切换和状态播报构成的原创 Features 区块。", "description_en": "Nexora Features is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "automation-machines-hero", "name": "Automation Machines", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/automation-machines-hero.webp", "demo_url": "/demos/automation-machines-hero/index.html", "fidelity": 92, "description_zh": "以机器流程、运行阶段和本地自动化反馈构成的原创工业页面。", "description_en": "Automation Machines is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "vertex-sci", "name": "Vertex Sci", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/vertex-sci.webp", "demo_url": "/demos/vertex-sci/index.html", "fidelity": 92, "description_zh": "以虚构科学样本、观察模式和实验状态构成的原创研究页面。", "description_en": "Vertex Sci is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "luxury-editorial-ecommerce-design", "name": "Luxury Editorial Commerce", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luxury-editorial-ecommerce-design.webp", "demo_url": "/demos/luxury-editorial-ecommerce-design/index.html", "fidelity": 92, "description_zh": "以编辑式目录、收藏和材质笔记构成的原创无价格浏览体验。", "description_en": "Luxury Editorial Commerce is an original design study built around visual material controls, with reversible state and a production-ready local runtime." }, { "id": "pixel-grid-hover", "name": "Pixel Grid Hover", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/pixel-grid-hover.webp", "demo_url": "/demos/pixel-grid-hover/index.html", "fidelity": 92, "description_zh": "以像素坐标、锁定和脉冲状态构成的原创网格实验。", "description_en": "Pixel Grid Hover is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "financialfocus", "name": "FinancialFocus", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/financialfocus.webp", "demo_url": "/demos/financialfocus/index.html", "fidelity": 92, "description_zh": "以虚构周期、关注列表和非投资建议声明构成的原创监控台。", "description_en": "FinancialFocus is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "wellness-hero", "name": "Wellness Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/wellness-hero.webp", "demo_url": "/demos/wellness-hero/index.html", "fidelity": 92, "description_zh": "以日常节奏、天气滑杆和非医疗提示构成的原创 wellbeing 页面。", "description_en": "Wellness Hero is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "unwind-hero", "name": "Unwind Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/unwind-hero.webp", "demo_url": "/demos/unwind-hero/index.html", "fidelity": 92, "description_zh": "以呼吸计时、节奏选择和非医疗反馈构成的原创放松体验。", "description_en": "Unwind Hero is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "creative-agency", "name": "Creative Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/creative-agency.webp", "demo_url": "/demos/creative-agency/index.html", "fidelity": 92, "description_zh": "以作品筛选、方向切换和本地工作室反馈构成的原创 Agency 页面。", "description_en": "Creative Agency is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "stellar-launch", "name": "Stellar Launch", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/stellar-launch.webp", "demo_url": "/demos/stellar-launch/index.html", "fidelity": 92, "description_zh": "以发射阶段、倒计时和本地任务反馈构成的原创 Launch 页面。", "description_en": "Stellar Launch is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "nimbus-ops", "name": "Nimbus Ops", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nimbus-ops.webp", "demo_url": "/demos/nimbus-ops/index.html", "fidelity": 92, "description_zh": "以运维模式、状态切换和本地 CTA 反馈构成的原创操作区块。", "description_en": "Nimbus Ops is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "saas-pricing-flow", "name": "SaaS Pricing Flow", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/saas-pricing-flow.webp", "demo_url": "/demos/saas-pricing-flow/index.html", "fidelity": 92, "description_zh": "以方案范围、需求选择和本地确认状态构成的原创 SaaS 流程。", "description_en": "SaaS Pricing Flow is an original design study built around adjustable controls and stateful selection, with reversible state and a production-ready local runtime." }, { "id": "kova-features", "name": "Kova Features", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/kova-features.webp", "demo_url": "/demos/kova-features/index.html", "fidelity": 92, "description_zh": "以功能卡选择、重点切换和状态播报构成的原创 Benefits 区块。", "description_en": "Kova Features is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "features", "name": "Capabilities Overview", "scope": "section", "category": "features", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/features.webp", "demo_url": "/demos/features/index.html", "fidelity": 92, "description_zh": "以能力开关、状态发布和本地反馈构成的原创功能展台。", "description_en": "Capabilities Overview is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "beauty-categories", "name": "Beauty Categories", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/beauty-categories.webp", "demo_url": "/demos/beauty-categories/index.html", "fidelity": 92, "description_zh": "以美妆分类筛选、结果数量和本地选择反馈构成的原创目录页。", "description_en": "Beauty Categories is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "neovision-landing", "name": "NeoVision", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/neovision-landing.webp", "demo_url": "/demos/neovision-landing/index.html", "fidelity": 92, "description_zh": "以霓虹视觉校准、平滑跳转和本地状态构成的原创页面。", "description_en": "NeoVision is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "asme-hero", "name": "Asme", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/asme-hero.webp", "demo_url": "/demos/asme-hero/index.html", "fidelity": 92, "description_zh": "以参数化建筑、氛围滑杆和字段采样构成的原创 Hero。", "description_en": "Asme is an original design study built around adjustable controls and local form feedback, with reversible state and a production-ready local runtime." }, { "id": "buzzentic-agency", "name": "Buzzentic Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/buzzentic-agency.webp", "demo_url": "/demos/buzzentic-agency/index.html", "fidelity": 92, "description_zh": "以服务矩阵、方向切换和本地 CTA 反馈构成的原创 Agency 页面。", "description_en": "Buzzentic Agency is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "loader-animation", "name": "Loader Animation", "scope": "section", "category": "component", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/loader-animation.webp", "demo_url": "/demos/loader-animation/index.html", "fidelity": 92, "description_zh": "以三幕加载序列、暂停继续和重播控制构成的原创组件。", "description_en": "Loader Animation is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "focus-ai-landing", "name": "Focus AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/focus-ai-landing.webp", "demo_url": "/demos/focus-ai-landing/index.html", "fidelity": 92, "description_zh": "以专注模式、虚构 AI 状态和本地反馈构成的原创体验。", "description_en": "Focus AI is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "veloce-finance-landing", "name": "Veloce Finance", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/veloce-finance-landing.webp", "demo_url": "/demos/veloce-finance-landing/index.html", "fidelity": 92, "description_zh": "以虚构财务场景、风险模式和非投资建议构成的原创金融页面。", "description_en": "Veloce Finance is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "vitara-hero", "name": "Vitara", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/vitara-hero.webp", "demo_url": "/demos/vitara-hero/index.html", "fidelity": 92, "description_zh": "以日常健康节奏、镜头切换和非医疗反馈构成的原创 Hero。", "description_en": "Vitara is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "bionova-hero", "name": "Bionova Biotech", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/bionova-hero.webp", "demo_url": "/demos/bionova-hero/index.html", "fidelity": 92, "description_zh": "以虚构生物材料样本、实验状态和本地反馈构成的原创科技页面。", "description_en": "Bionova Biotech is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "viktor-portfolio", "name": "Viktor Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/viktor-portfolio.webp", "demo_url": "/demos/viktor-portfolio/index.html", "fidelity": 92, "description_zh": "以作品类型筛选和本地 conversation 预览构成的原创作品集页面。", "description_en": "Viktor Portfolio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "nova-space-landing", "name": "NOVA Space Systems", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nova-space-landing.webp", "demo_url": "/demos/nova-space-landing/index.html", "fidelity": 92, "description_zh": "以深空模式、任务切换和本地 launch 状态构成的原创空间系统页面。", "description_en": "NOVA Space Systems is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "zenith-realty-landing", "name": "Zenith Realty", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/zenith-realty-landing.webp", "demo_url": "/demos/zenith-realty-landing/index.html", "fidelity": 92, "description_zh": "以房源筛选和仅本地 viewing note 构成的原创地产展示页。", "description_en": "Zenith Realty is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "tech-noir-about", "name": "Tech-Noir About", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/tech-noir-about.webp", "demo_url": "/demos/tech-noir-about/index.html", "fidelity": 92, "description_zh": "以科技黑档案、扫描和记录展开构成的原创 About 页面。", "description_en": "Tech-Noir About is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "halo-benefits", "name": "Halo Benefits", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/halo-benefits.webp", "demo_url": "/demos/halo-benefits/index.html", "fidelity": 92, "description_zh": "以光环亮度、聚焦和应用状态构成的原创 Benefits 区块。", "description_en": "Halo Benefits is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "travel-hero", "name": "Scenic Travel", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/travel-hero.webp", "demo_url": "/demos/travel-hero/index.html", "fidelity": 92, "description_zh": "以明信片切换和本地路线草稿构成的原创旅行体验。", "description_en": "Scenic Travel is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "neural-interface", "name": "Neural Interface", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/neural-interface.webp", "demo_url": "/demos/neural-interface/index.html", "fidelity": 92, "description_zh": "以神经节点、信号选择和本地模拟状态构成的原创界面。", "description_en": "Neural Interface is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "flowmate-landing", "name": "FlowMate", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/flowmate-landing.webp", "demo_url": "/demos/flowmate-landing/index.html", "fidelity": 92, "description_zh": "以流程阶段、卡片切换和本地完成状态构成的原创工作流页面。", "description_en": "FlowMate is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "digital-experiences", "name": "Digital Experiences", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/digital-experiences.webp", "demo_url": "/demos/digital-experiences/index.html", "fidelity": 92, "description_zh": "以体验类型、视觉模式和本地预览反馈构成的原创数字工作室页面。", "description_en": "Digital Experiences is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "mindloop-hero", "name": "Mindloop", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/mindloop-hero.webp", "demo_url": "/demos/mindloop-hero/index.html", "fidelity": 92, "description_zh": "以思维循环、阶段选择和本地 AI 模拟反馈构成的原创 SaaS 页面。", "description_en": "Mindloop is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "orbit-web3-hero", "name": "Orbit Web3", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/orbit-web3-hero.webp", "demo_url": "/demos/orbit-web3-hero/index.html", "fidelity": 92, "description_zh": "以虚构网络轨道、模拟发射和脉冲状态构成的原创 Web3 体验。", "description_en": "Orbit Web3 is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "wealth-video-hero", "name": "Wealth Video", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/wealth-video-hero.webp", "demo_url": "/demos/wealth-video-hero/index.html", "fidelity": 92, "description_zh": "以虚构时间轴、节奏滑杆和非投资建议构成的原创金融演示。", "description_en": "Wealth Video is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "apex-saas-hero", "name": "Apex SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/apex-saas-hero.webp", "demo_url": "/demos/apex-saas-hero/index.html", "fidelity": 92, "description_zh": "以任务板、焦点滑杆和本地 tour 状态构成的原创 SaaS 页面。", "description_en": "Apex SaaS is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "stark-minimal-footer", "name": "Stark Minimal Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/stark-minimal-footer.webp", "demo_url": "/demos/stark-minimal-footer/index.html", "fidelity": 92, "description_zh": "以导航聚焦、主题切换和本地 Footer 状态构成的原创页脚。", "description_en": "Stark Minimal Footer is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "luxury-focus", "name": "Luxury Focus", "scope": "page", "category": "ecommerce", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luxury-focus.webp", "demo_url": "/demos/luxury-focus/index.html", "fidelity": 92, "description_zh": "以无价格商品浏览、收藏和焦点切换构成的原创电商体验。", "description_en": "Luxury Focus is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "eco-intelligence", "name": "Eco Intelligence", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/eco-intelligence.webp", "demo_url": "/demos/eco-intelligence/index.html", "fidelity": 92, "description_zh": "以生态指标、场景选择和虚构数据反馈构成的原创环境页面。", "description_en": "Eco Intelligence is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "guardnet-landing", "name": "Guardnet", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/guardnet-landing.webp", "demo_url": "/demos/guardnet-landing/index.html", "fidelity": 92, "description_zh": "以安全状态、虚构风险和本地保护反馈构成的原创安全页面。", "description_en": "Guardnet is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "financial-suite", "name": "Financial Suite", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/financial-suite.webp", "demo_url": "/demos/financial-suite/index.html", "fidelity": 92, "description_zh": "以虚构财务模块、视图切换和非投资建议构成的原创套件。", "description_en": "Financial Suite is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cinematic-brand", "name": "Cinematic Brand", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cinematic-brand.webp", "demo_url": "/demos/cinematic-brand/index.html", "fidelity": 92, "description_zh": "以品牌章节、镜头切换和本地叙事反馈构成的原创页面。", "description_en": "Cinematic Brand is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "audio-showcase", "name": "Audio Showcase", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "Web Audio", "ARIA Live" ], "preview_url": "/previews/audio-showcase.webp", "demo_url": "/demos/audio-showcase/index.html", "fidelity": 92, "description_zh": "以本地振荡器、节奏选择和播放状态构成的原创音频体验。", "description_en": "Audio Showcase is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "solar-energy-hero", "name": "Solar Energy", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/solar-energy-hero.webp", "demo_url": "/demos/solar-energy-hero/index.html", "fidelity": 92, "description_zh": "以日照滑杆、虚构输出和阵列状态构成的原创能源页面。", "description_en": "Solar Energy is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "scroll-landing", "name": "Scroll Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/scroll-landing.webp", "demo_url": "/demos/scroll-landing/index.html", "fidelity": 92, "description_zh": "以滚动叙事、停留标记和阅读模式构成的原创落地页。", "description_en": "Scroll Landing is an original design study built around scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "finflow", "name": "FinFlow", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/finflow.webp", "demo_url": "/demos/finflow/index.html", "fidelity": 92, "description_zh": "以虚构现金流滑杆、提醒开关和非投资建议构成的原创金融页面。", "description_en": "FinFlow is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "daisy-sweet", "name": "Daisy Sweet", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/daisy-sweet.webp", "demo_url": "/demos/daisy-sweet/index.html", "fidelity": 92, "description_zh": "以花束心情选择、绑花反馈和原创图形构成的产品体验。", "description_en": "Daisy Sweet is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "nex-max-upgrade", "name": "Nex Max Upgrade", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nex-max-upgrade.webp", "demo_url": "/demos/nex-max-upgrade/index.html", "fidelity": 92, "description_zh": "以模块开关、能力评分和配置状态构成的原创升级体验。", "description_en": "Nex Max Upgrade is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "arceage-stats", "name": "Arceage Stats", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/arceage-stats.webp", "demo_url": "/demos/arceage-stats/index.html", "fidelity": 92, "description_zh": "以时间窗口、虚构图表和指标切换构成的原创 Stats 区块。", "description_en": "Arceage Stats is an original design study built around stateful selection and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "studio-3d-pricing", "name": "3D Studio", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/studio-3d-pricing.webp", "demo_url": "/demos/studio-3d-pricing/index.html", "fidelity": 92, "description_zh": "以能力范围、项目复杂度和本地配置状态构成的原创 3D Studio 页面。", "description_en": "3D Studio is an original design study built around adjustable controls and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "targo-logistics", "name": "Targo Logistics", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/targo-logistics.webp", "demo_url": "/demos/targo-logistics/index.html", "fidelity": 92, "description_zh": "以虚构货运阶段、节点选择和本地状态反馈构成的原创物流页面。", "description_en": "Targo Logistics is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "logoisum-video-agency", "name": "Logoisum Video Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/logoisum-video-agency.webp", "demo_url": "/demos/logoisum-video-agency/index.html", "fidelity": 92, "description_zh": "以镜头选择、项目节奏和本地 brief 反馈构成的原创视频 Agency 页面。", "description_en": "Logoisum Video Agency is an original design study built around stateful selection and cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "apex-pulse", "name": "Apex Pulse", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/apex-pulse.webp", "demo_url": "/demos/apex-pulse/index.html", "fidelity": 92, "description_zh": "以脉冲节奏、状态选择和本地行动反馈构成的原创产品页面。", "description_en": "Apex Pulse is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "ecommerce-website-landing", "name": "E-commerce Website", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ecommerce-website-landing.webp", "demo_url": "/demos/ecommerce-website-landing/index.html", "fidelity": 92, "description_zh": "以色彩选配、对象收藏和本地计数构成的原创无价格电商页面。", "description_en": "E-commerce Website is an original design study built around visual material controls, with reversible state and a production-ready local runtime." }, { "id": "clubx-hero", "name": "ClubX", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/clubx-hero.webp", "demo_url": "/demos/clubx-hero/index.html", "fidelity": 92, "description_zh": "以 Make、Meet、Move 场景切换和本地通行证预览构成的原创页面。", "description_en": "ClubX is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "akor-security-landing", "name": "AKOR Security", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/akor-security-landing.webp", "demo_url": "/demos/akor-security-landing/index.html", "fidelity": 92, "description_zh": "以安全层级筛选、模拟扫描和虚构状态构成的原创安全页面。", "description_en": "AKOR Security is an original design study built around stateful selection and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "framelix-3d-studios", "name": "Framelix 3D Studios", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/framelix-3d-studios.webp", "demo_url": "/demos/framelix-3d-studios/index.html", "fidelity": 92, "description_zh": "以3D镜头、材质选择和本地预览状态构成的原创工作室页面。", "description_en": "Framelix 3D Studios is an original design study built around stateful selection and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "dark-portfolio-hero", "name": "Dark Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/dark-portfolio-hero.webp", "demo_url": "/demos/dark-portfolio-hero/index.html", "fidelity": 92, "description_zh": "以暗色项目集、焦点切换和本地查看状态构成的原创作品集。", "description_en": "Dark Portfolio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "vertex-ai-hero", "name": "Vertex AI", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/vertex-ai-hero.webp", "demo_url": "/demos/vertex-ai-hero/index.html", "fidelity": 92, "description_zh": "以本地提示模拟、信号选择和输出状态构成的原创 AI 页面。", "description_en": "Vertex AI is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "cybersecurity-hero-v2", "name": "Cybersecurity V2", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cybersecurity-hero-v2.webp", "demo_url": "/demos/cybersecurity-hero-v2/index.html", "fidelity": 92, "description_zh": "以虚构威胁雷达、扫描反馈和保护模式构成的原创安全 Hero。", "description_en": "Cybersecurity V2 is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "naturecore-saas", "name": "Naturecore SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/naturecore-saas.webp", "demo_url": "/demos/naturecore-saas/index.html", "fidelity": 92, "description_zh": "以生态层级、habitat pulse 和虚构数据构成的原创 SaaS 页面。", "description_en": "Naturecore SaaS is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "wanderful-hero", "name": "Wanderful", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/wanderful-hero.webp", "demo_url": "/demos/wanderful-hero/index.html", "fidelity": 92, "description_zh": "以旅程心情、明信片和本地路线草稿构成的原创旅行页面。", "description_en": "Wanderful is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "luminex-hero", "name": "Luminex", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/luminex-hero.webp", "demo_url": "/demos/luminex-hero/index.html", "fidelity": 92, "description_zh": "以光谱方案、色彩滑杆和本地预览反馈构成的原创 Hero。", "description_en": "Luminex is an original design study built around adjustable controls and visual material controls, with reversible state and a production-ready local runtime." }, { "id": "cybersecurity-hero", "name": "Cybersecurity Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cybersecurity-hero.webp", "demo_url": "/demos/cybersecurity-hero/index.html", "fidelity": 92, "description_zh": "以本地扫描、雷达反馈和虚构安全状态构成的原创页面。", "description_en": "Cybersecurity Hero is an original design study built around reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "waitlist-hero", "name": "Waitlist Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/waitlist-hero.webp", "demo_url": "/demos/waitlist-hero/index.html", "fidelity": 92, "description_zh": "以非邮箱称呼、候补位置和不发送反馈构成的原创 Waitlist。", "description_en": "Waitlist Hero is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "orbis-cards", "name": "Orbis Cards", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/orbis-cards.webp", "demo_url": "/demos/orbis-cards/index.html", "fidelity": 92, "description_zh": "以卡片选择、洗牌、清除和聚焦提示构成的原创 Cards 区块。", "description_en": "Orbis Cards is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "network-hero", "name": "Network Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/network-hero.webp", "demo_url": "/demos/network-hero/index.html", "fidelity": 92, "description_zh": "以节点选择、路径扫描和本地网络状态构成的原创 Hero。", "description_en": "Network Hero is an original design study built around stateful selection and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "impact-ventures", "name": "Impact Ventures", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/impact-ventures.webp", "demo_url": "/demos/impact-ventures/index.html", "fidelity": 92, "description_zh": "以虚构影响力权重、情景切换和非投资建议构成的原创页面。", "description_en": "Impact Ventures is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "conversion", "name": "Conversion", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/conversion.webp", "demo_url": "/demos/conversion/index.html", "fidelity": 92, "description_zh": "以标题语气、按钮动作组合和虚构实验反馈构成的原创转化实验台。", "description_en": "Conversion is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "halo-use-case", "name": "Halo Use Case", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/halo-use-case.webp", "demo_url": "/demos/halo-use-case/index.html", "fidelity": 92, "description_zh": "以用例选择、光场变化和本地状态构成的原创 Use Case 区块。", "description_en": "Halo Use Case is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "daisy-wild", "name": "Daisy Wild", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/daisy-wild.webp", "demo_url": "/demos/daisy-wild/index.html", "fidelity": 92, "description_zh": "以野花组合、情绪选择和本地产品反馈构成的原创 Features。", "description_en": "Daisy Wild is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "arceage-services", "name": "Arceage Services", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/arceage-services.webp", "demo_url": "/demos/arceage-services/index.html", "fidelity": 92, "description_zh": "以服务类型、范围选择和本地摘要构成的原创 Services 区块。", "description_en": "Arceage Services is an original design study built around adjustable controls and stateful selection, with reversible state and a production-ready local runtime." }, { "id": "veloce-cards", "name": "Veloce Cards", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/veloce-cards.webp", "demo_url": "/demos/veloce-cards/index.html", "fidelity": 92, "description_zh": "以卡片轮换、重点选择和本地状态播报构成的原创 Cards 区块。", "description_en": "Veloce Cards is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "solace-sign-in", "name": "Solace Sign-in", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/solace-sign-in.webp", "demo_url": "/demos/solace-sign-in/index.html", "fidelity": 92, "description_zh": "以本地字段校验和不创建账户声明构成的原创 Sign-in 页面。", "description_en": "Solace Sign-in is an original design study built around local form feedback, with reversible state and a production-ready local runtime." }, { "id": "cognitra-feature", "name": "Cognitra Feature", "scope": "section", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cognitra-feature.webp", "demo_url": "/demos/cognitra-feature/index.html", "fidelity": 92, "description_zh": "以 Trace、Focus、Explain 能力切换和信号柱联动构成的原创功能区块。", "description_en": "Cognitra Feature is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "mindloop-landing", "name": "Mindloop Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/mindloop-landing.webp", "demo_url": "/demos/mindloop-landing/index.html", "fidelity": 92, "description_zh": "以专注节奏滑杆、循环旋钮和本地状态构成的原创落地页。", "description_en": "Mindloop Landing is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "oyla", "name": "OYLA", "scope": "page", "category": "ecommerce", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/oyla.webp", "demo_url": "/demos/oyla/index.html", "fidelity": 92, "description_zh": "以颜色形态实验、页面内收藏和无支付声明构成的原创电商体验。", "description_en": "OYLA is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "rivr-hero", "name": "RIVR", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/rivr-hero.webp", "demo_url": "/demos/rivr-hero/index.html", "fidelity": 92, "description_zh": "以流动路线、流速滑杆和虚构视觉模拟构成的原创 Hero。", "description_en": "RIVR is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "new-era-bold-hero", "name": "New Era Bold", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/new-era-bold-hero.webp", "demo_url": "/demos/new-era-bold-hero/index.html", "fidelity": 92, "description_zh": "以字重、海报信号和规则卡片选择构成的原创字体实验。", "description_en": "New Era Bold is an original design study built around stateful selection and layered card interactions, with reversible state and a production-ready local runtime." }, { "id": "velorah-focus-hero", "name": "Velorah Focus", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/velorah-focus-hero.webp", "demo_url": "/demos/velorah-focus-hero/index.html", "fidelity": 92, "description_zh": "以焦点模式、社交内容切换和本地视觉反馈构成的原创页面。", "description_en": "Velorah Focus is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "yacht-club-hero", "name": "Yacht Club", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/yacht-club-hero.webp", "demo_url": "/demos/yacht-club-hero/index.html", "fidelity": 92, "description_zh": "以航线视觉、舱段选择和本地浏览状态构成的原创 Yacht 页面。", "description_en": "Yacht Club is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "weblex-dark-hero", "name": "Weblex Dark", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/weblex-dark-hero.webp", "demo_url": "/demos/weblex-dark-hero/index.html", "fidelity": 92, "description_zh": "以暗色模块、状态切换和本地系统反馈构成的原创 Hero。", "description_en": "Weblex Dark is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "new-era-automotive-hero", "name": "New Era Automotive", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/new-era-automotive-hero.webp", "demo_url": "/demos/new-era-automotive-hero/index.html", "fidelity": 92, "description_zh": "以车辆镜头、驾驶模式和本地展示状态构成的原创汽车页面。", "description_en": "New Era Automotive is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "nickel-hero", "name": "Nickel Payments", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nickel-hero.webp", "demo_url": "/demos/nickel-hero/index.html", "fidelity": 92, "description_zh": "以金属化支付预览和本地模拟批准状态构成的原创页面。", "description_en": "Nickel Payments is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "datacore-saas-hero", "name": "Datacore SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/datacore-saas-hero.webp", "demo_url": "/demos/datacore-saas-hero/index.html", "fidelity": 92, "description_zh": "以采样强度、重采样和虚构数据图表构成的原创 SaaS 页面。", "description_en": "Datacore SaaS is an original design study built around adjustable controls and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "nexora-hero", "name": "Nexora Automation", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexora-hero.webp", "demo_url": "/demos/nexora-hero/index.html", "fidelity": 92, "description_zh": "以工作流模式、移动菜单和本地状态构成的原创自动化页面。", "description_en": "Nexora Automation is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "subscription-agency", "name": "Subscription Agency", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/subscription-agency.webp", "demo_url": "/demos/subscription-agency/index.html", "fidelity": 92, "description_zh": "以节拍方案、试读轮换和本地订阅预览构成的原创 Agency 页面。", "description_en": "Subscription Agency is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "cosmos-interface", "name": "Cosmos Interface", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cosmos-interface.webp", "demo_url": "/demos/cosmos-interface/index.html", "fidelity": 92, "description_zh": "以轨道模式、虚构速度距离和观测状态构成的原创宇宙界面。", "description_en": "Cosmos Interface is an original design study built around spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "cargo-group", "name": "Cargo Group", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cargo-group.webp", "demo_url": "/demos/cargo-group/index.html", "fidelity": 92, "description_zh": "以虚构路线筛选、板面洗牌和不追踪声明构成的原创物流页面。", "description_en": "Cargo Group is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "integration-saas", "name": "Integration SaaS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/integration-saas.webp", "demo_url": "/demos/integration-saas/index.html", "fidelity": 92, "description_zh": "以工作流事件路由、节点切换和本地状态构成的原创集成页面。", "description_en": "Integration SaaS is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "ai-interface", "name": "AI Interface", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-interface.webp", "demo_url": "/demos/ai-interface/index.html", "fidelity": 92, "description_zh": "以本地推理轨迹、模式选择和虚构反馈构成的原创 AI 界面。", "description_en": "AI Interface is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "innovation-studio", "name": "Innovation Studio", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/innovation-studio.webp", "demo_url": "/demos/innovation-studio/index.html", "fidelity": 92, "description_zh": "以研究镜头、灵感卡和本地工作状态构成的原创 Studio 页面。", "description_en": "Innovation Studio is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "cleantech", "name": "CleanTech", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cleantech.webp", "demo_url": "/demos/cleantech/index.html", "fidelity": 92, "description_zh": "以日照滑杆、虚构能源读数和本地反馈构成的原创清洁技术页面。", "description_en": "CleanTech is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "outdoor-apparel", "name": "Outdoor Apparel", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/outdoor-apparel.webp", "demo_url": "/demos/outdoor-apparel/index.html", "fidelity": 92, "description_zh": "以户外材质、色板切换和无购买声明构成的原创服饰页面。", "description_en": "Outdoor Apparel is an original design study built around stateful selection and visual material controls, with reversible state and a production-ready local runtime." }, { "id": "aethera-hero", "name": "Aethera Studio", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/aethera-hero.webp", "demo_url": "/demos/aethera-hero/index.html", "fidelity": 92, "description_zh": "以氛围模式、虚构状态和本地反馈构成的原创 Studio 页面。", "description_en": "Aethera Studio is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "aetheris-voyage-hero", "name": "Aetheris Voyage", "scope": "page", "category": "travel", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/aetheris-voyage-hero.webp", "demo_url": "/demos/aetheris-voyage-hero/index.html", "fidelity": 92, "description_zh": "以旅行节奏、路线心情和不定位声明构成的原创 Voyage 页面。", "description_en": "Aetheris Voyage is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "prosthetics-hero", "name": "Prosthetics Hero", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/prosthetics-hero.webp", "demo_url": "/demos/prosthetics-hero/index.html", "fidelity": 92, "description_zh": "以工程校准、响应滑杆和非医疗声明构成的原创设备研究页。", "description_en": "Prosthetics Hero is an original design study built around adjustable controls, with reversible state and a production-ready local runtime." }, { "id": "3d-jack-portfolio-hero", "name": "3D Jack Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/3d-jack-portfolio-hero.webp", "demo_url": "/demos/3d-jack-portfolio-hero/index.html", "fidelity": 92, "description_zh": "以3D对象旋转、作品筛选和本地展示状态构成的原创作品集。", "description_en": "3D Jack Portfolio is an original design study built around stateful selection and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "dreamcore-landing", "name": "Dreamcore Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/dreamcore-landing.webp", "demo_url": "/demos/dreamcore-landing/index.html", "fidelity": 92, "description_zh": "以梦境门户、房间氛围和本地信号构成的原创落地页。", "description_en": "Dreamcore Landing is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "3d-collectible-hero", "name": "3D Collectible", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/3d-collectible-hero.webp", "demo_url": "/demos/3d-collectible-hero/index.html", "fidelity": 92, "description_zh": "以对象旋转、材质切换和无钱包交易声明构成的原创3D体验。", "description_en": "3D Collectible is an original design study built around stateful selection and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "digital-epoch-hero", "name": "Digital Epoch", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/digital-epoch-hero.webp", "demo_url": "/demos/digital-epoch-hero/index.html", "fidelity": 92, "description_zh": "以数字时代镜头、阶段切换和本地状态构成的原创 Hero。", "description_en": "Digital Epoch is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "web3-eos-hero", "name": "Web3 EOS", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/web3-eos-hero.webp", "demo_url": "/demos/web3-eos-hero/index.html", "fidelity": 92, "description_zh": "以网络节奏、本地脉冲和无钱包签名声明构成的原创Web3页面。", "description_en": "Web3 EOS is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "sky-estate", "name": "Sky Estate", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/sky-estate.webp", "demo_url": "/demos/sky-estate/index.html", "fidelity": 92, "description_zh": "以房屋光线、氛围切换和不预约声明构成的原创地产页面。", "description_en": "Sky Estate is an original design study built around stateful selection and visual material controls, with reversible state and a production-ready local runtime." }, { "id": "product-studio", "name": "Product Studio", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/product-studio.webp", "demo_url": "/demos/product-studio/index.html", "fidelity": 92, "description_zh": "以工具切换、模块选择和本地摘要构成的原创 Studio 页面。", "description_en": "Product Studio is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "pulse-3d", "name": "Pulse 3D", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/pulse-3d.webp", "demo_url": "/demos/pulse-3d/index.html", "fidelity": 92, "description_zh": "以轨道筛选、脉冲采样和视图重置构成的原创3D页面。", "description_en": "Pulse 3D is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "ai-meeting-notes", "name": "AI Meeting Notes", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-meeting-notes.webp", "demo_url": "/demos/ai-meeting-notes/index.html", "fidelity": 92, "description_zh": "以摘要、决策和行动页签构成的原创本地 AI 会议笔记。", "description_en": "AI Meeting Notes is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "celestial-renewal", "name": "Celestial Renewal", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/celestial-renewal.webp", "demo_url": "/demos/celestial-renewal/index.html", "fidelity": 92, "description_zh": "以星体轨道、信号卡片和非医疗 wellness 声明构成的原创页面。", "description_en": "Celestial Renewal is an original design study built around layered card interactions and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "art-landing", "name": "Art Landing", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/art-landing.webp", "demo_url": "/demos/art-landing/index.html", "fidelity": 92, "description_zh": "以艺术构图重排、作品说明和本地状态构成的原创落地页。", "description_en": "Art Landing is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "neo-museum", "name": "Neo Museum", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/neo-museum.webp", "demo_url": "/demos/neo-museum/index.html", "fidelity": 92, "description_zh": "以展厅切换、导览进度和无售票声明构成的原创博物馆页面。", "description_en": "Neo Museum is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "ai-driving-assistant", "name": "AI Driving Assistant", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/ai-driving-assistant.webp", "demo_url": "/demos/ai-driving-assistant/index.html", "fidelity": 92, "description_zh": "以注意力扫描、敏感度滑杆和不控车不导航声明构成的原创辅助页。", "description_en": "AI Driving Assistant is an original design study built around adjustable controls and reversible trust states, with reversible state and a production-ready local runtime." }, { "id": "jewelry-store", "name": "Jewelry Store", "scope": "page", "category": "ecommerce", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/jewelry-store.webp", "demo_url": "/demos/jewelry-store/index.html", "fidelity": 92, "description_zh": "以材质色板、光线角度和无价格购买声明构成的原创珠宝体验。", "description_en": "Jewelry Store is an original design study built around visual material controls, with reversible state and a production-ready local runtime." }, { "id": "terra-hero", "name": "Terra Geo Map", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/terra-hero.webp", "demo_url": "/demos/terra-hero/index.html", "fidelity": 92, "description_zh": "以日夜场景、生态镜头和虚构指数构成的原创地理体验。", "description_en": "Terra Geo Map is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "finlytic-hero", "name": "Finlytic AI", "scope": "page", "category": "fintech", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/finlytic-hero.webp", "demo_url": "/demos/finlytic-hero/index.html", "fidelity": 92, "description_zh": "以虚构情景置信度和非投资建议声明构成的原创金融代理页面。", "description_en": "Finlytic AI is an original design study built around self-contained HTML5 and CSS3 interactions, with reversible state and a production-ready local runtime." }, { "id": "planet-orbit-hero", "name": "Planet Orbit", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/planet-orbit-hero.webp", "demo_url": "/demos/planet-orbit-hero/index.html", "fidelity": 92, "description_zh": "以航线选择、轨道节奏和本地任务反馈构成的原创空间体验。", "description_en": "Planet Orbit is an original design study built around stateful selection and spatial transitions, with reversible state and a production-ready local runtime." }, { "id": "taskora-saas-hero", "name": "Taskora", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/taskora-saas-hero.webp", "demo_url": "/demos/taskora-saas-hero/index.html", "fidelity": 92, "description_zh": "以任务分组、状态切换和本地工作流反馈构成的原创 SaaS 页面。", "description_en": "Taskora is an original design study built around stateful selection and step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "cosmic", "name": "Cosmic", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/cosmic.webp", "demo_url": "/demos/cosmic/index.html", "fidelity": 92, "description_zh": "以星云层级、轨迹切换和本地探索反馈构成的原创宇宙体验。", "description_en": "Cosmic is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "synthesis", "name": "Synthesis", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/synthesis.webp", "demo_url": "/demos/synthesis/index.html", "fidelity": 92, "description_zh": "以模块融合、视图选择和本地合成状态构成的原创落地页。", "description_en": "Synthesis is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "nexar-hero", "name": "Nexar", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/nexar-hero.webp", "demo_url": "/demos/nexar-hero/index.html", "fidelity": 92, "description_zh": "以仪表盘镜头、节点选择和虚构状态构成的原创系统页面。", "description_en": "Nexar is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "transform-data-hero", "name": "Transform Data", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/transform-data-hero.webp", "demo_url": "/demos/transform-data-hero/index.html", "fidelity": 92, "description_zh": "以数据步骤、转换进度和本地结果反馈构成的原创数据工具。", "description_en": "Transform Data is an original design study built around responsive data states, with reversible state and a production-ready local runtime." }, { "id": "urban-jungle-hero", "name": "Urban Jungle", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/urban-jungle-hero.webp", "demo_url": "/demos/urban-jungle-hero/index.html", "fidelity": 92, "description_zh": "以城市植物层级、区域选择和本地养护反馈构成的原创页面。", "description_en": "Urban Jungle is an original design study built around stateful selection, with reversible state and a production-ready local runtime." }, { "id": "lead-funnel", "name": "Lead Funnel", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ARIA Live" ], "preview_url": "/previews/lead-funnel.webp", "demo_url": "/demos/lead-funnel/index.html", "fidelity": 92, "description_zh": "以线索阶段、推进操作和虚构漏斗反馈构成的原创增长页面。", "description_en": "Lead Funnel is an original design study built around step-based workflow states, with reversible state and a production-ready local runtime." }, { "id": "animated-cards", "name": "Animated Cards", "scope": "component", "category": "animated-cards", "technologies": [ "HTML5", "CSS3", "JavaScript", "Video" ], "preview_url": "/previews/animated-cards.webp", "demo_url": "/demos/animated-cards/index.html", "fidelity": 98, "description_zh": "支持视差倾斜、实体厚度与双面翻转的 3D 银行卡轮播。", "description_en": "Animated Cards is an original design study built around spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "404-planet", "name": "404 Planet", "scope": "page", "category": "404", "technologies": [ "React", "Tailwind CSS", "Lucide Icons" ], "preview_url": "/previews/404-planet.webp", "demo_url": "/demos/404-planet/index.html", "fidelity": 98, "description_zh": "以太空视频、液态玻璃按钮和发光大字构成的全屏 404。", "description_en": "404 Planet is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "fun-404-page", "name": "Fun 404 Page", "scope": "page", "category": "404", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/fun-404-page.webp", "demo_url": "/demos/fun-404-page/index.html", "fidelity": 98, "description_zh": "带动态拉伸巨型文字和交错侧滑菜单的明快儿童品牌 404。", "description_en": "Fun 404 Page is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "nexto-404", "name": "Nexto 404", "scope": "page", "category": "404", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/nexto-404.webp", "demo_url": "/demos/nexto-404/index.html", "fidelity": 96, "description_zh": "使用飞船背景与缓慢漂浮装饰的单视口科幻错误页。", "description_en": "Nexto 404 is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "aurora-onboard", "name": "Aurora Onboard", "scope": "page", "category": "auth", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/aurora-onboard.webp", "demo_url": "/demos/aurora-onboard/index.html", "fidelity": 98, "description_zh": "视频引导区与注册表单并列的极简黑白入驻页。", "description_en": "Aurora Onboard is an original design study built around cinematic sequencing and local form feedback, with reversible state and a production-ready local runtime." }, { "id": "remit-race", "name": "Remit Race", "scope": "page", "category": "fintech", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/remit-race.webp", "demo_url": "/demos/remit-race/index.html", "fidelity": 95, "description_zh": "融合 3D 地球视频与倒计时条的深色金融竞赛移动端界面。", "description_en": "Remit Race is an original design study built around cinematic sequencing and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "3d-story", "name": "3D Story", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "Canvas", "Video" ], "preview_url": "/previews/3d-story.webp", "demo_url": "/demos/3d-story/index.html", "fidelity": 98, "description_zh": "滚动驱动视频、星空粒子与卡片揭示组成的沉浸式叙事页。", "description_en": "3D Story is an original design study built around layered card interactions and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "ai-designer-portfolio", "name": "AI Designer Portfolio", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/ai-designer-portfolio.webp", "demo_url": "/demos/ai-designer-portfolio/index.html", "fidelity": 90, "description_zh": "包含鼠标 GIF 粒子、图片视差与推荐轮播的设计师作品集。", "description_en": "AI Designer Portfolio is an original design study built around pointer-led feedback, with reversible state and a production-ready local runtime." }, { "id": "health-portal", "name": "Health Portal", "scope": "page", "category": "landing-page", "technologies": [ "HTML5", "CSS3", "JavaScript", "ResizeObserver" ], "preview_url": "/previews/health-portal.webp", "demo_url": "/demos/health-portal/index.html", "fidelity": 98, "description_zh": "以拼接遮罩卡片和滚动视差呈现的牙科医疗落地页。", "description_en": "Health Portal is an original design study built around layered card interactions and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "innovation", "name": "Innovation", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS", "Vanilla JS" ], "preview_url": "/previews/innovation.webp", "demo_url": "/demos/innovation/index.html", "fidelity": 97, "description_zh": "结合液态玻璃与视频黑场过渡的五段式企业创新页。", "description_en": "Innovation is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "orbis-nft", "name": "Orbis NFT", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/orbis-nft.webp", "demo_url": "/demos/orbis-nft/index.html", "fidelity": 98, "description_zh": "融合液态玻璃、噪点纹理与深空视频的暗黑 NFT 页面。", "description_en": "Orbis NFT is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "prisma-creative-studio", "name": "Prisma Creative Studio", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/prisma-creative-studio.webp", "demo_url": "/demos/prisma-creative-studio/index.html", "fidelity": 96, "description_zh": "电影感暗色调、SVG 噪点与逐词入场组成的创意工作室页面。", "description_en": "Prisma Creative Studio is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "skyelite-private-jets", "name": "SkyElite Private Jets", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/skyelite-private-jets.webp", "demo_url": "/demos/skyelite-private-jets/index.html", "fidelity": 96, "description_zh": "以全屏视频和重叠排版塑造的高端私人飞机服务页。", "description_en": "SkyElite Private Jets is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "usd-halo", "name": "USD Halo", "scope": "page", "category": "landing-page", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/usd-halo.webp", "demo_url": "/demos/usd-halo/index.html", "fidelity": 96, "description_zh": "使用内嵌视频首屏与品牌字体走马灯的稳定币产品页。", "description_en": "USD Halo is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "3d-portfolio", "name": "3D Portfolio", "scope": "page", "category": "portfolio", "technologies": [ "React", "Three.js", "Tailwind CSS" ], "preview_url": "/previews/3d-portfolio.webp", "demo_url": "/demos/3d-portfolio/index.html", "fidelity": 92, "description_zh": "带磁性悬停、无限走马灯与粘性卡片堆叠的 3D 作品集。", "description_en": "3D Portfolio is an original design study built around layered card interactions and spatial canvas work, with reversible state and a production-ready local runtime." }, { "id": "portfolio-cosmic", "name": "Portfolio Cosmic", "scope": "page", "category": "portfolio", "technologies": [ "React", "GSAP", "Tailwind CSS" ], "preview_url": "/previews/portfolio-cosmic.webp", "demo_url": "/demos/portfolio-cosmic/index.html", "fidelity": 82, "description_zh": "使用 HLS 视频与 GSAP 深度视差的暗黑个人作品集。", "description_en": "Portfolio Cosmic is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "ai-trip-planner", "name": "AI Trip Planner (Wandor)", "scope": "page", "category": "travel", "technologies": [ "React", "TypeScript", "Tailwind CSS", "Vite", "Lucide React" ], "preview_url": "/previews/ai-trip-planner.webp", "demo_url": "/demos/ai-trip-planner/index.html", "fidelity": 98, "description_zh": "带视频背景和毛玻璃提示卡的 AI 旅行规划首屏。", "description_en": "AI Trip Planner (Wandor) is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "build-with-us", "name": "Build With Us", "scope": "section", "category": "contact", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/build-with-us.webp", "demo_url": "/demos/build-with-us/index.html", "fidelity": 98, "description_zh": "全屏视频之上叠加服务多选和成功状态的联系表单。", "description_en": "Build With Us is an original design study built around cinematic sequencing and local form feedback, with reversible state and a production-ready local runtime." }, { "id": "tenlas-footer", "name": "Tenlas Footer", "scope": "section", "category": "footer", "technologies": [ "HTML5", "Tailwind CSS", "Vanilla JS" ], "preview_url": "/previews/tenlas-footer.webp", "demo_url": "/demos/tenlas-footer/index.html", "fidelity": 97, "description_zh": "带交错上浮和超大 SVG 品牌文字的暗色 CTA 页脚。", "description_en": "Tenlas Footer is an original design study built around self-contained HTML5 and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "bio-age-dashboard", "name": "Bio-Age Dashboard", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/bio-age-dashboard.webp", "demo_url": "/demos/bio-age-dashboard/index.html", "fidelity": 95, "description_zh": "结合旋转光晕、滚动刻度与悬浮卡片的健康数据首屏。", "description_en": "Bio-Age Dashboard is an original design study built around layered card interactions and scroll-led choreography, with reversible state and a production-ready local runtime." }, { "id": "bold-studio", "name": "Bold Studio", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/bold-studio.webp", "demo_url": "/demos/bold-studio/index.html", "fidelity": 97, "description_zh": "全屏视频、三行冲击标题与统计数字组成的机构首屏。", "description_en": "Bold Studio is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "contact-cybernetic", "name": "Contact Cybernetic", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/contact-cybernetic.webp", "demo_url": "/demos/contact-cybernetic/index.html", "fidelity": 95, "description_zh": "鼠标拖曳视频与弹簧多选标签结合的赛博联系首屏。", "description_en": "Contact Cybernetic is an original design study built around pointer-led feedback and cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "cozy-paws", "name": "CozyPaws", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/cozy-paws.webp", "demo_url": "/demos/cozy-paws/index.html", "fidelity": 94, "description_zh": "使用弹性单词入场和三拼图片视差的宠物商店首屏。", "description_en": "CozyPaws is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "creative-portfolio", "name": "Creative Portfolio", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/creative-portfolio.webp", "demo_url": "/demos/creative-portfolio/index.html", "fidelity": 96, "description_zh": "以三视频交叉淡化和精细响应式排版呈现的个人首屏。", "description_en": "Creative Portfolio is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "immersive-ocean", "name": "Immersive Ocean", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/immersive-ocean.webp", "demo_url": "/demos/immersive-ocean/index.html", "fidelity": 97, "description_zh": "电影级深海视频、折叠导航与交错文字构成的工作室首屏。", "description_en": "Immersive Ocean is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "intelligent-x", "name": "IntelligentX", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/intelligent-x.webp", "demo_url": "/demos/intelligent-x/index.html", "fidelity": 95, "description_zh": "巨型文字、异形视觉符号与渐变遮罩视频组成的医疗首屏。", "description_en": "IntelligentX is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "interactive-discovery", "name": "Interactive Discovery", "scope": "section", "category": "hero", "technologies": [ "HTML5", "CSS3", "JavaScript" ], "preview_url": "/previews/interactive-discovery.webp", "demo_url": "/demos/interactive-discovery/index.html", "fidelity": 98, "description_zh": "用光标聚光灯揭示双层图片的暗色地质品牌首屏。", "description_en": "Interactive Discovery is an original design study built around pointer-led feedback, with reversible state and a production-ready local runtime." }, { "id": "luxury-hero", "name": "Luxury Hero", "scope": "section", "category": "hero", "technologies": [ "React", "GSAP", "Tailwind CSS" ], "preview_url": "/previews/luxury-hero.webp", "demo_url": "/demos/luxury-hero/index.html", "fidelity": 95, "description_zh": "滚动控制视频与 GSAP 毛玻璃视差面板结合的奢华首屏。", "description_en": "Luxury Hero is an original design study built around scroll-led choreography and cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "organic-odyssey", "name": "Organic Odyssey", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/organic-odyssey.webp", "demo_url": "/demos/organic-odyssey/index.html", "fidelity": 96, "description_zh": "微观生态影像与液态玻璃按钮组成的自然美学首屏。", "description_en": "Organic Odyssey is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "portal", "name": "Portal", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/portal.webp", "demo_url": "/demos/portal/index.html", "fidelity": 95, "description_zh": "融合 CSS 模糊渐隐、液态玻璃与多级入场的影视首屏。", "description_en": "Portal is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "retro-futurist", "name": "Retro-Futurist", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/retro-futurist.webp", "demo_url": "/demos/retro-futurist/index.html", "fidelity": 95, "description_zh": "鼠标控制视频和手写打字机效果组成的复古科幻首屏。", "description_en": "Retro-Futurist is an original design study built around pointer-led feedback and cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "securify-data-security", "name": "Securify Data Security", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/securify-data-security.webp", "demo_url": "/demos/securify-data-security/index.html", "fidelity": 96, "description_zh": "以错落大字、统计悬浮块和环绕视频呈现的数据安全首屏。", "description_en": "Securify Data Security is an original design study built around cinematic sequencing and responsive data states, with reversible state and a production-ready local runtime." }, { "id": "stillmind", "name": "Stillmind", "scope": "section", "category": "hero", "technologies": [ "HTML5", "CSS3", "JavaScript", "Video" ], "preview_url": "/previews/stillmind.webp", "demo_url": "/demos/stillmind/index.html", "fidelity": 97, "description_zh": "四视频切换、液态玻璃界面与漂浮图片组成的正念首屏。", "description_en": "Stillmind is an original design study built around stateful selection and cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "techforward", "name": "TechForward", "scope": "section", "category": "hero", "technologies": [ "React", "Framer Motion", "Tailwind CSS" ], "preview_url": "/previews/techforward.webp", "demo_url": "/demos/techforward/index.html", "fidelity": 96, "description_zh": "极简黑白视频与 Framer Motion 动画构成的神经科技首屏。", "description_en": "TechForward is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "vex-venture", "name": "VEX Venture", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/vex-venture.webp", "demo_url": "/demos/vex-venture/index.html", "fidelity": 97, "description_zh": "原生视频和细腻交错排版构成的极简创投首屏。", "description_en": "VEX Venture is an original design study built around cinematic sequencing, with reversible state and a production-ready local runtime." }, { "id": "vision-reveal", "name": "Vision Reveal", "scope": "section", "category": "hero", "technologies": [ "HTML5", "CSS3", "JavaScript" ], "preview_url": "/previews/vision-reveal.webp", "demo_url": "/demos/vision-reveal/index.html", "fidelity": 100, "description_zh": "瓦片阵列入场后由光标聚光灯揭示双层图像的创意首屏。", "description_en": "Vision Reveal is an original design study built around pointer-led feedback, with reversible state and a production-ready local runtime." }, { "id": "wellbeing-os", "name": "Wellbeing OS", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/wellbeing-os.webp", "demo_url": "/demos/wellbeing-os/index.html", "fidelity": 96, "description_zh": "液态玻璃导航、悬浮下拉和移动抽屉组成的健康 SaaS 首屏。", "description_en": "Wellbeing OS is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "wellness-balance", "name": "Wellness Balance", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS" ], "preview_url": "/previews/wellness-balance.webp", "demo_url": "/demos/wellness-balance/index.html", "fidelity": 95, "description_zh": "逐词揭示、非对称网格与自动轮播构成的自然健康首屏。", "description_en": "Wellness Balance is an original design study built around self-contained React and Tailwind CSS interactions, with reversible state and a production-ready local runtime." }, { "id": "wellness-devicex", "name": "Wellness Devicex", "scope": "section", "category": "hero", "technologies": [ "React", "Tailwind CSS", "Canvas" ], "preview_url": "/previews/wellness-devicex.webp", "demo_url": "/demos/wellness-devicex/index.html", "fidelity": 94, "description_zh": "以五层视觉架构和 Canvas 聚光灯透视视频的穿戴设备首屏。", "description_en": "Wellness Devicex is an original design study built around cinematic sequencing and spatial canvas work, with reversible state and a production-ready local runtime." } ], "meta": { "total": 333, "version": "1.0.0" } }