mono 网站预览
mono 网站预览

mono

白色基底、大字排版与紧密字距。

页面以白色为基底,搭配深灰色文字。字体采用 NH、S-Condensed。视觉特点包括大字排版、紧密字距、网格布局、摄影展示。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 使用 2px 实线 #292929 边框作为主要分隔和容器系统,替代阴影或背景填充
  • 所有边框半径设为 0px——全场景无圆角
  • 使用 NH 100–300 字重,字号 32–43px,字间距 -0.02em 用于标题
  • S-Condensed 标签设为 12–14px 大写,字间距 +0.1em 至 +0.2em,用于所有导航、标签和元数据
  • 让网格延伸至边缘(无最大宽度容器)——各区块通过共享边框直接相邻
  • 以 8px 作为基础间距单位,按倍数递增(8, 12, 20, 43, 45)
  • 白色(#ffffff)表面搭配 #292929 墨色用于所有文字和边框——绝不引入强调色

建议避免

  • 不要添加盒阴影、投影阴影或任何立体感——系统刻意保持平面
  • 不要对任何角落进行圆角处理——卡片、按钮、输入框、图片均保持 0px
  • 不要使用粗体字重(600 及以上)——系统的语调来自 100/300/400/500 字重
  • 不要引入品牌强调色——色彩方案严格限定为黑/白/墨色
  • 不要使用渐变——填充始终为平面实色
  • S-Condensed 不使用小写正文——该字体始终为大写
  • 正文段落不要居中对齐——文字以编辑风格左对齐