Coda
白色基底、紧密字距与大字排版。
Dot Inc.
白色基底、宽松留白与扁平表面。
页面以白色为基底，搭配近黑色文字。字体采用 Plus Jakarta Sans。视觉特点包括宽松留白、扁平表面、单栏阅读排版、大幅图像展示。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- #ff5a2f 专用于主要操作按钮与激活状态强调；每个视口中只应出现在不超过 3-5 个元素上。
- 卡片和图片圆角设为 20px，按钮和徽章设为 30px，内联图片设为 12-20px。
- 40px 及以上标题使用 Plus Jakarta Sans 字重 300 或 400，保持轻盈宽敞的排版感。
- 所有卡片与区块分割使用 1px #e5e7eb 边框，绝不用更重边框或装饰线。
- 区块使用 80px 垂直间距，卡片和列表内部元素间距使用 24px。
- 默认画布保持白色 #ffffff；#f5f5f5 只用于交替内容条带或轻微的卡片浮起效果。
- 阴影 Token rgba(0,0,0,0.25) 0px 4px 10px 0px 只用于每个视图中唯一的主要行动按钮。
建议避免
- 不要引入额外彩色；系统身份依赖 2% 的彩色占比上限。
- 任何交互元素的圆角都不要低于 8px；柔和圆润的几何是核心品牌特征。
- 卡片、图片或导航不要应用阴影；只有主要行动按钮可以浮起。
- 20px 以上的正文不要使用 #000000；大标题改用 #1f1f1f，避免过于刺眼。
- 正文或标题不要使用粗体字重 700-800；700-800 字重只留给短标签或标记。
- 不要创建平面硬边矩形块；每个容器都需要 20-30px 圆角。
- 不要使用渐变；系统完全平面，只使用单一纯色填充。
