Framer
近黑色基底、胶囊形控件与大字排版。
Linearity
近黑色基底、产品图像展示与胶囊形控件。
页面以近黑色为基底，搭配灰色文字。字体采用 Inter、AcidGrotesk。视觉特点包括产品图像展示、胶囊形控件、居中构图、文字主导。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 使用 Void #000000 作为默认画布，并在内容组之间保留大面积的不间断黑色区域。
- 将公共转化按钮的半径设为9999px；仅在支持的填充转化控件中使用 Signal Orange #ff4800。
- 主按钮使用橙色 #ff4800，搭配电黄色 #ffd900 的发光效果，而非中性灰阴影。
- 在显示文本中使用 AcidGrotesk 400 字重；首屏区域紧凑显示设置为 34px/1.2，板块显示设置为 45px/1.0 或 45px/1.2。
- 正文、导航和产品界面文本使用 Inter 14px/1.5；微标签和控件保留 Inter 10-12px。
- 标准深色卡片使用 17.1429px 圆角和 17.1429px 内边距，大产品演示面板则保留 25.7143px 圆角。
- 仅在局部下划线、描边或抽象图形点缀中使用 Spectrum Rail 渐变。
建议避免
- 不要引入轻量页面区域、白色卡片或浅灰色画布；保持页面表面为Void #000000。
- 不要为公共按钮、芯片、链接或紧凑型转化控件使用4px、6px或方形圆角；使用9999px半径。
- 不要使显示标题加粗；保持AcidGrotesk字体权重为400，字间距为-0.01em。
- 不要将信号橙色 #ff4800 用作通用表面色或产品面板填充色。
- 不要用标准黑色阴影替换电黄色 #ffd900 按钮光环。
- 不要为悬浮卡片制造厚重阴影；使用1px低不透明度轮廓、半透明处理和偶尔的白色内嵌辉光。
- 不要将光谱轨道渐变扩展到全页背景或正文文本上。
