设计Token清单

产品：行政通

维护：张伟

实现：刘洋

日期：0000-00-00

版本：V0.4

一、清单用途

设计稿和页面使用同一套颜色、字号和间距。名称一旦被页面引用就不再改名，只允许改值。本清单覆盖首页和预订、请假、访客、用品四条路径。张伟改值之后，刘洋在下一个工作日同步到代码，并在预订页上核对主按钮、正文和时段格子。

二、颜色

三、字号与间距

四、使用约定

1. 正文用 color.text，辅助说明用 color.text-2。两种字色都要在 color.page 上达到 4.5:1。
2. 状态同时使用文案和颜色。完成用 color.success，处理中用 color.warning，需要员工修改时用 color.danger。
3. 主按钮文字用白色，底色用 color.brand。9月24日张伟把品牌色从较浅的橙调到 #C65A12，就是为了让按钮文字达到 4.5:1。
4. 间距只用表里的 24、16、12。页面上临时出现的 8 或 20，先回到这三档里的一档。

五、同步

刘洋在代码里用同名变量。9月20日已经同步颜色和字号，间距还差 space.field，状态为进行中，9月23日补上。张伟改任何一值时，在本表改掉旧值，并在修订记录里留一句：日期、旧值、新值、原因。本版的原因是按钮对比度不够。