Danilo Rodrigues 网站预览
Danilo Rodrigues 网站预览

Danilo Rodrigues

近黑色基底、大字排版与单栏阅读排版。

页面以近黑色为基底，搭配浅灰色文字。字体采用 Neue Haas Grotesk、Times。视觉特点包括大字排版、单栏阅读排版。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 页面背景从边到边采用Void Black（#000000），不设置max-width包裹容器。
  • 每个排版元素都严格采用唯一的Neue Haas Grotesk 400字重；层级由尺度和颜色承担，而非字重对比。
  • Paper White（#ffffff）只用于31px及以上、最响亮的展示文字；所有正文和辅助文案采用Bone White（#eaeaea）。
  • 每个首屏严格放一个Signal Lime（#86ff00）圆形，超大、完全正圆，并让标题文字与其下半部重叠。
  • 所有内容以一致的8–10%视口缩进左对齐，主要分区之间使用83–130px纵向空间。
  • 页面处于滚动或聚焦激活状态时，顶部导航触发Cobalt Bar（#1a3cff）状态；这是蓝色唯一出现的地方。
  • 行内元素默认13px纵向内边距，分组内容周围32px；13是基础节奏单位。

建议避免

  • 不要引入投影、渐变、辉光或任何模拟深度；深度只通过对比和尺度暗示。
  • Neue Haas Grotesk不要采用600/700/800粗体或斜体；系统刻意采用单一字重。
  • 一个屏幕不要放置超过一个Signal Lime圆盘，也绝不要将其作为按钮填充或交互元素。
  • 不要构建卡片、面板或盒状容器；内容直接置于黑色虚空上，不用表面包裹。
  • 正文不要居中，也不要对称堆叠内容；布局始终锚定左侧。
  • 不要采用颜色编码的状态，例如绿色成功或红色错误；青柠与钴蓝强调调色板只用于标志性时刻，而非状态沟通。
  • 不要添加max-width容器或可见网格线；页面满幅且没有网格。

相似设计语言