Daflow.ai Design System Playground

🎨 设计令牌层

Design Token Layer

色彩系统

品牌色、功能色、中性色及其色阶系统

排版系统

字体族、字号、字重、行高、文本样式规范

视觉效果

边框、阴影、圆角、透明度

间距系统

布局间距令牌,统一空间规范

图标系统

图标库、尺寸规范、使用指南

🧩 组件规范层

Component Specification Layer

基础组件

数据展示

TableEmptyArticleImage / AvatarTagCollapseList

导航组件

反馈组件

🎯 应用指导层

Application Guidelines

布局模式

常见页面布局结构与组件搭配指南

交互规范

用户操作流程与反馈机制设计

组件组合

如何正确组合使用组件实现复杂功能

一致性检查

跨页面视觉与交互一致性保证

内容策略

文案风格、信息层级、多语言适配

可访问性

无障碍设计标准与实现指南