01
设计气质 DNA
高端电子合成器工业复古未来
一本高端电子乐器工业设计图录。
02
色彩
#FF9500Accent#FFFFFFInk#999999Ink soft#1C1C1EBG#666666Mutedrgba(255,255,255,0.2)Line高对比度深色模式,搭配源自硬件指示灯的温暖琥珀色点缀。
03
字体
- display
80px · 400
04
间距
4px8px16px24px32px48px64px96px充足的内边距,构建清晰的视觉层次。
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)。关键约束:绝不使用浅色背景,避免俏皮或圆润的界面元素,确保所有文字粗体且具有掌控力。保持干净、工业风和高端感。