Workable
近白色基底、产品图像展示与单栏阅读排版。
Airtable
暖白色基底、居中构图与产品图像展示。
页面以暖白色为基底。字体采用 Haas Groot Disp、Haas。视觉特点包括居中构图、产品图像展示、网格布局、宽松留白。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用 Parchment Cream（#faf5e8）作为基础画布 —— 任何全页背景都不得使用纯白 #ffffff
- 每个主要的填充型 CTA 按钮都需搭配一个透明描边按钮作为次要操作
- 所有按钮使用 12px 圆角，大型功能卡片使用 24px 圆角，以营造圆润但具建筑感的视觉效果
- 为每个主要使用场景部分赋予专属的饱和色身份（赭石、宝蓝、森林绿、桃色、粉红）
- 使用 Haas Groot Disp 900 用于首屏和章节标题，仅限 40px 及以上字号
- 统一应用 8px 基础单位：8、16、24、32、40、64 用于内边距、间距和区块节奏
- 交互元素的锚点应使用 Onyx（#181d26）而非品牌色填充
建议避免
- 页面背景不得使用纯白 #ffffff —— 画布始终使用 Parchment Cream（#faf5e8）
- CTA 按钮不得使用品牌蓝色或彩色 —— Onyx 黑色是标准做法
- 在 Haas Groot Disp 的显示标题中不得使用字间距 —— 该定制字体专为紧密字间距设计
- 任何交互元素或卡片的圆角不得为 0px —— 最小值为 12px
- 单段正文内不得使用超过2种字重 —— 保持在 400 或 500 之间
- 白色卡片不得直接置于奶油色画布上且无内边距 —— 始终保留 16-24px 内部边距
- 不得将饱和的功能卡片颜色用于正文或小型 UI 元素 —— 这些颜色仅适用于区块级表面
