Raw Materials
暖奶油上的粗野主义编辑页面。
New Genre
日落时分的电影式视野——从烧焦的赭棕色经钢铁暮色过渡到温暖的羊皮纸色的单一线性渐变，衬托出压缩衬线标题如编辑版头般镌刻其上。
New Genre 以电影般的日出至日落风格呈现：近白色表面，近黑色文字颜色，以及一个宏伟的渐变，从烧焦的棕色经钢铁蓝过渡到温暖的奶油色——这个渐变即是品牌本身。字体设计是两种声音的对话：一种是压缩的展示衬线字体（Serrif Condensed），在每页顶部以编辑权威感占据空间；另一种是低字重的几何无衬线字体（Saans Variable），以安静的精确性处理其余内容。系统在界面层面刻意保持单色——没有强调按钮，没有彩色徽章——让摄影作品、渐变渲染以及字形对比承载全部情感。组件具有建筑感：控件呈胶囊形，半径为50–90px，卡片为16px半径，细线分隔线，以及几乎不可见的立体感。空间紧凑且实用，从不用于装饰。
查看原始网站使用规范
建议采用
- 使用日出弧形渐变（#1e1310 → #182644 → #5a769f → #87a1c4 → #c1d3e6 → #fef9e1 → #f7f3f0）作为首屏和过渡区的满幅氛围渲染——绝不可作为小元素背景使用。
- 所有展示标题均使用 Serrif Condensed 字体，字号 64–72px，字重 400，行高 1.05，字间距 -0.02em；压缩形态与紧密字间距是其标志性特征。
- 所有主要文字使用 Onyx（#0c1018）而非纯黑色（#000000）——蓝色底色确保色彩调性与渐变中钢铁蓝中段保持一致。
- 在展示标题的最后20–40%部分应用渐变文字溶解效果，使文字在视觉上平滑过渡到背景渐变。
- 所有交互元素（按钮、输入框）的边框半径统一为50–90px，以形成胶囊形状；卡片为16px半径；小UI元素为8px。
- 无论字号大小，所有 Saans Variable 字体的字间距均保持 -0.01em——轻微收紧是几何精确性的组成部分。
- 保持界面单色性；让摄影内容、渐变以及字形对比承载全部视觉情感。
建议避免
- 绝不引入彩色强调色（按钮、徽章或标签中禁止使用红、绿、蓝或紫色）——该系统在UI层刻意保持无彩色。
- 绝不将 Serrif Condensed 字体使用在小于48px的尺寸——压缩展示字体需要尺度才能作为编辑性文字被阅读；小尺寸会陷入不可读状态。
- 绝不使用粗体字重（600–700）于 Saans Variable——系统依赖300–500字重；权威感来自尺寸与间距，而非字重。
- 绝不为卡片或按钮添加阴影或框阴影——立体感通过渐变和表面亮度表达，而非阴影。
- 绝不使用纯黑色（#000000）作为正文文字——始终使用 #0c1018；仅将 #000000 保留用于页脚文字和最大对比度图标笔画。
- 永远不要在任何元素上使用小于8px的圆角——平直的0px边角与胶囊形形状控件的语言相冲突。
- Saans Variable 字体的行高绝不高于1.4或低于1.0——1.0上限形成紧凑的UI标签，1.4下限处理正文内容；超出此范围，几何精确性将被破坏。
