Yuga 网站预览
Yuga 网站预览

Yuga

近黑色基底、紧密字距与网格布局。

页面以近黑色为基底。字体采用 AK Monument Grotesk。视觉特点包括紧密字距、网格布局。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 首屏区域和分区标题使用AK Monument Grotesk字重200,字号52–160px,行高低于0.85,letter-spacing为-0.03em。
  • 所有页面背景使用#000000,所有主要文字使用#ffffff;不要引入中灰文字。
  • 所有按钮采用90px border-radius,导航链接和标签采用40px,卡片采用30px;这三个圆角值定义系统。
  • #d3de5d仅留给装饰强调条和色洗;不要将其用于文字或交互表面。
  • 让排版充满视口:首屏区域使用展示尺度的单句语句,并以充裕外边距提供呼吸空间。
  • 半色调点场仅作为首屏内容后方的径向淡出背景纹理,边缘逐渐淡至纯黑。
  • 保持满幅布局;不要引入居中的max-width容器,深色区域应从边缘延伸到另一边缘。

建议避免

  • 不要引入额外颜色;黑白双色加唯一酸青柠强调就是完整配色。
  • 卡片或按钮不要添加box-shadows;设计仅依赖表面颜色变化形成平面深度。
  • 正文字号不要低于16px或高于26px;字体尺度会强烈跳跃至展示字号。
  • 任何字号的行高都不要超过1.1;压缩的垂直节奏定义系统。
  • #d3de5d不要用于按钮填充、文字或链接边框;它是装饰,不是交互色。
  • 不要添加次级字体;AK Monument Grotesk或替代字体承担从图注到展示的所有文字角色。
  • 任何表面元素的圆角都不要小于30px;直角或小圆角会破坏系统的柔和感。