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

Danilo Rodrigues

如同黑色虚空中的霓虹火光:唯一的超大青柠圆盘在完美黑色页面上燃烧,白色文字像画廊墙上的说明般飘浮在周围。

Danilo Rodrigues采用近乎修道院般克制的黑白系统,只被两次高电压色彩冲击打断:首屏巨大的霓虹青柠圆盘,以及饱和钴蓝页眉横带。其他每个选择都是编辑式克制,单一字重的Neue Haas Grotesk充分发声,纯#000画布,没有阴影、渐变、边框或按钮。视觉个性来自移除的内容,而非添加的内容;没有界面附属元素、卡片系统或组件网格。内容直接置于虚空上,以宽松缩进左对齐,字号有两种语气,71px展示语气与18–19px工作语气。每个屏幕都应像印刷编辑式跨页:单色页面、唯一超大几何形状,以及有呼吸感的文案。

查看原始网站

使用规范

建议采用

  • 页面背景从边到边采用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容器或可见网格线;页面满幅且没有网格。