01
设计气质 DNA
音频macOS播放器桌面软件
一款时尚、深色主题的实用工具应用
02
色彩
#FFFFFFInk#CCCCCCInk soft#000000BGrgba(255, 255, 255, 0.1)Line深色、高对比度，聚焦于内容。
03
字体
- display
48px · 700 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px按钮和区域周围保持一致的 padding。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(255, 255, 255, 0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单栏布局，包含一个大型主视觉区和居中的按钮。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
交互元素在 hover 时发生微妙的亮度变化。 · 即时响应操作。
08
组件
- button 纯色填充的矩形，带有高对比度文字。
- card 专辑封面预览，伴有叠加的 UI 元素。
- hero 居中的产品 logo、名称、副标题以及醒目的下载/购买按钮。
09
文案语气与禁用清单
- 语气 直接、自信、高端。
- 标题风格 衬线体、粗体、大号、居中。
- 按钮文案 粗体、纯色填充按钮，带有清晰的标签。
- 不要使用浅色背景——截图显示的是深黑色背景。
- 不要为正文标题使用无衬线字体——截图显示的是过渡衬线字体。
- 不要使用微妙或低对比度的按钮——截图显示的是高饱和度的绿色和紫色按钮。
- 不要用导航栏使页头显得杂乱——截图显示的是一个单一、专注的产品页面。
- 不要在 UI 中使用复杂的渐变——截图显示按钮使用的是纯色。
- 不要使用订阅模式——截图明确说明了 '一次性购买，无订阅'。
- 避免: 营销术语
- 避免: 杂乱的布局
- 避免: 订阅模式
11
System Prompt
一个专注的产品着陆页，用于名为 '180db' 的 MacOS 音频播放器。设计高端、简洁，采用深色主题。关键颜色是深黑背景 (#000000) 和清晰的白色文字 (#FFFFFF)，辅以高饱和度的紫色和绿色强调按钮。排版方面，产品名称使用过渡衬线体，正文使用人文主义无衬线体。布局居中且不杂乱。关键注意事项：避免浅色背景、无衬线标题和订阅模式。该网站定位为简单、一次性的购买选择。