OpenDesign·你的设计资产库

网页参考

Desktop Fm

一个桌面音频应用的极简、宁静着陆页,核心是单张带有等候列表号召性用语的卡片。

App UICleanCalmMinimalModern

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

极简主义音频桌面等候列表简洁

一个安静、专注的桌面应用程序音频播放器界面。

02

色彩

#00FF00Accent
#1A1A1AInk
#C4C4C4BG
#9E9E9EMuted
rgba(0,0,0,0.1)Line

以中性灰度为基底,点缀一抹醒目的霓虹绿作为视觉焦点,且使用克制。

03

字体

geometric-sans

  • display24px · 600

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

布局疏朗,中央单一组件周围留有充足的空白区域。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

无可见边框;通过微妙的阴影塑造层次感。

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

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

一个居中的卡片组件,漂浮于全幅抽象背景之上。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

背景中抽象、持续的绿色线条动画。

按钮预期有微妙的状态变化(例如亮度或缩放)。 · 按钮是主要的交互元素。

08

组件

  • button 深色、圆角药丸按钮,带白色文字和箭头图标,用于主要号召性用语。
  • card 简洁的浅灰色卡片,带有柔和圆角和微妙的投影,包含产品名称和号召性用语。
  • hero 首屏即整个视口,以中性背景上的抽象线条动画为特色,中央卡片是视觉焦点。

09

文案语气与禁用清单

  • 语气 直接、简洁、充满期待感。
  • 标题风格 简短、清晰的产品名称。
  • 按钮文案 行动导向且具有排他性。
  • 避免使用繁杂或摄影背景——截图显示为纯色中性灰底配抽象线条。
  • 避免使用多种竞争性的强调色——截图仅显示一种主导的霓虹绿。
  • 避免使用复杂、多层级的导航——截图显示为单一、专注的组件。
  • 避免在主要组件上使用尖锐的90度直角——截图显示为一致的圆角。
  • 避免使用密集的文本块或长段落——截图显示文本极简。
  • 避免使用厚重、华丽的字体——截图使用干净的几何无衬线字体风格。
  • 避免: 复杂性
  • 避免: 视觉杂乱
  • 避免: 过度解释

11

System Prompt

这是一个桌面音频应用的极简、宁静着陆页。设计采用中性灰背景(#C4C4C4),配以一抹醒目的霓虹绿(#00FF00)用于抽象背景线条。字体采用干净的几何无衬线体,产品名称“Desktop.fm”是主要文本元素。布局极其疏朗,围绕一张带有柔和阴影的卡片展开,卡片内包含一个深色的药丸形“加入等候列表”按钮。关键禁忌:避免摄影背景、避免多种强调色、避免复杂导航、避免组件上的尖锐直角、避免密集文本、避免华丽字体。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。