01
设计气质 DNA
音乐创作AI生成式工作室
一个处于深沉、氛围感俱乐部中的AI驱动音乐工作室仪表盘。
02
色彩
#E30B5DAccent#F9F9F9Ink#808080Ink soft#000000BG#17171BBG soft#27272ABG quietrgba(255, 255, 255, 0.1)Line高对比度的深色模式，搭配一个极具张力的霓虹粉色作为创意能量的强调色。
03
字体
- display
64px · 500 - h2
30px · 400 - body
16px · 400 - caption
12px · 400
标题使用几何无衬线字体，以传达现代科技感。 · 所有文本的 letter-spacing 保持一致的 0.48px。
04
间距
4px8px16px24px32px48px64px80px96px基于 4px 的灵活网格，搭配宽松的区块内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
纤细、半透明的白色或深色边框，用于微妙的界定。
rgba(227, 11, 94, 0.9) 0px 0px 204px 0px · rgba(0, 0, 0, 0.2) 1px 2px 8px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
一个居中的首屏区域，后接一个功能网格和动态音频波形元素。
07
动效与交互
150msmicro
200mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
微妙的悬停过渡，用于颜色和背景变化，主要按钮带有发光脉冲效果。
交互元素在悬停时发生微妙的背景色变化或发光强度变化。 · 按钮和卡片平滑的过渡状态。
08
组件
- button 药丸形状，带有霓虹粉色渐变和发光阴影，或是透明的“幽灵”按钮，带有纤细边框。
- card 深色背景，带有微妙的边框，通常具有圆角和内阴影。
- chip 小型、药丸形状的徽章，用于状态或标签。
- input 深色背景的输入框，带有微妙的边框。
- hero 居中的大标题，置于深色背景上，并配有动态、发光的音频波形图形。
09
文案语气与禁用清单
- 语气 富有邀请感、创造力，并且毫不费力地强大。
- 标题风格 大、加粗、直接，聚焦于用户的创作潜力。
- 按钮文案 鼓励性且以行动为导向，常使用“开始”或“想象”等词。
- 不要使用浅色背景——截图显示的是深黑色（#000000）主题。
- 不要使用蓝色或绿色作为主要强调色——截图显示的是主导的霓虹粉色（#E30B5D）。
- 不要为标题使用衬线字体——截图显示的是简洁的几何无衬线字体。
- 不要为主要按钮使用平直的尖角——截图显示的是圆润的药丸形按钮（border-radius: 9999px）。
- 不要为次要文本使用高对比度的白色——截图显示的是柔和的灰色（#808080）。
- 不要使用密集、杂乱的布局——截图显示的是充足的留白和聚焦的中央构图。
- 避免: 技术术语
- 避免: 被动语态
- 避免: 过于企业化的语言
10
包内真实截图
11
System Prompt
一个为AI音乐生成平台设计的高对比度深色模式设计。使用深黑色背景（#000000）和鲜艳的霓虹粉色（#E30B5D）作为主要操作强调色。字体是几何与人文无衬线体的组合（Inter, InnovatorFont），并保持一致的 0.48px letter-spacing。关键特征包括带发光粉色阴影的药丸形按钮、微妙的深色表面边框，以及以动态音频波形为中心的戏剧性首屏区域。关键禁忌：避免浅色主题，避免蓝色/绿色强调色，避免衬线标题，避免尖角按钮，避免高对比度的次要文本，以及避免密集的布局。