SICK AGENCY 网站预览
SICK AGENCY 网站预览

SICK AGENCY

明暗对比、满幅色块与胶囊形控件。

页面兼有浅色与深色区域。字体采用 Morganite、Thunder。视觉特点包括满幅色块、胶囊形控件、网格布局、手绘图形。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 按钮填充背景使用 #0029ff,主导区块画布使用 #ffc700;它们是两个锚定色,每页必须同时出现。
  • 展示标题设为 122px 的 Thunder 300 或 229px 的 Morganite 900;展示字体绝不低于 80px 或高于 240px。
  • 999px 圆角只用于按钮、徽章和装饰贴纸;表单字段、区块条带和分割线保持 0px 尖角。
  • 所有正文和小文字使用 Sentient 12-24px,负字间距 -0.0100em 至 -0.0200em;Times 只用于 10px 细则和微注释。
  • 区块按 #ffc700 / #ff4e27 / #0029ff 顺序堆成满幅色带,间隙 0px,之间无渐变过渡。
  • #4d170c 只作为错误状态输入边框,绝不用作区块背景、装饰元素或按钮填充。
  • 首屏一角放置使用系统对比色的圆形 Sticker Badge,同时作为行动入口和视觉标点。

建议避免

  • 不要引入灰、灰白、米色或任何低饱和色,中性色只有 #000000 与 #ffffff,用于文字和边框。
  • 任何元素不要添加 box-shadow、投影或模糊;深度来自满幅条带之间的色彩对比,绝不来自浮起。
  • 卡片、区块或容器不要用 4px、8px、16px 圆角,只允许 0px 尖角与 999px 胶囊两种圆角。
  • 展示文字不要低于 80px,正文不要高于 24px;正文与展示的差距构成宣传海报尺度,缩小差距会破坏系统。
  • Morganite 900 行高不要超过 0.80,它的身份依赖近乎相触的堆叠行,疏松行高会变成普通展示字体。
  • 主要操作按钮不要放在白或近白背景上,系统无白表面,按钮只在黄、橙或钴蓝色场中。
  • 不要使用摄影背景、渐变或纹理,表面始终为平面纯色。