用途:这是一套面向 AI 智能体的约束型设计规范,用于构建 Coda 风格的浅色界面,适合创建 Coda 风格设计系统、使用 Inter 字体与 4px 网格实现 UI 的场景。
主要能力:提供颜色语义令牌(如 surface-base #FEFEFE、accent #DCEBF4、text-primary #6D6D6D、border-default #325395、destructive #F1E7E2、warning #FEE0BC 等)、排版规范(Inter 为主字体,主标题 71px/700,正文 16px/500,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums)、间距(4px 网格,默认 5px 间隙)、边框圆角(3/4/5/6/7/15px,默认 5px)、布局(1920px 基准视口,全屏高度用 h-dvh,固定元素尊重 safe-area-inset)、组件与交互状态(焦点 2px 轮廓加 2px 偏移、禁用 opacity 0.5、破坏性操作使用 AlertDialog、图标按钮加 aria-label)、动画与性能约束(仅动画 transform/opacity,交互反馈不超过 200ms,尊重 prefers-reduced-motion)。
使用方式:在构建界面时引用这些规则作为约束,按语义令牌取值,遵循 MUST/SHOULD/NEVER 优先级。
限制:资料未提供安装命令、代码示例或具体平台支持信息;部分规范存在内部不一致(如 surface-raised 为 #000000、输入框高度 0px),实际使用需自行判断。