12th Berlin Biennale for Contemporary Art 网站预览
12th Berlin Biennale for Contemporary Art 网站预览

12th Berlin Biennale for Contemporary Art

白色基底、细线分隔与衬线字形。

页面以白色为基底,搭配近黑色文字。字体采用 ABCMonumentGrotesk、BradfordLL。视觉特点包括细线分隔、衬线字形、网格布局、满幅色块。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 使用虹紫罗兰色(#7373ff)作为区块背景、带描边的交互边框和标题强调色——它是唯一的色彩,应以完整尺度呈现,而非以微小点形式出现。
  • 所有UI、导航和标题使用ABCMonumentGrotesk,长文本内容使用BradfordLL——无衬线与衬线字体的对比是该系统的排版标志。
  • 按钮、标签和链接使用3px圆角;输入框和卡片使用7px圆角;仅导航胶囊形按钮使用44-64px圆角。
  • 通过字大小和颜色对比建立视觉层级,绝不用阴影框——该设计为平面且印刷式,非立体化。
  • 正文和导航文字使用ABCMonumentGrotesk,行高设为2.0-2.4,以在紧凑列表中提供充足的行距;在展示尺寸下行高压缩至1.02-1.15。
  • 允许使用大尺寸Obsidian(#000000)形状重叠内容区块作为图形架构——扁平的矩形、半圆形和不规则多边形置于展示文字的后方或侧方。
  • 使用1px Obsidian边框作为默认分隔线和组件轮廓;虹紫罗兰色边框仅用于最重要的交互元素。

建议避免

  • 任何组件均不得添加阴影、模糊或投影效果——该系统刻意保持平面。
  • 不得使用渐变填充——色彩调色板完全为实色。
  • 不得引入额外色彩——唯一的饱和色是虹紫罗兰色。
  • 不得使用填充紫罗兰色按钮作为主要行动号召(CTA)——该系统使用描边紫罗兰色操作和中性描边按钮,而非填充的彩色按钮。
  • 正文文字不得使用ABCMonumentGrotesk;衬线字体(BradfordLL)仅用于段落,以形成无衬线与衬线的节奏感。
  • 标准按钮、标签或卡片不得使用大圆角(12px以上)——仅胶囊形导航元素可使用44px以上的圆角。
  • 在内容置于彩色背景前,必须考虑重叠行为——各区块设计为层叠,而非孤立容器中呈现。