Raw Materials
暖白色基底、扁平表面与大字排版。
Hyper Tria
近黑色基底、大幅摄影展示与大字排版。
页面以近黑色为基底。字体采用 Aeonik。视觉特点包括大幅摄影展示、大字排版、紧密字距、分屏构图。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 全部展示标题使用 Aeonik 300 字重、75-90px，行高为 0.90-1.00，letter-spacing 为 -4px 至 -5px。
- 主要分区之间保持 100px 纵向间距，维护画廊呼吸节奏。
- 所有卡片、按钮、标签、输入框和图像容器的 border-radius 都为 0px。
- Ember Red（#ee3a49）仅用于字标、导航文字和眉题标签，不作背景填充。
- 黑色 #000000 与白色 #ffffff 分区背景切换是主要空间分隔，而非线条或阴影。
- 正文保持 19px Aeonik 400、1.48 行高与轻微正字间距 0.19px，便于编辑式阅读。
- 条件允许时，首屏字标采用 3D 金属或铬质处理，反射表面是体系最易辨认的特征。
建议避免
- 任何元素不加 border-radius，尖角几何是定义体系的约束。
- CTA 不使用填充按钮背景，操作只通过描边/幽灵边框或文字箭头表达。
- 不以阴影或盒子抬升表现深度，改用背景颜色对比与字体尺度。
- Ember Red（#ee3a49）不作大背景填充，只用于文字和小标记强调。
- 展示标题 letter-spacing 不设为 0 或正值，大字的明显负字间距是标志性特征。
- 同一视图不使用多种彩色，体系是单色加每分区一种彩色标点。
- 不使用插画、抽象图形或装饰图像，产品摄影与 3D 字体是唯一视觉元素。
