Say Briefly 网站预览
Say Briefly 网站预览

Say Briefly

暖白色基底、居中构图与网格布局。

页面以暖白色为基底，搭配橄榄绿色文字。字体采用 Bricolage Grotesque、Inter。视觉特点包括居中构图、网格布局、大字排版、宽松留白。适合参考的场景：SaaS 产品官网、功能介绍页。

查看原始网站

使用规范

建议采用

  • 所有主要文字、链接和CTA按钮都采用Forest Ink（#1a3300）；它是唯一的彩色主力。
  • 展示标题采用Bricolage Grotesque 800和正letter-spacing（0.04-0.05em），行高1.0，让文字有呼吸空间。
  • Highlighter Yellow（#ffe95c）作为标题中单个词语后方的背景色洗，而非按钮填充或完整表面。
  • 所有按钮采用6px圆角，卡片12-16px；绝不要在圆润系统中混入0px直角。
  • 正文设为Inter 400、18-20px和1.5行高；这是舒适密度的阅读体验。
  • 层级通过色彩填充和1px边框分隔，而非阴影；阴影只保留给导航辉光和按钮抬升。
  • 页面95%保持奶油色与森林绿；Mint、Blush和Teal等粉彩强调只用于单张卡片或按钮填充，绝不作为大面积表面。

建议避免

  • 正文、导航、按钮或任何40px以下内容不要使用Bricolage Grotesque；800字重对于小字号过于厚重。
  • 不要引入第二种主要品牌色；Forest Ink是唯一具有主导权的彩色，其余全部为强调或中性。
  • 不要采用厚重投影；系统依靠颜色与边框建立层级，模糊高于2px的box-shadow会破坏平面美学。
  • 文字不要使用纯黑（#000000）；Forest Ink是文字色，纯黑只应作为装饰元素中的SVG fill/stroke出现。
  • 宽于640px的正文段落不要居中；标题和副标题居中，但阅读文案应左对齐或限制宽度。
  • Highlighter Yellow不要作为CTA背景；它像标记笔，而非操作，只留给文字强调色洗。
  • 同一行不要组合多张粉彩强调卡片；每张粉彩卡片之间都应有奶油色空间，以维持便签节奏。

相似设计语言