Assurestor 网站预览
Assurestor 网站预览

Assurestor

橄榄绿色基底、紧密字距与分屏构图。

页面以橄榄绿色为基底,搭配白色文字。字体采用 Denim Ink、Courier New。视觉特点包括紧密字距、分屏构图、居中构图、网格布局。适合参考的场景:软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • #bdff00青柠色是系统唯一的彩色填充操作色;主要CTA绝不要替换为其他色相。
  • 标题采用Denim Ink 600–700、64–94px和-0.045em字间距;极大字号与紧密字间距是品牌视觉的标志性特征。
  • 维持单色绿色纪律,表面以#1b2d00 → #203400 → #335400叠放,绝不引入灰色中性色。
  • 所有卡片采用32px圆角,所有按钮16px;9999px胶囊形只留给导航项和小标签。
  • 每个分区眉题标签前都放一个8px青柠圆点;它是品牌的“实时信号”指示。
  • 正文保持Denim Ink 400、16–20px、#ffffff、1.5行高和-0.02em字间距。
  • 分区采用80px纵向间隙和满宽深色横带,让它们有呼吸空间;密度来自内容,而非紧密间距。

建议避免

  • 除每页唯一的重点装饰面板外,绝不要将#bdff00作为大面积背景;青柠色限量使用才像信号。
  • 不要用投影表现抬升;系统通过颜色层级变化分隔,而非阴影深度。
  • 任何UI元素都不要采用#808080、#999等灰色;调色板只有绿色单色加白色和青柠色。
  • 除8px的Courier New微标签外,正文绝不要低于16px;易读性是不可更改的要求。
  • 同一组件不要混用#73a303、#586740等多种强调绿;每个表面只用一种强调,保持清晰层级。
  • 不要添加渐变;设计依靠平面色块形成终端和荧光美学。
  • 32px以下不要使用厚重字重;Denim Ink 700在正文字号下会毁掉易读性,700只留给展示时刻。