Gamma 网站预览
Gamma 网站预览

Gamma

白色基底、细线分隔与网格布局。

页面以白色为基底。字体采用 Gamma Sans Display。视觉特点包括细线分隔、网格布局、单栏阅读排版、渐变展示。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 每屏唯一主要操作用 #0c0c0d 填充胶囊,圆角 999px,其余必须是幽灵或文字。
  • 所有界面表面保持无彩色,只有作品或 Blush-to-Violet 渐变承载色彩。
  • 任何尺寸的作品图和缩略图用 4px 圆角,文字卡片 8px,任何交互元素 999px。
  • 标题用 Gamma Sans Display 字重 300,48-72px,让文字像水印,而不是墙。
  • 卡片只以 1px #e9e9ec 细线或留白分隔,绝不用 box-shadow 浮起。
  • 所有元数据,如铸造数量、价格、日期,使用 14px #808080、字重 400;内联数字用 #0c0c0d、字重 600 托起。
  • 主要区块间维持约 88px 垂直间距,子块间 40px,让作品呼吸。

建议避免

  • 不要引入彩色强调、品牌填充或饱和按钮,界面必须无彩色,让作品保持唯一响亮元素。
  • 作品缩略图圆角不要超过 4px,利落转角让图片像钉在墙上的印刷作品。
  • 任何组件不要使用 box-shadow、光晕或模糊,深度只由细线边框与唯一深色表面传达。
  • 不要将界面文字放在作品上的遮层或彩色盒内,展示文字必须直接落在图片上。
  • Blush-to-Violet 渐变不要用于按钮、导航或边框,只留给 Prints 区块背景。
  • 单屏不要混用超过两种字重,300/400/600 尺度用于层级,而非装饰。
  • 正文或元数据不要居中,描述和数量与缩略图边缘保持一致左边距并左对齐。