OpenDesign·你的设计资产库

网页参考

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

  • display30px · 400
  • body16px · 400
  • caption11px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

设计一个如同高级编辑图册的高级时装奢侈品电商界面。使用严格单色系(黑、白、灰),视觉趣味完全由摄影提供。展示文本使用定制衬线体,界面元素使用怪诞无衬线体。保持粗野主义美学:尖锐矩形按钮、1px黑色边框与全出血摄影。确保所有导航和界面文本严格全大写。主色调为#000000、#828282与#FFFFFF。避免俏皮元素、圆角与柔和渐变,以维护先锋品牌识别度。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。