CleanShot X

白色基底、紧密字距与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 Google Sans Flex。视觉特点包括紧密字距、宽松留白、分屏构图、居中构图。适合参考的场景:工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 使用 Paper White #ffffff 作为默认画布和卡片表面,使用 Absolute Ink #000000 作为展示标题的显示文字。
- 将首屏标题设置为 Google Sans Flex 60px/600,行高 66px,字间距 -1.2px。
- 将区块标题设置为 Google Sans Flex 40px/600,行高 48px,字间距 -0.8px。
- 仅在填充购买或探索控件及聚焦产品强调点时使用 Electric Capture Blue #0d44e8。
- 为卡片和媒体容器设置 20px 的圆角;为矩形按钮、徽章和输入框设置 14px 的圆角。
- 本地间距默认为 12px,紧凑内嵌间距为 16px,区块间距令牌为 40px。
- 将记录的多层石墨卡片阴影应用到 Paper White #ffffff 的用户证言和内容卡片上。
建议避免
- 不要将 #0d44e8 用作页面背景、大范围区块填充或默认文字颜色。
- 不要用 14px 按钮圆角替换胶囊形控件;保留 9999px 圆角用于仅图标控件。
- 不要在卡片上使用厚重的不透明黑色阴影;改用低不透明度的 Graphite 阴影堆叠。
- 不要将辅助段落设置为 Absolute Ink #000000;使用 Soft Charcoal #6a6a6b,字号 18px/450,行高 30px。
- 不要引入彩色语义徽章配色;除非产品状态有特别要求,否则使用 Studio Black #0f0f12 或 Paper White #ffffff 徽章。
- 不要将未加边框的产品截图直接放置在画布上;需将其裁剪为 20px 圆角的媒体卡片,并带有分层的 macOS 窗口深度。
- 不要使用粗体 700–800 显示字体;保持标题为 Google Sans Flex 600。