精选 · 开放 · 免费
Burberry
奢华时装品牌,以简洁的编辑摄影呈现产品,界面元素极度精简
fashionluxury
01
设计气质 DNA
奢华英伦传承极简高端
高端时装精品店的克制优雅
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.08)Line
单色克制,摄影作为主要色彩载体
03
字体
transitional-serif
标题使用经典衬线字体,保持常规字重 · 正文采用宽松字距,营造奢华感 · 层级关系微妙,依靠字号而非字重变化实现
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
整体采用宽松留白,传达奢华感与呼吸空间
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框,仅通过留白进行分隔
06
布局
1440container
12columns
24pxgutter
768 / 1024 / 1440breakpoints
居中主视觉区,下方为全出血摄影
07
动效与交互
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
编辑章节之间细微的渐隐过渡 · 产品摄影的视差滚动
交互元素微妙的透明度变化 · 即时响应,反馈动画极简
08
组件
- button 极简,可能为文字型行动号召,样式低调
- card 简洁的图片主导产品卡片,叠加文字极少
- chip 精致的类别筛选器,采用细边框或下划线样式
- input 简洁的搜索框,仅带底部细线
- hero 全出血编辑摄影,搭配衬线字体叠加文字
09
文案语气与禁用清单
- 语气 自信、低调、考究
- 标题风格 简短的陈述句,搭配经典衬线字体
- 按钮文案 低调的文字链接,而非突出的按钮
- 勿使用浓重饱和色——截图显示为单色系统,摄影承担所有色彩表达
- 勿添加装饰性阴影或立体效果——截图显示为完全扁平的界面,无任何浮起效果
- 勿为容器添加圆角——截图显示为精准锐利的几何边缘
- 勿以紧凑间距拥挤元素——截图显示所有元素间均有宽松留白
- 勿使用无衬线展示字体——截图显示品牌标识采用衬线字形
- 勿添加视觉噪点或图案背景——截图显示为纯净的白色背景
- 避免: 感叹号或热情洋溢的语言
- 避免: 喧闹的促销标语
- 避免: 复杂的多词行动号召
11
System Prompt
这是一个奢华时装品牌网站,通过编辑克制与传承信誉进行自我定位。视觉系统采用极致单色搭配,纯白背景与黑色排版,产品摄影作为主要色彩表达。字体全部采用过渡衬线体,始终使用单一字重以营造低调优雅感。关键约束:避免所有装饰性元素(如阴影或圆角),切勿以紧凑间距拥挤布局,切勿使用热情或促销性语言。设计通过负空间、经典衬线字体以及完全避免界面装饰来实现高端定位。所有元素皆退隐,让位于前景的产品影像。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko