01
设计气质 DNA
奢华性能传承汽车
一个面向卓越汽车的私人会员俱乐部
02
色彩
#ffffffInk#181818BG#8f8f8fMutedrgba(255, 255, 255, 1)Line为摄影让步的高对比度单色。
03
字体
- display
64px · 500
主导航和区域标题使用全大写 · 展示文字采用紧凑的字间距 · 导航项目使用宽松的字间距
04
间距
4px8px16px24px32px48px64px96pxUI元素使用8px基础节奏
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
交互元素使用1px实线白色边框
0 4px 12px rgba(0, 0, 0, 0.3)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血摄影主视觉，叠加居中文字。
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
悬停时平滑的透明度过渡 · 交互元素上的变换位移
细微的透明度或变换变化 · 即时响应，平滑过渡
08
组件
- button 带箭头图标的轮廓圆形按钮，用于探索操作
- card 全出血摄影图块，叠加居中文字
- hero 边缘到边缘的高分辨率摄影，叠加最少的文字
09
文案语气与禁用清单
- 语气 自信、奢华且具有排他性
- 标题风格 粗体、大写且简洁
- 按钮文案 直接且以行动为导向（例如‘探索’）
- 不要使用多种背景颜色——截图显示为单一深色（#181818）或黑色背景。
- 不要使用装饰性字体——截图显示为简洁的几何无衬线字体。
- 不要在文字上添加厚重的投影——截图显示文字直接叠加在图像上，没有厚重阴影。
- 不要使用彩色强调按钮——截图显示为极简的白色轮廓按钮。
- 不要使用复杂的网格图案——截图显示为全出血、边缘到边缘的摄影布局。
- 不要使用小而拥挤的文字——截图显示为宽松的字间距和清晰的层级。
- 避免: 随意或俏皮的语言
- 避免: 过于技术性的术语
- 避免: 杂乱的文字叠加
10
包内真实截图
11
System Prompt
这是一个高端奢华汽车网站，以大规模摄影和极简、高对比度的排版为定义。主要调色板为深色（#181818）配白色（#ffffff）文字，标题使用几何无衬线字体，正文使用标准无衬线字体。导航和标题通常为大写并采用宽松的字间距。关键交互模式包括圆形轮廓‘探索’按钮和全出血摄影图块。关键是，不要使用多种背景颜色，避免装饰性或手写字体，切勿在摄影主视觉区域使用厚重的文字叠加或彩色元素。整体体验应感觉排他、克制且注重性能。