OFF+BRAND.

浅灰色基底、渐变展示与网格布局。
页面以浅灰色为基底,搭配近黑色文字。字体采用 Ataero Retina OB Edition。视觉特点包括渐变展示、网格布局、大字排版、细线分隔。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 使用 #e5e4e0 作为页面画布的唯一配色——禁止在页面层级替换为纯 #ffffff 或灰色
- 将显示标题设定在70–103px之间,使用Ataero Retina OB 400字重,行高0.80,形成堆叠式的文字块结构
- 将虹彩球体渐变(255deg,黄色 → 粉红 → 蓝色 → 白色)作为首屏锚点使用,禁止用作按钮填充、边框或次要装饰
- 所有交互元素(链接、按钮、输入框)均设置 10px 圆角半径——所有卡片表面保持 0px 圆角
- 将区块标签设定为 11px,字间距 0.05em,全大写——此字间距为品牌标志,非风格选择
- 各区块间使用 76–119px 的垂直间距,使用 Ash(#bfbebe)1px 细线作为结构分隔线,禁止使用彩色线条
- 保持单色原则:若页面需要超出羊皮纸/墨水/白色/灰调的配色,须重新评估设计再引入色彩
建议避免
- 不得引入第二套字体家族——Ataero Retina OB是唯一的表达声音
- 禁止在按钮、卡片或背景上使用彩色填充——所有交互表面保持透明描边或白色
- 禁止添加阴影、框阴影或层叠效果——系统设计哲学为平面化
- 禁止在非首屏虹彩球体场景中使用渐变——该渐变仅为一次标志性时刻,非重复性装饰
- 禁止正文文本小于 15px 或大于 18px——15/18 为该系统可读范围
- 禁止段落正文居中对齐——正文始终左对齐
- 禁止对卡片或图片容器进行圆角处理——卡片为锐角(0px);仅交互元素拥有 10px 圆角