Stable Audio 网站预览
Stable Audio 网站预览

Stable Audio

暖白色基底、产品图像展示与大幅图像展示。

页面以暖白色为基底。字体采用 Inter。视觉特点包括产品图像展示、大幅图像展示、摄影展示、居中构图。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 每个区块页面背景用 #f4f1ec Warm Canvas,绝不替换纯白。
  • 每个按钮、标签和切换使用 9999px 圆角,胶囊是最易识别特征。
  • #f9a916 Amber Pulse 是立即试用、注册、生成等主要操作按钮的唯一填充色。
  • 标题用 Inter 700,负字间距,40px 时 -0.84px,展示文案不用 500 或 600。
  • 功能区块是白产品样机卡片背后的满幅薰衣草、芥末、鼠尾草、卡其彩面板。
  • 每个曲目封面与音乐相关视觉使用半圆青柠 #a0f32f 弧形图形。
  • 卡片表面圆角保持 4px,圆控件与棱角卡片对比是刻意的。

建议避免

  • #ffffff 不要作为整页或区块背景,会破坏暖纸感。
  • 卡片或面板不要添加投影,深度只来自表面色彩对比。
  • 不要引入额外按钮强调色,琥珀是唯一操作色。
  • 标题不要用 500 或 600,系统只采用 700 粗体或 400 常规。
  • 区块视觉不要用摄影、生活方式影像或人物,只用产品样机与几何图形。
  • 按钮或标签不要用方角,9999px 胶囊不可妥协。
  • 鲜青柠 #a0f32f 不要用于非音频界面,留给激活声音与波形元素。