Ready

白色基底、产品图像展示与渐变展示。
页面以白色为基底,搭配深灰色文字。字体采用 GT Walsheim、GT America Standard。视觉特点包括产品图像展示、渐变展示、居中构图、大字排版。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每个标题都使用 GT Walsheim,字重为 700,字号为 56-64px,行高为 1.0。
- 所有字号的 GT America 文字都设置 0.167em 字间距。这种字间距是系统最容易识别的选择。
- 所有卡片、图像容器和产品模型都使用 32px 圆角。
- 仅为漂浮的产品模型卡片应用统一阴影配方:rgba(0,0,0,0.1) 11px 11px 40px。
- 所有正文保持 #333333,背景为 #ffffff 或 #f5f3f2。
- #7366fe 是唯一彩色强调,用于眉题标签、激活状态、图标描边和链接悬停状态。
- 主要区块之间留出 80-96px 间隔,以维持宽敞、富有呼吸感的节奏。
建议避免
- 不要引入其他强调色。系统由单色加一种紫罗兰色构成。
- 不要使用字重 600 或 800。字体系统只使用 300/400/500/700。
- 正文不要使用 GT Walsheim。它仅用于标题。
- 文字或边框不要使用纯 #000000;使用 #333333 来保持温暖感。
- 卡片或图像不要使用小于 8px 的圆角。
- 营销页面不要应用径向紫罗兰渐变。它只属于产品界面模型内部。
- 宽于 640px 的正文段落不要居中。开放的字间距需要受限制的行宽。