05 设计01_设计规范
DSN-01-001 设计规范
OceanWay 界面的设计来源与采用规则
来源
- 设计规范仓库：
Oceanway-design维护品牌、设计 token、组件和规范。 - 在线设计实验室：docs.oceanway.site/components/design，可以阅读规范和预览交互。
- 品牌来源：仓库中的
design-system/brand-enterprise-v1.md。
采用规则
- 界面基于 shadcn/ui，使用 OceanWay 的配色、字体、密度、间距和状态规范，不直接用 shadcn 的默认主题。
- 引用已确认的品牌资源，不自行重画 Logo。
- Console 登录后页面按用户 2026-10-06 确认对照 Higgsfield：深灰层次、紧凑导航、白色主按钮，以荧光蓝作为 OceanWay 品牌强调；自有批准 Logo 保留原形。账户布局按页面规格的最新确认执行。Admin 仍依其原生界面规格。
- 平台界面从核心产品PRD和页面/交互规格展开，接口与实现服务于用户结果。沿用已确认的设计来源；新增视觉探索按具体任务范围执行，不以代码先行替代产品和体验定义。
各产品的现状
| 产品 | 现状 | 方向 |
|---|---|---|
| Console、Admin | 已在平台实现 Console 与原生 Admin；Console 按用户确认的 Higgsfield 来源逐页细化，具名界面和运行分项见平台证据 | 按现行页面/交互规格推进；局部验证不代替完整产品验收 |
| Studio | 使用 Ant Design 等组件库 | 逐步对齐 |
| Drama | 自写样式 + Phosphor 图标 | 开发中，尚未对齐共享规范 |
| Commerce | 自写样式 + Lucide 图标 | 迁入产品工程时逐步对齐 |
| Site | 独立的品牌展示设计 | 保持品牌一致 |
产品工程的共用模块位于 web/src/shared/，三个子站按迁入范围复用其中的界面和平台接入组件；尚未迁入的旧前端仍按产品切片验收，不因目录存在就算共用改造完成。新写的共用组件优先放在那里。
界面必须处理的状态
加载中、空数据、无权限、余额不足、部分成功、执行中、提交结果未知、重试、取消、结果过期。用示例数据的界面要明确标注，不能当作已接入后端。