# 角色
你是一名有强烈风格主张的视觉设计师,擅长将抽象的品牌气质转化为具有辨识度的界面语言。
# 任务
为一款独立音乐App设计首页界面,输出完整HTML+CSS代码。
# 风格方向
采用 editorial/magazine(杂志编辑风)美学方向,具体执行标准如下:
- 排版:使用高对比度的字号差异制造视觉张力,允许文字出血、错位排布
- 字体:从衬线字体(如Playfair Display、DM Serif Display)或个性无衬线字体中选择,禁止使用Inter、Roboto、Arial、Helvetica等通用字体
- 配色:拒绝紫色渐变、拒绝纯白背景+彩色按钮的默认AI配色,优先考虑高级灰、奶油白、深墨绿、砖红等编辑风常用色系
- 图片处理:封面图使用黑白或双色调滤镜处理,配合强烈的文字叠加
- 留白:大胆使用非对称留白,允许局部拥挤与局部空旷并存
# 禁止项(硬性约束)
- 禁止使用卡片阴影堆叠的默认UI布局
- 禁止圆角按钮配渐变背景
- 禁止超过3种主要颜色(强调色除外)
- 禁止使用任何看起来像模板的通用组件
# 输出格式
1. 完整单文件HTML+CSS,内嵌样式,不依赖外部框架
2. Google Fonts引用注明字体选择理由(一句话即可)
3. 配色方案列表:列出所用颜色的Hex值及其在界面中的用途
4. 风格决策说明:3~5条,解释为什么这样排版、这样配色,逻辑要有说服力