Bareis + Nicolaus 网站预览
Bareis + Nicolaus 网站预览

Bareis + Nicolaus

近黑色基底、网格布局与分屏构图。

页面以近黑色为基底,搭配白色文字。字体采用 Lausanne、Victor Serif。视觉特点包括网格布局、分屏构图、摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签和导航元素的边框半径均设为 120px——胶囊是系统的唯一形态
  • 所有轮廓控件的描边必须精确为 1px Bone(#ffffff);绝不加粗
  • 显示文本设为 72px Lausanne 字重 400,行高 1.0——大字号轻字重是其标志性特征
  • 所有标签间的间距保持在 7-13px 之间;密集的集群布局是刻意为之
  • 仅使用 Bone(#ffffff)和 Obsidian(#000000)两种颜色——Ash(#a9a9a9)仅用于元数据,绝不用于主要控件
  • 采用分屏布局:左侧为 排版的 控制列,右侧为视觉索引,两侧均满幅展示
  • 各区块间以 1px Bone 细线分隔,并留出充足的垂直间距——不使用卡片、面板或背景

建议避免

  • 绝不添加填充色、渐变或品牌强调色——系统严格保持单色
  • 绝不使用除 120px(或图像/分隔线为 0px)以外的圆角半径——混合圆角破坏了几何语言
  • 绝不使用 Lausanne 字体的粗体或中等粗体——所有尺寸下必须为字重 400
  • 绝不为任何元素添加阴影、光晕或任何层次效果
  • 绝不为项目图片添加内部内边距——图片必须紧贴页面边缘
  • 绝不将 Ash(#a9a9a9)用于激活状态或主要文本——它仅用于元数据
  • 绝不引入第二套字体用于正文或导航——Victor Serif 和 Black Tie 为辅助字体,非核心字体