Sonos

一本高端生活方式杂志与一本高端消费电子产品目录的结合。

高对比度的中性色，大量使用黑白，依靠丰富、暖调的摄影来提供色彩。

grotesque-sans

• display64px · 400
• h148px · 400
• body16px · 400

所有文本使用干净、现代的无衬线字体（如指定的‘aktiv-grotesk’）。 · 大部分文本使用常规字重（400），特定强调处轻微增加至（500）。 · 行高保持紧凑但易读，标题约1.2，正文约1.3。

基于4的系统提供一致间距，大区块（如112px）使用显著的垂直内边距。

薄而细的1px边框，使用浅中性灰（#BFBFBF）或纯黑（#000000）来界定容器。

0 1px 3px rgba(0,0,0,0.1)

一个宽幅、出血的布局，包含居中的内容容器，利用大量留白和大型图像。

内容揭示时的淡入淡出和滑动过渡。 · 悬停状态下平滑、快速的透明度变化。

交互元素上的微妙透明度变化或轻微色调偏移。 · 即时的视觉反馈，通常通过轻微的缩放或透明度降低来实现。

• button 高度圆润的药丸形按钮，采用纯黑或纯白背景，并配以对比文字。
• card 干净、极简的卡片，通常使用出血的场景摄影，并叠加文字。
• chip 截图中未体现，但会遵循药丸形按钮的风格。
• input 截图中未体现。
• hero 一个巨大的、全视口的电影感图像或视频，配以一个大型居中标题和一个突出的主要行动号召按钮。

• 语气 自信、高端、以生活方式为导向。
• 标题风格 直接、以效益驱动、简洁。
• 按钮文案 简单、以行动为导向、清晰（例如‘立即选购’）。

• 不要使用杂乱或繁忙的布局——截图显示了大量留白和单一焦点。
• 不要使用低对比度文本——截图显示了深色图像上的高对比度白色文本或白色背景上的黑色文本。
• 不要使用尖锐的方形圆角——截图显示了高度圆润的药丸形按钮和一些圆角容器。
• 不要使用多种字体字重——截图显示了严重依赖单一常规字重（400）。
• 不要使用鲜艳、霓虹灯般的强调色——截图显示了由中性色和场景摄影中的色彩驱动的调色板。
• 不要使用复杂、多元素的首屏区域——截图显示了单一、主导性的图像配以极简的文字覆盖。
• 避免: 技术术语
• 避免: 过多的形容词
• 避免: 杂乱的布局

历史提取与模型分析 · 尚未逐项校验