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 不要用于非音频界面,留给激活声音与波形元素。