Ordo 平台设计系统

preview · 由 build-preview.mjs 生成,勿手改
取值真相在 ordo-design/tokens.css,使用规则在 DESIGN.md;本页由 canvas/ 下的板子源文件拼装(改板子后重跑 node build-preview.mjs)。字体经 Google Fonts 加载,不可达时自动回退系统字体,不影响阅读。

基础

封面 · 总览canvas/Main.dc.html
01 颜色canvas/Colors.dc.html
02 字体与字阶canvas/Typography.dc.html
03 间距·圆角·阴影canvas/Layout.dc.html
15 响应式canvas/Responsive.dc.html

组件

04 按钮canvas/Buttons.dc.html
05 输入与表单canvas/Inputs.dc.html
06 标签·状态·评分canvas/Badges.dc.html
07 卡片与列表项canvas/Cards.dc.html
08 数据表格canvas/Table.dc.html
10 反馈与状态canvas/Feedback.dc.html
11 暗色模式canvas/DarkMode.dc.html

动效与模式

12 动效canvas/Motion.dc.html
13 平台特有模式canvas/Patterns.dc.html

图标库

14 图标库canvas/Icons.dc.html