01 / INTERACTIVE DEMO
把基础，变成日常工作。
一个工作项清单，验证组件在同一个流程里是否协调。
没有匹配的工作项
修改搜索词，或新增一个工作项。
工作项详情
新增或选择一个工作项开始编辑。
数据仅保存在此浏览器；演示中的“完成”不代表人工验收通过。
同一套语言
按钮、文本框、列表与导航，共用语义 Token。
密度，而非缩放
改变控件高度与留白，保持字体与焦点线稳定。
从使用中生长
先复用已有语义；有通用证据，再增加 Token。
Foundation Lab本地交互验证
02 / FOUNDATION HARNESS
让每个决定，看得见。
读取当前 Token；所有试件与 Demo 共用组件样式。
颜色 / Color
语义槽位，不建立完整色阶字体 / Typography
间距与形态 / Geometry
Spacing · 5 级
Radius · 3 级
图标、边框与焦点
组件状态 / States
Hover / Pressed 列为固定试件；默认列支持实际鼠标与键盘交互| 变体 | Default | Hover | Pressed | Disabled |
|---|
TextBox
Toggle
语义反馈
Success · 修改已保存
Warning · 有修改待保存
Error · 请检查输入
List / Selected
Navigation
点击试件，可在这里查看交互结果。
密度 / Density
同样的字体、同样的组件，只有高度与留白发生变化。