Slite

暖白色基底、手写字体点缀与衬线字形。
页面以暖白色为基底,搭配深蓝色文字。局部操作控件以橙色强调。字体采用 Garnett、UniversalSans。视觉特点包括手写字体点缀、衬线字形、胶囊形控件、圆角卡片。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 将页面画布设为 #fdf9f4 —— 严禁使用冷白色 #ffffff 作为页面背景
- 仅在每个区块使用一个填充的 CTA,使用 #f67748;其余部分一律为炭黑色、轮廓或透明描边
- 标题使用 Garnett,正文使用 UniversalSans —— 严禁在 40px 以上显示尺寸下使用 UniversalSans
- 所有主要操作的按钮边框圆角设为 999px(胶囊形),仅在极小的方图标按钮上设为 8px
- 营销卡片的边框圆角设为 32px,产品示意图容器设为 12–18px
- 标签芯片和次要表面使用 #f9efe4 的尘色背景,而非纯灰色
- 在任何首屏标题中,手工绘制一个 1.5px 的 #f67748 圆圈或下划线,圈定恰好一个关键词
建议避免
- 严禁引入第二个饱和色作为品牌强调色 —— #f67748 必须是唯一的色彩表面色
- 严禁在显示尺寸下使用 700 字重的 UniversalSans —— 50px 的标题文本始终为 400 字重
- 严禁在单个元素上叠加超过一层阴影;最多仅允许三层阴影
- 严禁在正文文本中使用纯黑色 #000000 —— 一律使用 #2d2f34(Shade Ink)或 #3f434a(Shade Charcoal)
- 严禁将 #ecedef 或 #d9dde6 用作背景填充 —— 这些仅是边框色调
- 严禁使用方形芯片或非胶囊形的圆角按钮破坏胶囊/标签圆角系统
- 严禁在大面积背景(单个区块超过 20%)上使用 #f67748 填充 —— 会稀释 CTA 信号