Shortcut

白色基底、细线分隔与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 Satoshi。视觉特点包括细线分隔、宽松留白、居中构图、网格布局。适合参考的场景:工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- #494bcb 仅作为实心操作色。它是系统唯一彩色按钮背景。
- 每种文字样式都采用 Satoshi 和 -0.02em 字间距,包括按钮与徽章;紧密间距是标志。
- 按钮、徽章和图像使用 7.6px 圆角;15.2px 留给较大功能卡片,35.8px 只用于完整胶囊形。
- 默认区块开篇采用眉题徽章模式:小标签 → 标题 → 正文 → 双按钮行。
- 区块背景在 #ffffff 与 #f6f6fa 之间交替,无需阴影即可形成节奏。
- 深色 Midnight Ink #08093f 只留给页脚与一两个功能区块。它应像抵达的目的地,而不是默认背景。
- Soft Violet #8a8ac6 承担全部装饰 SVG 描边,以及深色背景上的弱化正文;它呼应品牌,却不与主要靛蓝竞争。
建议避免
- 不要引入第二种彩色按钮色。系统默认单色,只有一种操作色相。
- 不要用投影使卡片悬浮,改用 1px 的 #686878 边框或表面颜色变化。
- 品牌黄 #ffde87 不要用于警告或提醒等功能界面。它只用于装饰。
- 正文不要重于 Satoshi 500。700 只留给展示文字和标题。
- 标准卡片或按钮不要使用 >16px 的大圆角。只有胶囊徽章才能使用 35.8px。
- 字间距不要漂移到 0 或正值。-0.02em 是视觉身份的一部分。
- 浅底正文或标题不要使用鲜明 #494bcb。它的任务是操作与品牌焦点,而非阅读文案。