01
设计气质 DNA
奢华户外家具地中海高端即将推出
奢华地中海度假手册与现代时尚杂志的结合
02
色彩
#E63946Accent#FFFFFFInk#E8E8E8Ink softrgba(255,255,255,0.3)Line全出血摄影背景搭配高对比度白色字体和醒目的红色点缀，用于品牌元素
03
字体
- display
120px · 700 - h1
18px · 600 - caption
11px · 400
导航和品牌元素统一使用全大写 · 展示文本采用紧凑的字间距 · 小标签和次级导航采用宽松的字间距
04
间距
4px8px12px16px24px32px48px64px视觉层次由图像构图驱动，而非严格的网格间距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 4px
lg · 8px
pill · 999px
极简；Cookie同意面板带有细微圆角
06
布局
1440container
12columns
32pxgutter
768 / 1024 / 1440breakpoints
全视口首屏，摄影图像从边缘到边缘铺开，对称导航布局环绕居中品牌标识
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
静态摄影首屏 · 标准Cookie同意交互
导航链接和交互元素采用红色点缀 · 标准链接导航与语言切换
08
组件
- button 用于Cookie同意的极简边框按钮，大写文本和圆角
- card 无可见卡片组件；内容通过全出血图像呈现
- chip 语言选择器标签（ES/EN），采用点缀红色
- input 无可见输入字段
- hero 全视口摄影首屏，大型白色展示字体叠加在泳池度假场景图像上
09
文案语气与禁用清单
- 语气 自信、奢华、编辑风格
- 标题风格 大胆全大写，紧凑字距，具有统治力
- 按钮文案 简洁边框按钮，大写文本，低调但清晰
- 不要使用小号首屏文字——截图显示的是巨大的120px以上展示字体
- 不要添加复杂的UI模式——截图显示的是带有摄影首屏的极简导航
- 不要使用暖色调的土色系点缀色——截图显示的是明亮饱和的红色点缀
- 不要使用衬线字体——截图显示的是统一的无衬线字体家族
- 不要添加厚重的容器背景——内容漂浮在全出血图像之上
- 不要使用多种竞争性的点缀色——截图显示的是严格的红白色调
- 避免: 俏皮语言
- 避免: 过度装饰
- 避免: 小而怯懦的字体
11
System Prompt
Diabla Outdoor是一个高端户外家具品牌，通过奢华的地中海度假摄影和大胆的编辑风格字体来定位自身。其视觉标识以全出血摄影首屏图像为核心，搭配巨大的白色无衬线展示字体。关键色彩包括用于导航和交互元素的亮红色点缀（#E63946），背景为摄影图像。字体使用统一的无衬线字体类别，导航为18px全大写，展示文字可达120px以上。关键限制：绝不要使用衬线字体；绝不要将摄影限制在小容器中；绝不要将标题缩小到展示尺寸以下。设计优先考虑氛围图像而非UI复杂性，通过克制和自信创造出类似画廊的浏览体验，以此传达奢华感。