Kindsight 网站预览
Kindsight 网站预览

Kindsight

暖白色基底、胶囊形控件与紧密字距。

页面以暖白色为基底,搭配近黑色文字。字体采用 Times Now、Founders Grotesk。视觉特点包括胶囊形控件、紧密字距、细线分隔、产品图像展示。适合参考的场景:软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • 所有展示和首屏标题都采用Times Now 200-300,衬线字重绝不要高于400。
  • 首屏展示标题设为80-120px,行高低于0.90,letter-spacing介于-0.034em至-0.064em,以实现紧缩编辑式面貌。
  • 每个首屏标题中,恰好选一个斜体词,用手绘黄绿色(#e1f079)笔划加下划线;这是品牌最容易辨认的手势。
  • 陶土色(#de7653)填充按钮是唯一主要CTA,绝不要替换为其他填充操作色。
  • 让奶油画布(#faf5f1)呼吸,保持80-120px分区间距,避免每个视口叠放超过两级表面。
  • 默认正文采用Founders Grotesk 400、16px、1.40行高和-0.008em letter-spacing。
  • 黄绿色(#e1f079)只留给下划线、徽章、插画填充和无填充按钮等装饰强调,绝不要作为奶油色上的文字色或功能状态指示。

建议避免

  • 黄绿色(#e1f079)绝不要用于正文或段落文字;它在奶油色上对比不足,对持续阅读也过于响亮。
  • 内容卡片或分区区块不要添加投影;深度只来自奶油、亚麻和橄榄表面的色调对比。
  • 展示标题或首屏文案绝不要使用无衬线;Times Now或等效编辑式衬线,是品牌身份不可更改的要求。
  • 任何Times Now文字都不要高于400字重;低语般200-300美学是标志性特征,更重字重会破坏编辑式感受。
  • 避免将陶土色(#de7653)放在深橄榄首屏背景上;那里改用透明描边按钮或黄绿色强调。
  • 不要使用蓝色或任何冷调强调;整套调色板温暖,包括奶油、橄榄、陶土和黄绿色,冷色会破坏大地色品牌氛围。
  • 正文段落绝不要居中;只有展示标题和标志信任条带可以居中,正文与UI标签始终左对齐。