首页导航
首页导航只管首页和首页打开后的完整导航面板。进入画廊、户型图、VR、WALK 之后的导航，看 非首页导航。
资料来源：
蓝湖参考图
蓝湖标注值
| 项目 | 值 |
|---|---|
| 画板底色 | #66767D |
| 导航卡片 | #000000 / 10% |
| 卡片尺寸 | 100pt × 100pt |
| 卡片圆角 | 16pt |
| 外阴影 | 0pt 4pt 20pt 0pt，#000000 / 10% |
| 背景模糊 | 5pt |
用在哪
- 首页首屏。
- 首页打开后的完整功能导航。
- 项目 Logo 切换区。
- 底部官网、隐私政策、用户条款、语言和版本信息。
首页导航不负责二级页里的浮动菜单、右侧竖排菜单、底部横排菜单。
首页首屏
首页首屏先展示项目，不把所有功能都铺满。
- Logo 放在画面上方或左下角，白色版优先。
- 重点入口只放 2 到 6 个，入口太多时进入完整导航面板。
- 首页可以出现语言切换和版本号，但不要抢主视觉。
- 项目品牌 Logo 列表只放在首页，不放进二级页导航。
完整导航面板
完整导航面板用于展示项目全部功能。
- HOME VISTA Logo 放在上方中心或上方偏左。
- 关闭按钮固定在右上角。
- 信息、声音、分享、全屏放在一个胶囊工具条里。
- 功能卡片按网格排列，优先从左到右、从上到下阅读。
- 当前页卡片变亮，文字和图标仍保持白色。
卡片样式
| 部分 | 规则 |
|---|---|
| 底色 | #000000 / 10%，不要改成白色玻璃 |
| 圆角 | 16pt |
| 阴影 | 0pt 4pt 20pt，黑色 10% |
| 模糊 | 背景模糊 5pt |
| 边框 | 不是单色线；上边和左边更亮，右边和下边更暗 |
| 高光 | 当前项整卡变亮，边缘高光更明显 |
| 图标 | 白色线性图标，线宽接近 2pt |
| 文案 | 最多两行，图标和文字不要挤在一起 |
边框高光是这个样式的关键。不要只写一个 1px solid rgba(255,255,255,.3)，那会显得平。
底部信息
底部信息分三组：
| 位置 | 内容 |
|---|---|
| 左下 | Official Site、Privacy Policy、User Terms |
| 左下小字 | Powered by HOME VISTA |
| 右下 | 语言切换、版本号 |
链接颜色使用白色，透明度略低于功能卡片文字。
不要这样做
| 正确 | 不要 |
|---|---|
| 首页只放重点入口 | 首页把所有功能都铺出来 |
| 完整功能放进导航面板 | 首页和面板重复放同一堆入口 |
| 当前项用整卡变亮 | 只给文字换色 |
| 边缘有高光和暗边 | 用一条普通灰边框 |
| 首页保留品牌信息 | 二级页到处出现品牌 Logo 列表 |