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