MAKR 网站预览
MAKR 网站预览

MAKR

浅色基底、非对称构图与大幅摄影展示。

页面以浅色为基底,搭配近黑色文字。字体采用 Sohne Web、CircularXXMonoWeb。视觉特点包括非对称构图、大幅摄影展示、网格布局。适合参考的场景:品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • 所有文字、边框、图标及交互元素均使用 #1c1717(黑曜墨)配色。除白色外,此为系统中唯一的结构色。
  • 所有文字均使用 Sohne 400 字重——绝不使用粗体或粗体以上字重。通过字号(11–32px)和字间距(0.0150em–0.0300em)建立层级关系,而非字重。
  • 仅在满幅横幅背景中谨慎使用 #a9aea9(桉树雾),这是系统中唯一的色彩时刻——切勿用于文字、小装饰或内联元素。
  • 所有交互元素均以下划线文字链接样式呈现。本系统中不存在填充按钮。
  • 表单输入项以透明背景下的 1px 底边线形式呈现。不使用框线输入,不使用圆角字段。
  • 产品摄影需在自然光下紧贴物体拍摄。使用 2:3 或正方形裁剪,不叠加、不加边框、不设圆角。
  • 在编辑性内容区块之间保持充足的垂直留白(80–120px),使整体布局读作展厅而非信息流。

建议避免

  • 禁止使用粗体、中粗体或任何高于 400 的字重。本系统通过克制传达信息,而非体量。
  • 禁止添加阴影、层叠或 z 轴深度。表面为平面,通过留白和偶尔的细线边框分隔。
  • 禁止任何组件使用圆角——输入框、弹窗、卡片和横幅的所有圆角均为 0px。
  • 禁止使用颜色变化来表达悬停或激活状态。仅可通过下划线粗细、文字颜色转为 #a9aea9 或不透明度变化实现。
  • 禁止在产品摄影中添加图标、徽章、标签或装饰性金属元素。图像本身即为内容。
  • 禁止引入新的强调色。本系统为单色墨水在纸上的表现,仅有一条 鼠尾草绿 色带。任何额外色彩将破坏画廊语境。
  • 不要在产品影像上叠加文字。图注、链接和标签始终位于图片下方的白色留白中。