Slite 网站预览
Slite 网站预览

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 信号