BAM Photographers 网站预览
BAM Photographers 网站预览

BAM Photographers

近黑色基底、大字排版与摄影展示。

页面以近黑色为基底。字体采用 Helveesti。视觉特点包括大字排版、摄影展示、衬线字形、分屏构图。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 使用 Gallery Black #000000 作为不间断的页面、导航及画廊边距背景。
  • 将界面文本设定为 Helveesti 14px,字重 400,行高 18.2px,字间距 0.84px。
  • 将导航、图注和项目标识转为大写。
  • 在 48px 顶部栏内,水平导航内边距设为 25px,垂直导航内边距设为 15px。
  • 保持画廊卡片内部边距为 0px,仅使用 15px 圆角裁剪主打图像容器。
  • 将图注内嵌设为 20px,且与元素间距保持一致;主要画廊组之间间距为 72px。
  • 保持图像叠加层为纯 Projection White #ffffff 文字,不加背景块或半透明面板。

建议避免

  • 不得使用浅色页面画布或米白色卡片表面替代 Gallery Black #000000。
  • 不得引入彩色强调、渐变、语义徽章或填充转化按钮。
  • 不得将界面标签设置在 14px Helveesti 处理基准值之上或之下。
  • 不得在导航、图注或项目标签中使用粗体字重;保持字重为 400。
  • 不得对导航控件、图注或普通画廊卡片进行圆角处理;仅将 15px 圆角保留于裁剪的主打媒体上。
  • 不得在照片周围添加边框、阴影或浮层表面。
  • 不要用 Helveesti 界面字体替换超大号 BAM Selected 展示字标。