精选 · 开放 · 免费
Khaite
融合编辑式摄影、精致字体排印与充裕留白的奢华时尚电商体验。
fashionluxury
01
设计气质 DNA
奢华时尚编辑式极简优雅
一家高端时尚精品店，拥有编辑式摄影与精致的字体排印。
02
色彩
#000000Ink
#222222Ink soft
#FFFFFFBG
#F8F8F8BG quiet
rgba(0,0,0,0.15)Line
严格的无彩色系，以纯黑与纯白为主导，让高品质摄影承载所有视觉兴趣与品牌个性。
03
字体
didone-serif · grotesque-sans
- display
56px · 400 - heading
12px · 400 - body
12px · 400
品牌标识 'KHAITE' 使用高对比度的衬线字体（ITC Galliard），字号较大。 · 所有导航与界面文本使用清晰、轻量的无衬线字体（Fakt Pro），字号12px。 · 文本常用大写形式，并配以宽松的字间距，营造精致的编辑感。 · 字重严格保持在350-400，避免使用粗体，仅极少数强调情况例外。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于严格的4px网格，留有充裕的留白与呼吸空间，尤其围绕摄影元素。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极简，仅用于交互文本元素（如 'Shop Now'）的细微下划线。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血式英雄图像后接简洁的居中网格布局，元素间留有充裕的负空间。
07
动效与交互
300msmicro
300mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素状态的透明度过渡 · 悬停时微妙的背景色变化
文本链接在悬停时微妙的透明度降低或下划线出现 · 标准指针交互，除悬停状态外无额外视觉反馈
08
组件
- button 极简的文本链接，配有细微下划线或边框；无实心填充按钮。
- card 简洁、无装饰的产品呈现，包含图像和小号大写文本标签。
- hero 全视口摄影英雄区，叠加衬线标题与微妙的文本链接行动号召。
09
文案语气与禁用清单
- 语气 精致、低调且自信
- 标题风格 优雅的衬线标题，偶有斜体，传达编辑权威。
- 按钮文案 微妙的文本式行动号召，使用细线下划线而非粗体按钮。
- 不要使用粗重字体——截图显示全文采用轻字重（350-400）
- 不要添加装饰性阴影或发光——截图显示完全扁平、干净的表面
- 不要使用彩色按钮或徽章——截图仅显示带有下划线的细微文本链接
- 不要用多个竞争元素使布局杂乱——截图显示充裕的留白
- 不要在容器上使用圆角——截图显示锐利、干净的边缘
- 不要使用繁杂的图案或渐变——截图显示纯白与近白的背景
- 避免: 过度的标点符号
- 避免: 随意的语言
- 避免: 视觉杂乱
- 避免: 促销徽章
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个Khaite奢华时尚电商网站。定位高端、编辑式且低调。关键颜色为纯黑（#000000）与纯白（#FFFFFF），无强调色。字体排印使用衬线字体（ITC Galliard）作为品牌标识和标题，轻量无衬线字体（Fakt Pro）用于所有界面文本，字号12px。关键禁忌：绝不使用粗体字重，绝不添加装饰性阴影，绝不使用彩色按钮，绝不使布局杂乱，绝不给容器添加圆角，绝不使用繁杂背景。设计优先考虑高品质摄影与最小化的界面干扰，营造卓越的购物体验。
en · zh-CN · zh-TW · ja · ko