Assurestor 网站预览
Assurestor 网站预览

Assurestor

如同深森林保险库中的电光终端,午夜橄榄色上亮着青柠色荧光。

Assurestor像一台深色模式指挥控制台:深森林绿画布(#203400)吞没视口,唯一电光青柠色(#bdff00)作为操作或强调的唯一信号,像军事终端上的荧光读数。定制“Denim Ink”字体以极端字号跳跃(64→86→94px)和强负字间距占据主导,标题像刻凿而非书写。表面在绿色家族中微妙叠放,卡片#1b2d00、抬升面板#335400,不引入灰色,以保持色彩纪律。组件轻巧,透明描边轮廓取代厚重填充,32px卡片和9999px胶囊等宽松圆角柔化深色密度,青柠色则限量用于CTA、激活圆点和一个大型插画区块。

查看原始网站

使用规范

建议采用

  • #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只留给展示时刻。