# 全屋智能官网 首页结构+视觉规范（直接落地版）

## 一、网站核心定位

轻奢现代全屋智能，兼顾**高端颜值+稳定技术+居家场景**，同时适配家装零售、别墅大宅、商用项目三类客户

## 二、顶部导航菜单（最终定稿）

首页 | 产品中心 | 智慧场景 | 解决方案 | 实景案例 | 品牌实力 | 联系我们

## 三、首页板块顺序（从上至下）

1. 全屏旗舰Banner（品牌slogan+核心视觉）

2. 品牌核心优势（4项精简亮点）

3. 主力产品系列展示

4. 居家智能场景体验

5. 行业定制解决方案

6. 实景落地案例图集

7. 品牌资质与技术实力

8. 咨询预约入口

9. 底部信息栏

## 四、页面布局&版式规则

1. 整体：宽屏全屏布局，**大留白、少文字、重大图**

2. 排版：统一模块化卡片，区块分割清晰，不堆砌内容

3. 图文比例：7图3文，短句文案，拒绝大段文字

4. 交互：平滑滚动、图片hover微动、场景简易动态切换

## 五、标准配色方案（色值可直接套用）

- 主底色：#FFFFFF 纯白

- 背景深灰：#1A1D23 高级暗灰

- 品牌主色：#2B78E4 轻奢科技蓝

- 点缀色：#C8A878 浅香槟金

- 正文文字：#333333

- 次要文字：#666666

## 六、字体规范

- 标题：无衬线粗体，大气简约，字号层级拉开

- 正文：常规清晰字体，移动端自动适配

- 全局统一字体，不混用多种字体样式

## 七、各板块设计要点&借鉴取舍

1. **Banner区**

借鉴摩根大视觉冲击力+易来清爽质感，做全屋智能氛围感画面，突出品牌调性

2. **核心优势**

学科力屋技术专业度+睿住居家温度，提炼稳定系统、定制设计、多场景联动、售后保障4点

3. **产品展示**

卡片式陈列，兼顾外观实拍+简要参数，避免老旧产品目录样式

4. **智慧场景**

居家实景图呈现观影、会客、睡眠、离家模式，贴近用户生活

5. **解决方案**

区分家装大宅、酒店办公、地产配套三类，适配B+C端客户

6. **实景案例**

大图实景排版，提升真实可信度

7. **品牌实力**

放置资质、技术体系、项目经验，增强背书

8. **预约咨询**

醒目表单/电话入口，方便客户快速对接

## 八、避坑硬性要求

1. 摒弃河东、易庐老旧厚重版式，不做密集文字侧边栏

2. 不偏重纯颜值忽略技术，也不只堆参数缺少美感

3. 统一全屋智能整体调性，不局限单一门锁、单品硬件

4. 全页面做好手机、平板、电脑三端自适应

## 九、简短首页参考文案基调

智控全屋空间，焕新理想人居

以精工智能系统，定制舒适、安全、极简的现代居家生活

需要我直接帮你写出**每一块板块的宣传文案**，或是生成首页草图框架吗？