01
设计气质 DNA
性能奢华传承专属意大利
一本高端汽车杂志，通过电影感摄影和粗野主义排版变得栩栩如生。
02
色彩
#202020Ink#FFFFFFInk soft#000000BG#969696Mutedrgba(255,255,255,1)Line高对比度单色配色方案，让摄影来承载品牌能量。
03
字体
- display
120px · 400 - headline
27px · 400 - body
16px · 400
所有文字均为大写 · 标题字体使用定制压缩无衬线字体 · 正文字体使用简洁的人文主义无衬线字体
04
间距
4px8px12px16px24px32px48px64px96px统一的24px间距与基础网格对齐。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用1px solid rgba(255,255,255,1)作为轮廓和分隔线。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
满版摄影，文字叠加层左对齐。
07
动效与交互
220msmicro
300mssmall
800msmedium
cubic-bezier(0.12, 1.01, 0.17, 0.98)easing
hover时平滑的背景色和颜色过渡 · 交互元素上的轻微transform偏移
细微的背景色或颜色变化 · 通过transform或opacity变化提供即时视觉反馈
08
组件
- button 全宽块状按钮，文字大写并带右箭头，采用纯色背景和直角边缘。
- card 以图片为主导的卡片，文字叠加极少，无可见边框。
- chip 带细白边框的小型大写标签。
- input 极简的搜索和输入框，带细微的下划线。
- hero 全屏沉浸式视频或图片背景，搭配巨大的压缩字体排版。
09
文案语气与禁用清单
- 语气 自信、富有抱负且极简。
- 标题风格 简短有力的大写陈述。
- 按钮文案 直接且以行动为导向，常伴有箭头。
- 不要使用小写标题——截图显示所有文字均为大写
- 不要在主要组件上使用圆角——截图显示直角边缘
- 不要使用鲜艳的品牌色彩——截图显示单色配色方案
- 不要使用手写体或衬线字体——截图仅显示无衬线字体
- 不要用多个重叠元素使布局显得杂乱——截图显示干净、宽敞的布局
- 不要在卡片上使用投影——截图显示扁平、以图片为主导的组件
- 避免: 随意语言
- 避免: 过多的感叹号
- 避免: 冗长的段落
- 避免: 俏皮的表情符号
10
包内真实截图
11
System Prompt
这是一个高端汽车品牌网站。定位是奢华和性能，聚焦于高质量摄影和极简界面。关键颜色是背景色#000000和文字色#FFFFFF，形成高对比度单色配色方案。字体类别包括用于标题的压缩无衬线字体和用于正文的人文主义无衬线字体。关键禁忌：避免小写标题，避免圆角，避免鲜艳色彩。布局宽敞，间距24px，动效平滑，使用cubic-bezier缓动。