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 尺度用于层级,而非装饰。
- 正文或元数据不要居中,描述和数量与缩略图边缘保持一致左边距并左对齐。