--- doc_id: DSG-003 title: "通用数字产品_品牌官网生产级设计规范" owner: 文档治理团队 approver: 业务与技术负责人 status: active version: 1.0.0 classification: internal last_reviewed: 2026-08-25 next_review: 2027-02-21 --- # 通用数字产品 品牌官网生产级设计规范 ## Warm Titanium · 母品牌官网长期基线 V1.0 **状态：正式设计基线 / Design Freeze Candidate** **品牌：通用数字产品** **主域名：通用数字产品.com** **视觉方向：Warm Titanium / 暖钛白中性极简** **设计原则：Apple-inspired，但保持 通用数字产品 自有品牌识别** **网站类型：Product-led Brand Website** --- # 1. 最终定位 通用数字产品 官网不是： - 个人博客首页 - 项目仓库 - AI 工具导航 - 所有内容混在一起的门户 - 炫技型实验网站 - Dashboard - 作品瀑布流 正式定位： # 通用数字产品 Brand & Product Hub 即： > **母品牌入口 + 产品入口 + 实验入口 + 内容入口。** 首页只负责： 1. 解释 通用数字产品 是什么 2. 展示核心产品 3. 展示当前值得关注的项目 4. 将访客快速送到正确页面 --- # 2. 网站核心原则 整个网站长期遵守： ## ONE PAGE · ONE PURPOSE 每个页面只承担一个核心目的。 例如： ```text 首页 → 认识 通用数字产品 通用应用 → 了解项目负责人 Arena → 进入 AI Arena Journal → 阅读文章 Lab → 查看实验 Download → 下载产品 ``` 禁止一个页面同时承担： ```text 产品介绍 + 新闻 + 实验 + 博客 + 下载 + 个人简介 + 技术文档 + 服务器状态 ``` --- # 3. 网站长期产品架构 正式采用： ```text 通用数字产品 │ ├── Products │ │ ├── 通用应用 │ ├── Mobile Apps │ ├── Desktop Apps │ └── Future Products │ ├── Lab │ │ ├── Arena │ ├── AI Experiments │ ├── Interactive Projects │ └── Archived Experiments │ ├── Showcase │ │ ├── Visual Projects │ ├── Demos │ ├── Interactive Works │ └── Special Projects │ ├── Journal │ ├── About │ ├── Download │ └── Docs ``` --- # 4. 为什么 Product / Lab / Showcase 必须分开 这三个入口解决完全不同的问题。 ## Products 这里放： > 真正作为产品长期维护的软件。 例如： - 通用应用 - 手机 App - 桌面工具 - 未来正式产品 --- ## Lab 这里放： > 实验性质、研究性质、测试性质的项目。 例如： - AI Arena - 模型对战 - 新交互实验 - AI 产品实验 - 原型 它们可以： ```text 成功 失败 继续 停止 ``` 不影响母品牌产品区的专业感。 --- ## Showcase 这里放： > 值得展示，但不一定是正式产品的作品。 例如： - 视觉项目 - Web Demo - 创意交互 - AI 生成项目 - 特别专题 - 阶段性作品 因此： ```text Products ≠ Lab ≠ Showcase ``` 必须彻底分开。 --- # 5. 正式网站地图 ```text 通用数字产品.com │ ├── / │ Home │ ├── /products │ Products │ │ ├── /通用应用 │ └── /products/[slug] │ ├── /lab │ Lab │ │ ├── /lab/arena │ └── /lab/[slug] │ ├── /showcase │ Showcase │ │ └── /showcase/[slug] │ ├── /journal │ Journal │ │ └── /journal/[slug] │ ├── /about │ ├── /download │ ├── /docs │ │ └── /docs/通用应用 │ ├── /privacy ├── /terms └── /404 ``` --- # 6. 主导航冻结方案 Desktop Header： ```text [Starcore] 通用数字产品 Products Lab Showcase Journal About Download ``` 正式不再增加： ```text Projects Works Experiments Apps Portfolio Blog News ``` 这种语义重复入口。 --- # 7. 导航说明 ## Products 所有正式产品。 --- ## Lab 实验项目。 --- ## Showcase 展示型作品。 --- ## Journal 文章、开发记录、思考。 --- ## About 品牌与创建者介绍。 --- ## Download 所有正式可下载产品。 --- # 8. Header 视觉 高度： ```text 64–72px ``` Desktop： ```text ┌──────────────────────────────────────────────────────┐ │ ✦ 通用数字产品 Products Lab Showcase Journal About │ │ Download │ └──────────────────────────────────────────────────────┘ ``` 特点： - 无明显边框 - 无重阴影 - 无胶囊导航堆叠 - 默认与页面背景融合 - 滚动后出现轻微半透明背景 - 使用非常克制的 Blur --- # 9. Mobile Header 结构： ```text [Starcore] 通用数字产品 ☰ ``` 展开： ```text Products Lab Showcase Journal About Download ``` 菜单使用全屏 Sheet。 不要在手机上挤横向导航。 --- # 10. Warm Titanium 视觉基调 正式方向： # Warm Titanium 关键词： ```text Warm Neutral Quiet Premium Editorial Technical Human ``` 中文： - 暖中性 - 安静 - 克制 - 高级 - 理性 - 有一点温度 - 不女性化 - 不冰冷 - 不暗黑 --- # 11. 主背景色 正式基础背景建议： ```text Warm Canvas #F5F4F0 ``` 视觉： > 暖石灰白 / 浅钛白。 不是： ```text 纯白 #FFFFFF 粉白 奶黄色 浅蓝 ``` --- # 12. Secondary Background 次级区域： ```text Soft Titanium #ECEBE7 ``` 用于： - 页面区块 - Footer - Secondary Surface - Code / Demo 背景 --- # 13. Surface 卡片 / 浮层： ```text Primary Surface #FAF9F6 ``` Elevated： ```text #FFFFFF ``` 但不要所有区块都做白卡。 网站以： > **页面排版** 而不是： > **卡片堆叠** 为主。 --- # 14. 主文字色 正式： ```text Graphite #242422 ``` 不使用： ```text #000000 ``` 作为大量正文。 --- # 15. Secondary Text ```text #676762 ``` 辅助： ```text #898983 ``` Disabled： ```text #AAA9A3 ``` --- # 16. Border 统一： ```text #D9D8D2 ``` 透明低强度使用。 网站不要出现很多黑色分割线。 --- # 17. 品牌 Accent Starcore Bloom 保留蓝紫。 但整个网站只有： ```text 约 5%–8% ``` 视觉面积使用品牌色。 Accent 建议从 Logo 提炼： ```text Lavender Accent #8E7CCF Ice Accent #8FA9C9 ``` 不要把这两个颜色作为大面积背景。 --- # 18. Accent 使用范围 允许： ```text Logo 链接 Hover 小型 Badge Selected State 轻微渐变 重点数据 Focus Ring 少量 CTA Detail ``` 禁止： ```text 整个 Hero 紫色 整页蓝色 大片渐变背景 所有 Button 蓝紫 ``` --- # 19. 主按钮 默认 Primary Button： ```text Graphite Background #242422 Text #F8F7F3 ``` 例如： ```text Download 通用应用 ``` Hover： 稍浅石墨。 --- # 20. Secondary Button ```text Transparent + Soft Border + Graphite Text ``` 例如： ```text Learn More ``` --- # 21. 为什么主 CTA 不用紫色 因为： > 品牌色应该负责识别。 而不是承担所有功能按钮。 这样 Starcore Logo 出现时，蓝紫才真正有价值。 --- # 22. Typography 采用系统优先字体栈。 英文方向： ```text -apple-system BlinkMacSystemFont Inter Segoe UI ``` 中文： ```text PingFang SC Microsoft YaHei Noto Sans SC ``` 原则： > 不为了“品牌感”牺牲阅读。 --- # 23. 字体层级 Desktop： ```text Hero 64–80px H1 52–64px H2 40–48px H3 28–32px Large Body 20–22px Body 16–18px Small 13–14px ``` --- # 24. 页面最大宽度 全站统一： ```text Max Content Width 1280px ``` 正文： ```text 680–760px ``` 产品页图文： ```text 1100–1240px ``` --- # 25. 页面水平留白 Desktop： ```text 64–96px ``` Laptop： ```text 40–64px ``` Mobile： ```text 20–24px ``` --- # 26. Section 间距 Desktop： ```text 120–180px ``` Mobile： ```text 72–96px ``` 网站的高级感主要来自： > 空间。 不是来自装饰。 --- # 27. 首页最终结构 首页正式冻结为： ```text HEADER ↓ HERO ↓ FEATURED PRODUCT ↓ PRODUCTS ↓ LAB ↓ SHOWCASE ↓ JOURNAL ↓ BRAND STATEMENT ↓ FINAL CTA ↓ FOOTER ``` --- # 28. 首页 Hero 目标： > 5 秒内理解 通用数字产品。 推荐： ```text 通用数字产品 Intelligence, made useful. 让智能真正参与工作。 [ Explore Products ] [ Meet 通用应用 ] ``` 下面： 非常克制的 通用桌面应用 产品画面。 --- # 29. Hero 视觉结构 Desktop： ```text ┌─────────────────────────────────────────────────┐ │ │ │ Intelligence, made useful. │ │ │ │ 让智能真正参与工作。 │ │ │ │ Explore Products Meet 通用应用 │ │ │ │ │ │ [ 通用应用 UI Preview ] │ │ │ └─────────────────────────────────────────────────┘ ``` 第一屏不要放： - 最新文章 - 最近项目 - GitHub Star - 访问人数 - 八张产品卡 - 个人头像 - 热门标签 --- # 30. Hero 动画 只允许： - 文字轻微 Fade - 产品界面轻微上浮 - Logo 非常轻微材质变化 总时长： ```text 400–800ms ``` 禁止进入网站先看三秒动画。 --- # 31. Featured Product 首页第二屏： # 通用应用 布局： Desktop 左文右图。 ```text 通用应用 Your personal AI workspace. 理解目标。 规划任务。 使用工具。 真正参与工作。 Learn more → Download → ``` 右侧： 真实 Desktop Screenshot。 --- # 32. Product Preview 原则 必须是真实 UI。 禁止使用： - AI 大脑 - 机器人 - 代码雨 - 抽象粒子 - 假聊天软件截图 --- # 33. 首页 Products 标题： ```text Products ``` 只展示正式产品。 即使未来有 8 个产品： 首页最多显示： ```text 3 个 ``` 剩余进入： ```text /products ``` --- # 34. 首页产品展示方式 不要小卡片九宫格。 采用： ```text 纵向 Feature Strip ``` 例如： ```text 01 通用应用 Personal AI Workspace View Product → ``` 未来： ```text 02 Another Product ``` --- # 35. Lab Section 首页只展示： ```text 1–2 个 Active Experiment ``` 例如： ```text Lab 通用数字产品 Arena Two systems. Same task. Different approaches. View experiment → ``` 底部： ```text Explore Lab → ``` --- # 36. Showcase Section 只展示精选作品。 布局可以略有视觉感： ```text 两列 ``` 例如： ```text Interactive Demo Visual Experiment Product Concept ``` 但最多： ```text 3 项 ``` --- # 37. Journal Section 首页： ```text Latest Journal ``` 最多 3 条。 以文本列表为主： ```text Aug 16, 2026 Building 通用应用's interface ────────────────────────── Aug 12, 2026 What makes an AI agent useful ``` 不需要大缩略图。 --- # 38. Brand Statement 首页接近尾部： 超大文字： > **Complex systems should feel simple.** 中文： > **复杂的能力，应该拥有简单的使用方式。** 这一屏： 几乎只有文字。 --- # 39. Final CTA 首页结尾： ```text Meet 通用应用. An AI workspace that works with you. [ Explore 通用应用 ] ``` --- # 40. Products 首页 地址： ```text /products ``` Hero： ```text Products Tools built to think and work with you. ``` --- # 41. Products 列表 每个正式产品占一个大 Section： ```text 通用应用 Personal AI Workspace Learn more → Download → [Product UI] ``` 不要： ```text 产品商城 Grid ``` --- # 42. Product 页面模板 以后所有正式产品统一使用： ```text /products/[slug] ``` 或者核心产品： ```text /通用应用 ``` 模板： ```text Hero ↓ Core Value ↓ Key Capabilities ↓ Real Interface ↓ How It Works ↓ Privacy / Security ↓ Platforms ↓ CTA ``` --- # 43. 通用应用 独立产品页 地址： ```text /通用应用 ``` 产品级 Header： ```text 通用应用 Overview Features Security Docs Download ``` --- # 44. 通用应用 Hero ```text 通用应用 An AI that works with you. 理解目标， 并参与完成它。 [ Download for Windows ] Documentation → ``` 下面： 大幅 通用桌面应用 UI。 --- # 45. 通用应用 页面叙事 不要从： ```text 112 Tools Agent Core FastAPI Tauri Rust ``` 开始。 顺序： ```text What ↓ Why ↓ How ↓ Capabilities ↓ Safety ↓ Technical Details ``` --- # 46. 通用应用 Features 每一屏一个核心能力： ```text Understand ``` ```text Plan ``` ```text Work ``` ```text Verify ``` --- # 47. Workspace Section 例如： ```text Work in context. Files. Projects. Tasks. Tools. All in one workspace. ``` 配真实 UI。 --- # 48. Tools Section 网站不展示 112 个工具名单。 展示： ```text Browser Files Terminal Git Vision Voice ``` 并写： ```text And more through the tool system. ``` --- # 49. Safety Section 单独一屏： ```text You stay in control. ``` 说明： - 高风险操作需要确认 - 重要执行有记录 - 操作结果经过验证 - 可恢复操作支持回滚 配 Permission UI。 --- # 50. Local-first Section ```text Local when possible. ``` 强调： - Local Model - Local Workspace - Local Files - Offline Core Ability 不要夸大成： ```text 100% 永不联网 ``` --- # 51. Download Section 最后： ```text Get 通用应用 Windows Download ``` System Requirements： 放次级信息。 --- # 52. Lab 首页 地址： ```text /lab ``` Hero： ```text Lab Experiments in AI, interaction and software. ``` --- # 53. Lab 分类 只使用： ```text Active Completed Archive ``` 而不是十几个技术分类。 --- # 54. Lab 列表 推荐： ```text 纵向项目列表 ``` 例如： ```text 2026 通用数字产品 Arena AI Evaluation Experiment Active View → ``` --- # 55. Lab Detail 地址： ```text /lab/[slug] ``` 结构： ```text Project Hero ↓ What ↓ Why ↓ Experiment ↓ Results ↓ Status ↓ Related Journal ``` --- # 56. Showcase 地址： ```text /showcase ``` Hero： ```text Showcase Selected work, interfaces and experiments. ``` --- # 57. Showcase 与 Lab 的区别 Lab： > 强调实验过程。 Showcase： > 强调最终展示。 一个项目可以： ```text 先存在 Lab ↓ 成熟以后 ↓ 进入 Showcase ``` 但两个页面使用不同内容。 --- # 58. Showcase Layout 这里允许比其他页面稍丰富。 Desktop： ```text 2 Columns ``` 大项目： ```text Full Width ``` 每一项： - 项目名 - 一句话 - 类型 - 年份 - 主视觉 --- # 59. Journal 地址： ```text /journal ``` 页面定位： > 通用数字产品 的长期思考与开发记录。 --- # 60. Journal 首页 Hero： ```text Journal Notes on building with intelligence. ``` 列表： ```text 2026 08.16 Title 08.12 Title 08.08 Title ``` --- # 61. Journal 分类 如果内容以后增加，可以增加轻筛选： ```text All AI Product Building Notes ``` 不要做传统博客： ```text 几十个标签 热门排行 分类云 ``` --- # 62. Article 页面 正文最大： ```text 720px ``` 顶部： ```text Title Subtitle Date Category Reading Time ``` 正文结束： ```text Related ``` 最多 3 篇。 --- # 63. About 地址： ```text /about ``` 结构： ```text 通用数字产品 ↓ What we build ↓ Why ↓ Principles ↓ Creator ↓ Contact ``` --- # 64. About Hero ```text 通用数字产品 We build tools for working with intelligence. ``` --- # 65. About 不做什么 不要： - 公司愿景八段 - 企业文化墙 - 巨大时间轴 - 十个价值观 - 空泛 AI 口号 保持真实。 --- # 66. Creator Section 可以保留创作者身份。 但视觉关系： ```text 通用数字产品 = 主体 Creator = 品牌背后的创建者 ``` 不是把品牌官网重新变回个人简历。 --- # 67. Download 地址： ```text /download ``` 结构极简： ```text Download 通用应用 Windows Version [ Download ] Release Notes System Requirements ``` 未来其他 App： 逐项加入。 --- # 68. 下载中心扩展 未来： ```text 通用应用 Windows Another Product Windows / Mobile Mobile App iOS / Android / HarmonyOS ``` 每个产品独立区块。 --- # 69. Docs 地址： ```text /docs ``` Docs 不使用营销页布局。 Desktop： ```text ┌─────────────┬──────────────────────┬────────────┐ │ Docs Nav │ Document │ On page │ └─────────────┴──────────────────────┴────────────┘ ``` --- # 70. 搜索 品牌官网顶部不需要永久搜索框。 只使用： ```text Search Icon ``` 或： ```text Ctrl / Cmd + K ``` 搜索： - Products - Journal - Docs - Lab --- # 71. Footer 正式： ```text [Starcore] 通用数字产品 Products 通用应用 Explore Lab Showcase Journal About Resources Docs Download Legal Privacy Terms © 通用数字产品 ``` 保持最多 4 列。 --- # 72. 页面跳转规范 主页面间： ```text Header Navigation ``` 产品内部： ```text Product Subnav ``` 文章： ```text Journal → Article ``` 实验： ```text Lab → Project ``` 展示： ```text Showcase → Work ``` --- # 73. 最大跳转深度 普通用户： ```text 最多 2 层 ``` 例如： ```text Home → Products → 通用应用 ``` 不再继续： ```text Category → Subcategory → Feature Group → Detail ``` --- # 74. Breadcrumb 以下页面使用： ```text Docs 深层 Lab 深层 Showcase ``` 普通营销页不需要。 --- # 75. Back 行为 产品详情： 依靠主导航。 Lab / Showcase： 可以顶部提供： ```text ← Lab ``` 或： ```text ← Showcase ``` --- # 76. 页面 Transitions 正常 Route： ```text 150–220ms ``` 轻微 Fade。 禁止： - 页面翻页动画 - 3D 转场 - 大幅横移 - Scroll hijacking --- # 77. Hover 链接： - 文字色变化 - Underline 或箭头轻移动 2–4px Card： - 极轻微 Surface 变化 不要： ```text 悬浮 10px 巨大阴影 放大 1.1 ``` --- # 78. 图片风格 产品： > 真实 UI。 Lab： > 真实项目画面。 Showcase： > 主视觉作品。 Journal： > 默认可以无封面。 品牌页： > 不需要大量图库素材。 --- # 79. Logo 使用 Header： 使用： ```text Flat / Micro Starcore ``` Hero： 可使用： ```text 3D Starcore Bloom ``` 但保持克制。 --- # 80. Logo 与 Warm Titanium 的关系 整体页面： ```text Warm Neutral ``` Logo： ```text Blue / Lavender ``` 因此视觉结果： > **空间中性，标识有色。** 这就是最终品牌气质。 --- # 81. 响应式断点策略 不围绕具体设备型号。 使用内容驱动。 主要： ```text Large Desktop Desktop Tablet Mobile ``` --- # 82. Desktop Layout 宽屏： ```text Max 1280px ``` 内容居中。 不要无限拉宽。 --- # 83. Tablet 减少： - 双栏复杂布局 - 大字体 - 过大空白 必要时： ```text 2 Columns → 1 Column ``` --- # 84. Mobile 所有核心内容： ```text 单列 ``` Hero： ```text 48px 左右主标题 ``` 产品图： 横向可滑或自适应。 --- # 85. Mobile Navigation 全屏 Sheet： ```text Products Lab Showcase Journal About Download ``` 底部： ```text Docs GitHub ``` --- # 86. Accessibility 基线 生产要求： - 所有按钮键盘可操作 - 明确 Focus - 图片有 Alt - 导航有 ARIA Label - 文字与背景保证可读性 - 支持 Reduced Motion - 不依赖颜色单独表达状态 - 触控目标足够大 --- # 87. SEO 页面基础 每一页必须有独立： ```text title description canonical Open Graph social image ``` Product： 使用 Product-specific metadata。 Journal： 使用 Article metadata。 --- # 88. URL 规范 全部： ```text lowercase ``` 使用： ```text - ``` 例如： ```text /lab/通用数字产品-arena ``` 不要： ```text /Lab/Arena_Project_01 ``` --- # 89. 404 极简： ```text 404 This page isn't here. Back to 通用数字产品 ``` 可以使用小型 Starcore。 不要做小游戏。 --- # 90. Empty State Lab 没项目： ```text Nothing here yet. ``` 不要显示空白。 --- # 91. Loading 尽量： ```text Skeleton ``` 而不是满页 Spinner。 --- # 92. Error 错误： ```text Something went wrong. Retry Back ``` 生产环境不直接向用户显示 Stack Trace。 --- # 93. Performance 原则 营销官网： 尽量静态输出。 首页首屏： 避免大型视频作为强制资源。 图片： - Responsive - Lazy Load - WebP / AVIF 等现代格式 产品 UI 图： 根据尺寸加载。 --- # 94. 动效性能 Logo 材质效果： 优先 CSS / SVG。 禁止为了一个 Logo： ```text 加载巨大 WebGL 场景 ``` 首屏交互不能依赖动画完成。 --- # 95. Content Model CMS / Markdown 内容至少分： ```text products lab showcase journal ``` 每一类拥有独立 Schema。 --- # 96. Product Schema 建议： ```text name slug summary description status platforms hero screenshots features download docs version ``` --- # 97. Lab Schema ```text title slug summary status date type hero description process result related ``` --- # 98. Showcase Schema ```text title slug summary year type cover gallery description related ``` --- # 99. Journal Schema ```text title slug date summary category content cover(optional) related ``` --- # 100. 状态标签 Product： ```text Available Beta Coming Later ``` Lab： ```text Active Completed Archived ``` Showcase： 一般不需要状态。 --- # 101. 首页内容数量限制 为了长期保持干净： ```text Featured Product 1 Products ≤ 3 Lab ≤ 2 Showcase ≤ 3 Journal ≤ 3 ``` 不能因为内容越来越多就不断往首页塞。 --- # 102. 首页更新原则 内容增加： ```text 进入对应独立入口 ``` 而不是： ```text 首页继续加 Section ``` 这是长期保持极简最重要的治理规则之一。 --- # 103. 品牌视觉比例 全站： ```text 85% Warm Neutral 10% Graphite / Typography 5% Starcore Accent ``` --- # 104. 不使用的视觉方向 正式排除： ```text 粉色主视觉 浅蓝主视觉 蓝紫渐变大背景 赛博黑 纯黑科技 霓虹 Steam Punk 玻璃拟态泛滥 彩色 Dashboard 卡通品牌主站 ``` --- # 105. Photography / Illustration 母品牌官网原则上： > 少用。 如果使用： 选择： - 中性 - 简洁 - 高留白 - 无强品牌色污染 不能用图库式“商务人士看电脑”。 --- # 106. Design Tokens 建议统一： ```text --bg-primary: #F5F4F0 --bg-secondary: #ECEBE7 --surface-primary: #FAF9F6 --surface-elevated: #FFFFFF --text-primary: #242422 --text-secondary: #676762 --text-muted: #898983 --border-soft: #D9D8D2 --accent-lavender: #8E7CCF --accent-ice: #8FA9C9 --danger: reserved semantic color --success: reserved semantic color --warning: reserved semantic color ``` --- # 107. Radius 品牌官网不要特别圆。 建议： ```text Button 8–10px Card 12–16px Large Media 18–24px ``` 比 通用应用 App 略更建筑化、更稳重。 --- # 108. Shadow 只用于： ```text Floating Header Popover Product Screenshot ``` 强度非常低。 主体 Section 不需要阴影。 --- # 109. Border 能靠留白解决： > 不用 Border。 能靠 Background 解决： > 不用 Border。 只有真正需要表达容器： 才使用。 --- # 110. 首页第一眼验收 新用户在 5 秒内应该可以回答： ```text 这是 通用数字产品。 这是一个做 AI 产品的品牌。 核心产品叫 通用应用。 我可以去了解产品。 ``` 如果不能： Hero FAIL。 --- # 111. Navigation 验收 新用户应该无需学习就能判断： ```text 找产品 → Products 看实验 → Lab 看作品 → Showcase 看文章 → Journal 了解品牌 → About 下载 → Download ``` 如果需要猜： Navigation FAIL。 --- # 112. Product Page 验收 访问 `/通用应用` 后 10 秒内： 应该知道： - 通用应用 是什么 - 它解决什么 - 长什么样 - 可以做什么 - 是否可下载 - 去哪里下载 --- # 113. 内容治理规则 任何新内容上线前先问： ```text 它是产品吗？ → Products 它是实验吗？ → Lab 它主要用于展示吗？ → Showcase 它是文章吗？ → Journal ``` 无法判断： 先不放首页。 --- # 114. 未来 App 入口标准 未来任何新 App 都拥有： ```text /products/[product] ``` 独立 Product Landing Page。 首页只出现： ```text 精选入口 ``` 而不是所有 App 平铺首页。 --- # 115. 未来特殊项目 例如： - AI Competition - Interactive Event - Exhibition - Limited Project 根据性质进入： ```text Lab ``` 或者： ```text Showcase ``` 必要时拥有独立： ```text /[special-project] ``` 但 Header 仍回到 通用数字产品 主体系。 --- # 116. Arena 建议长期定位： ```text 通用数字产品 Lab → Arena ``` 而 Arena 自己可以拥有独立页面体系。 例如： ```text /lab/arena ``` 进入后出现 Arena 专属导航。 不要把比赛所有信息塞进 通用数字产品 首页。 --- # 117. 品牌与子产品视觉关系 母品牌： ```text Warm Titanium ``` 通用应用： 可以保留 Warm Titanium 基础，并增加 通用应用 产品 Accent。 Arena： 可以有更强视觉。 Showcase： 作品自身视觉可以不同。 但所有页面必须保留： ```text 通用数字产品 Header / Return Path Typography Spacing Core Navigation Logic ``` --- # 118. 视觉自由度层级 ```text Home 最严格 Products 严格 通用应用 中等 Journal 严格 Lab 较自由 Showcase 最自由 ``` 这能避免母品牌整体被实验项目视觉污染。 --- # 119. Final Homepage Architecture ```text ┌─────────────────────────────────────────────────────┐ │ 通用数字产品 Products Lab Showcase Journal About │ │ Download │ ├─────────────────────────────────────────────────────┤ │ │ │ Intelligence, made useful. │ │ │ │ 让智能真正参与工作。 │ │ │ │ Explore Products Meet 通用应用 │ │ │ │ [ 通用应用 UI ] │ │ │ ├─────────────────────────────────────────────────────┤ │ 通用应用 │ │ Your personal AI workspace. │ │ [UI] │ ├─────────────────────────────────────────────────────┤ │ PRODUCTS │ │ │ │ Product 01 │ ├─────────────────────────────────────────────────────┤ │ LAB │ │ Featured Experiment │ ├─────────────────────────────────────────────────────┤ │ SHOWCASE │ │ Selected Work │ ├─────────────────────────────────────────────────────┤ │ JOURNAL │ │ Latest 3 │ ├─────────────────────────────────────────────────────┤ │ │ │ Complex systems should feel simple. │ │ │ ├─────────────────────────────────────────────────────┤ │ Meet 通用应用. │ │ Explore → │ ├─────────────────────────────────────────────────────┤ │ FOOTER │ └─────────────────────────────────────────────────────┘ ``` --- # 120. 品牌官网最终设计决策 从 V1 开始冻结： ## STYLE **Warm Titanium** --- ## BACKGROUND ```text 暖钛白 / 暖石灰白 ``` --- ## TEXT ```text Graphite / 石墨黑 ``` --- ## ACCENT ```text Starcore Lavender + Ice Blue ``` 仅少量使用。 --- ## VISUAL ```text Neutral Minimal Premium Calm Product-focused ``` --- ## NAVIGATION ```text Products Lab Showcase Journal About ``` --- ## CTA ```text Download ``` --- ## CONTENT PRINCIPLE ```text 每种内容都有自己的入口。 首页只负责精选和分流。 ``` --- # 121. 最终品牌体验 第一次访问： > **简单。** 开始浏览： > **清楚。** 进入产品： > **专业。** 深入实验和作品： > **丰富，但不乱。** 最终整个 通用数字产品 应该呈现： > **外层极简，内部丰富。** 而不是： > **把内部所有复杂度一次性倒在首页。** 这套 Warm Titanium + 独立内容入口体系作为 通用数字产品 品牌官网长期生产级基线。 后续新增： ```text App Product Experiment Competition Showcase Article Mobile Tool ``` 均在当前架构中扩展。 原则上不再改变母品牌一级导航与首页核心结构。