Umbrel

如同您数字生活的高端音频放大器。

深邃、沉浸的深色模式，让硬件摄影与白色排版成为视觉焦点。

geometric-sans

• display48px · 600
• heading32px · 600

标题采用粗体、简洁的几何无衬线字体。 · 正文使用浅灰色，在深色背景上提供舒适的阅读体验。

保持一致的垂直节奏，间距充裕，使元素得以呼吸。

非常细微、高透明度的边框，谨慎使用。

0 4px 20px rgba(0,0,0,0.5)

单栏首屏区域后接三栏功能网格。

内容区域的细微渐入效果。

按钮改变背景不透明度或产生细微的色彩偏移。 · 即时响应，无繁重动画。

• button 极简的胶囊形与圆角矩形按钮，采用纯色或透明背景。
• card 不使用传统卡片；功能以图标和排版形式直接呈现在背景上。
• chip 用于“NEW”等标签的小型胶囊形徽章。
• input 此部分不可见。
• hero 全宽、居中的标题与副文本，主导视口。

• 语气 赋能、直接且技术性强。
• 标题风格 简短、有力的陈述，强调所有权。
• 按钮文案 直接且面向行动（“立即订购”、“探索”）。

• 避免使用鲜艳的多色渐变——截图显示严格的单色深色背景。
• 避免使用装饰性衬线字体——截图使用简洁、现代的几何无衬线字体。
• 避免使用复杂、多层的卡片式界面——截图以简单的文字配图标呈现功能。
• 避免使用明亮、高饱和度的强调色——截图依赖白色与灰色排版。
• 避免用厚重的边框或框体使界面显得杂乱——截图使用了大量的负空间。
• 避免使用俏皮或圆润、气泡状的界面元素——截图保持锐利、高端的边缘。
• 避免: 企业行话
• 避免: 过多的感叹号
• 避免: 被动语态