Replay Software

一款能无缝融入 macOS 环境的精致桌面音乐控制器。

纯净的白色画布搭配高对比度深色文字，确保清晰度与焦点。

geometric-sans · humanist-sans

• display64px · 700
• heading40px · 700
• body18px · 400

标题采用粗体、几何无衬线字体，字间距紧凑。 · 正文使用高可读性的人文主义无衬线字体。 · 大尺寸排版主导布局，形成清晰的层级。

充裕的垂直间距突出了大字体，营造出宁静、高端的质感。

交互元素采用细微的薄边框。

0 4px 24px rgba(0,0,0,0.08)

居中单栏布局，包含醒目的主视觉图形和清晰的排版层级。

按钮和导航项目的 hover 过渡效果。

交互元素的细微颜色变化或阴影改变。 · 即时视觉反馈，可能是轻微的缩放或透明度变化。

• button 胶囊形或圆角矩形，纯色填充，高对比度文字，带细微阴影或边框。
• card 用于展示主要产品图形，包含大尺寸圆角图片和柔和的投影。
• chip 位于页头的小型、圆角导航胶囊，用于切换产品。
• hero 居中的大尺寸图形，展示产品使用场景，并带有浮动的装饰元素。

• 语气 自信、极简且高端。
• 标题风格 直接、粗体、以益处为导向的陈述。
• 按钮文案 清晰、以行动为导向的文本，如适用则包含价格信息。

• 不要使用深色模式——截图显示背景以白色为主。
• 不要使用纤细、精致的字体——截图使用粗体、厚重的字重。
• 不要使用复杂的网格布局——截图采用简洁的居中单栏布局。
• 不要使用柔和、低饱和度的调色板——截图展示了鲜艳多彩的产品图形。
• 不要使用狭小、局促的间距——截图中的元素周围有充裕的留白。
• 不要使用华丽或装饰性字体——截图使用干净的几何无衬线字体。
• 避免: 术语
• 避免: 过于技术的语言
• 避免: 杂乱的布局