Caserne

近黑色基底、大幅摄影展示与细线分隔。
页面以近黑色为基底,搭配白色文字。字体采用 ABC Oracle。视觉特点包括大幅摄影展示、细线分隔、网格布局、大字排版。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 使用 #000000 作为通用画布——每个区块、卡片和容器均置于真正的黑色之上
- 所有 UI 标签与导航文字使用 ABC Oracle 400 字重 13–14px 字号;图像承载视觉重量,而非文字
- 项目标签与区块标题前均需添加 «(引号)——这是法裔加拿大编辑风格的标志,非可选标点
- 图像使用 1px #f2f2f2 边框替代卡片背景或阴影以界定内容边界
- 所有次级/描述性文字使用 #858484(Smoke);仅将 #ffffff(Paper)保留用于主要标签与导航
- 主要内容区块之间保持 90px 垂直间距,使每个项目图像能独立呼吸,作为独立展品存在
- 让图像满幅填充——绝不将作品集摄影限制在卡片或圆角容器内
建议避免
- 从不引入色彩强调色——配色刻意保持单色;avril 绿色属于内容,而非界面外围元素
- 绝不使用阴影或层叠效果——与黑色的平面性是整个视觉语言的核心
- 绝不为图像、卡片或按钮添加圆角——锐利的 0px 边缘维持画廊印刷的质感
- UI 文字绝不低于 13px 或高于 18px——界面设计本为轻声细语
- 导航中绝不添加标志、品牌符号或装饰元素——文字标识 'Caserne' 即为品牌身份
- 绝不使用填充按钮或彩色行动号召——作品集页面无转化行为,添加此类元素将破坏策展调性
- 绝不为背景应用渐变、发光或模糊效果——画布整体保持均匀纯黑