WOUQ

单色画廊墙面,博物馆标签式排版
WOUQ 以单色编辑风格呈现:几乎完全无色彩,黑色文字与细分隔线承载所有功能信息,背景为纯白色画布。页面以图像为主——大尺寸摄影与3D渲染 艺术作品 占据主导地位,被视作展厅展品,统一采用 10px 的角落圆角和极简的界面外围元素。字体是唯一的表达工具:采用定制的新无衬线字体(ESAllianz),在接近展示尺寸(45px)的大小下用于标语和栏目标签,行高紧凑(1.11行高),使文字堆叠成编辑性板块,而非留出呼吸空间。界面刻意去除所有非必要视觉元素——无按钮、无徽章、无渐变、无阴影、无强调色——使作品本身承载视觉身份。导航为纯文本行,项目卡片为扁平矩形,两个文本行叠加于角落,模仿博物馆墙标而非卡片式界面。
查看原始网站使用规范
建议采用
- 所有文字、边框及带描边的交互元素均使用 #000000,背景为 #ffffff 或 #efefef 时保持一致
- 标题使用 45px ESAllianz 字体,行高 1.11,用于编辑性展示效果
- 所有包含图像的卡片和缩略图均设置 10px 圆角
- 保持卡片内边距为顶部/右侧/左侧 25px,底部 10px,以容纳叠加标签
- 在项目卡片顶部左角叠加分类标签(18px)和项目名称(27px),垂直堆叠
- 内容最大宽度为 1200px,居中对齐,区块间距为 48px,充足留白
- 配色严格限定于 #000000、#ffffff 和 #efefef —— 无强调色,无渐变
建议避免
- 不得引入任何超出 #000000、#ffffff 和 #efefef 的色彩——无品牌强调色,无语义色彩
- 不得为卡片添加阴影、光晕或任何立体感——表面保持平面
- 不得添加可见的CTA按钮,包括填充或大圆角——界面为无按钮设计
- 仅使用 400 字重(ESAllianz Light 与 Regular 均为 400,区别在于字体面而非数字)
- 不得修改字间距——所有文字使用正常字间距
- 不得为卡片添加悬停抬升、变换或缩放动画——卡片为静态画廊对象
- 正文区块中不得使用完全对齐或居中对齐——所有段落和标题均左对齐