Color Tokens
Primary / Background / Text / Surface
需求驱动设计工作台
先描述产品目标与实现范围,再选择设计规范、字体和样式,最后检查效果并输出。
STEP 01
先确定任务类型、目标用户、核心任务与交付范围;暂时不讨论视觉样式。
切换任务只改变下面的输入项,不改变后续流程。
STEP 02
需求明确后,再组合设计规范、字体、样式与平台,让视觉选择服务于产品目标。
选整体构图、密度和气质。
先比较标题与正文的气质,再把字体作为整个需求的基础规则。
平台会自动带入导航、字号、安全区和交互惯例。
选择组件与 Token 来源;系统摘要直接显示,不再打开第二层 Tab。
Primary / Background / Text / Surface
Large Title 34 / Title 28 / Headline 17 / Body 17 / Caption 12
STEP 03
切换设备检查字体、密度、组件与整体气质,确认后生成完整执行指令。