DNCO 网站预览
DNCO 网站预览

DNCO

白色基底、细线分隔与宽松留白。

页面以白色为基底，搭配近黑色文字。字体采用 Neue Haas Unica Pro。视觉特点包括细线分隔、宽松留白、摄影展示、网格布局。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 只使用 Neue Haas Unica Pro（或 Inter / Neue Haas Grotesk）的 400 字重，不引入粗体、中等或细体。
  • 所有文字的 letter-spacing 设为 -0.025em；紧凑字间距是编辑感的必要条件。
  • 只使用 #ffffff、#e5e7eb、#000000 和 #a3a3a3；整个界面不出现彩色强调。
  • 依靠尺寸跃迁（16 → 18 → 22 → 72）建立层级，而非改变字重或颜色。
  • 用 1px #e5e7eb 细线或充裕留白分隔分区，不使用填充或阴影。
  • 每个交互元素都做成胶囊形（9999px）或纯文字标签，不使用填充按钮、圆角卡片或带边框的输入框。
  • 让摄影承载所有彩色；图像融入布局，不加框、圆角或叠层。

建议避免

  • 不要添加第二个字体家族；体系有意使用单一家族。
  • 除四种中性色外，不引入其他颜色；不使用品牌红、蓝或强调绿。
  • 任何组件都不要使用 box-shadows 或抬升效果；深度来自留白，而非模糊。
  • 卡片或图像不加 border-radius；只有导航和标签使用 9999px。
  • 不要通过粗体或斜体强调文字；改为增大尺寸。
  • 不要把内容放进带边框的容器或填充面板；使用留白分组。
  • 按钮、标签或交互状态不要使用背景色；采用文字颜色和圆点指示器。

相似设计语言