Workable
近白色基底、产品图像展示与单栏阅读排版。
FeedHive
白色基底、渐变展示与扁平表面。
页面以白色为基底，搭配深蓝色文字。字体采用 Thicccboi。视觉特点包括渐变展示、扁平表面、网格布局、大字排版。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每个按钮、标签和图标容器的圆角半径均设为 9999px —— 胶囊形（胶囊形）为默认样式，非可选选项
- 页面背景设为薰衣草画布（#f3f5ff），任何需要抬升的表面均使用卡片白（#ffffff）
- 在标题中使用 Thicccboi 700 字重、60px 字号进行显示；绝不超过 60px
- 在每个页面中精确应用品牌操作渐变色（#4457ff → #7583fd）于一个 CTA
- 在标题中的单个短语上应用渐变文字处理，每节最多一次
- 仅在产品原型上投射蓝调阴影；保持所有其他 UI 扁平
- 保持强调色使用比例低于任何页面的 5% —— 紫色是标点，不是涂鸦
建议避免
- 不要使用纯白色（#ffffff）作为页面背景 —— 始终使用薰衣草画布，以便白色卡片有东西可抬升
- 不要使用纯黑色（#000000）作为文本 —— 使用墨色（#181c31），其带有与品牌匹配的蓝色底色
- 不要为卡片、按钮或输入框添加阴影 —— 系统设计为扁平
- 不要引入第二个强调色 —— 绿色、红色和橙色不属于此配色方案
- 不要将渐变文字效果应用于正文或单个标题中超过一个短语
- 不要在交互元素上使用锐角（0–4px） —— 仅按钮和标签使用胶囊形
- 不要在薰衣草画布上叠加品牌紫色而无足够大小或字重 —— 它需要对比才能被识别
