精选 · 开放 · 免费
Lilnasx Jeanpaulgaultier
以编辑摄影与粗野主义字体为核心的单色系奢侈品电商体验。
PhotographicCurationPremiumBold TypographyEditorial
01
设计气质 DNA
高级时装先锋派先锋派奢侈品艺术感
具有鲜明对比与粗犷字体的高级时装编辑型图册。
02
色彩
#000000Ink
#222222Ink soft
#828282BG
#E0E0E0BG soft
rgba(0,0,0,1.0)Line
高对比度单色系调色板，视觉趣味完全由摄影内容主导。
03
字体
slab-serif · grotesque-sans · monospaced
- display
30px · 400 - body
16px · 400 - caption
11px · 400
所有主标题使用定制展示字体，保持先锋品牌识别度。 · 导航与界面标签采用严格全大写的怪诞无衬线体。 · 展示文本保持紧凑行高以契合编辑美学。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于4px的紧凑韵律，尊重产品展示的严格网格布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 2px
lg · 2px
pill · 999px
用于网格与输入框的1px纯黑实线边框。
0 0 5px 0 rgb(128, 128, 128)
06
布局
1440container
12columns
768 / 1024breakpoints
边缘对齐摄影图，严格分为双栏产品网格。
07
动效与交互
150msmicro
200mssmall
320msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
模态遮罩平滑淡入动画。 · 交互元素的微妙变换过渡。
标准指针光标，大部分元素提供极简视觉反馈。 · 表单输入即时状态变更。
08
组件
- button 全宽纯黑矩形，居中白色全大写文字。
- card 无边框图片卡片，文字与价格底部对齐。
- chip 无
- input 极简输入框，1px黑色边框，全大写标签左对齐。
- hero 戏剧性的五五分屏，采用全出血编辑摄影。
09
文案语气与禁用清单
- 语气 坚定、先锋、绝对专业。
- 标题风格 简短有力、全大写的陈述或最小化产品名称。
- 按钮文案 直接的全大写指令，如“确定”或“登录”。
- 不要使用圆角——设计依赖于尖锐的粗野主义矩形边缘。
- 不要为卡片添加投影——布局采用无边框平面网格系统。
- 不要使用多色渐变——调色板为严格高对比度单色系。
- 不要在导航中使用小写字母——设计严格要求所有界面标签全大写。
- 不要在按钮周围添加装饰元素——界面依赖纯黑色块。
- 不要使用居中对齐的正文——布局采用左对齐字体以确保可读性。
- 避免: 俏皮化语言
- 避免: 柔和渐变
- 避免: 友好感叹号
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
设计一个如同高级编辑图册的高级时装奢侈品电商界面。使用严格单色系（黑、白、灰），视觉趣味完全由摄影提供。展示文本使用定制衬线体，界面元素使用怪诞无衬线体。保持粗野主义美学：尖锐矩形按钮、1px黑色边框与全出血摄影。确保所有导航和界面文本严格全大写。主色调为#000000、#828282与#FFFFFF。避免俏皮元素、圆角与柔和渐变，以维护先锋品牌识别度。
en · zh-CN · zh-TW · ja · ko