OpenDesign·你的设计资产库

网页参考

Playsuperlative

一款高端电子合成器的深色摄影着陆页,强调可触摸的硬件与大胆的排版。

PremiumProductHardwareBold TypographyPhotographic

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

01

设计气质 DNA

高端电子合成器工业复古未来

一本高端电子乐器工业设计图录。

02

色彩

#FF9500Accent
#FFFFFFInk
#999999Ink soft
#1C1C1EBG
#666666Muted
rgba(255,255,255,0.2)Line

高对比度深色模式,搭配源自硬件指示灯的温暖琥珀色点缀。

03

字体

geometric-sans

  • display80px · 400

04

间距

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

充足的内边距,构建清晰的视觉层次。

05

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

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

1px solid rgba(255,255,255,0.2)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血摄影背景搭配文字叠加层。

07

动效与交互

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

链接和按钮的微妙透明度变化。 · 标准按钮按压效果。

08

组件

  • button 幽灵按钮,带细边框、大写文字和宽内边距。
  • chip 用于“NEW”标识的小型胶囊状标签。
  • hero 全屏摄影主视觉,搭配大号左对齐字体。

09

文案语气与禁用清单

  • 语气 高端、权威,略带技术感。
  • 标题风格 全大写、粗体,字间距紧密。
  • 按钮文案 简洁的幽灵风格按钮,大写文字。
  • 避免使用明亮或霓虹色——色板严格采用深色系搭配单一暖色点缀。
  • 避免使用厚重的投影——设计依赖摄影深度和扁平元素。
  • 避免使用圆润、气泡状的界面组件——形状应尖锐且具工业感。
  • 避免使用大量留白或空白背景——摄影主视觉主导画面。
  • 避免使用小而精致的字体——标题应巨大且具有掌控力。
  • 避免使用浅色背景——深色主题是高端美学的核心。
  • 避免: 俏皮的语言
  • 避免: 艳丽的色彩
  • 避免: 圆角

11

System Prompt

一款电子乐器制造商的高端电商着陆页。设计采用深色摄影主视觉和几何无衬线字体。关键色彩为深炭灰(#1C1C1E)和纯白(#FFFFFF),点缀源自硬件指示灯的温暖琥珀色(#FF9500)。关键约束:绝不使用浅色背景,避免俏皮或圆润的界面元素,确保所有文字粗体且具有掌控力。保持干净、工业风和高端感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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