面向智能家居品牌的产品展示官网,突出设备互联与场景体验。
智能家居产品官网
效果案例

READY TO USE
直接开始使用
这条提示词无需补充变量,可查看并复制完整提示词。
复制后粘贴到任意 AI 平台即可直接使用
更新于 2026.10.14 · 持续复测
面向智能家居品牌的产品展示官网,突出设备互联与场景体验。

查看完整提示词,复制后粘贴到任意 AI 平台使用。
你是资深前端工程师。请为智能家居品牌「栖智HomeCore」生成产品官网首页,输出单HTML文件(内联CSS/JS,可用Tailwind CDN)。版块:①导航栏含产品/场景/支持/购买入口;②全屏Hero,深色背景展示智能中控屏与灯光联动插画,大字标题+「了解生态」「立即选购」双按钮;③产品矩阵区,卡片展示智能灯、音箱、门锁、窗帘,悬停上浮;④全屋场景区,横向时间轴展示晨起/离家/观影/睡眠联动;⑤设备数与延迟数字滚动动画;⑥页脚。设计风格:深空灰+电光青点缀,圆角玻璃拟态卡片,无衬线字体,大留白。技术要求:语义化HTML5,Flex/Grid布局,移动端响应式,滚动进入视口淡入动画,注释清晰可直接运行。
提示词已复制,选择一个常用平台继续。