Bejamas 网站预览
Bejamas 网站预览

Bejamas

近白色基底、大幅摄影展示与网格布局。

页面以近白色为基底,搭配近黑色文字。字体采用 NeueMontreal。视觉特点包括大幅摄影展示、网格布局、大字排版、宽松留白。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 将 Paper Gray #f3f3f4 作为默认页面和页脚画布。
  • 将 Voltage Lime #befc65 保留用于填充的转换按钮和部分控件。
  • 展示性文字使用 Neue Montreal 72px/86.4px 字重 400,字间距 -2.52px。
  • 使用 Neue Montreal 56px/66.08px 字重 500,字间距 -1.40px 用于大型编辑板块标题。
  • 项目卡片和媒体元素圆角统一为 17.6px;沉浸式首屏面板圆角为 32px。
  • 使用 1px Divider Ash #e0dfdf 分隔线来分隔浅色区块并分割编辑栏目。
  • 保持填充的公共转换按钮半径为 9999px,水平内边距为 24px。

建议避免

  • 不要将 Voltage Lime #befc65 用作页面背景、项目卡片填充或装饰性渐变。
  • 不要用扁平的酸黄绿或白色替代深色首屏处理。
  • 不要使用厚重的卡片阴影;项目卡片不使用任何阴影。
  • 不要将主要标题设置为字重 600 或 700;应使用字重 400 在 72px,或字重 500 在 56px 及以下。
  • 不要使用方形项目图片;保持媒体元素 17.6px 的圆角。
  • 不要引入饱和的蓝色、红色、紫色或橙色界面强调色。
  • 不要将每个板块都变成白色卡片;保持 Paper Gray #f3f3f4 作为不间断的编辑基础。