OpenDesign·你的设计资产库

网页参考

Maisonmargiela

一种黑暗、电影感且由编辑内容驱动的奢华时尚体验。

PremiumEditorialPhotographicCurationGallery

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

奢华时尚前卫编辑式

一场在画廊环境中呈现的高级时装秀。

02

色彩

#000000Ink
#ffffffBG
#808080Muted
rgba(0,0,0,0.1)Line

高对比度的单色配色,采用深邃的电影黑与纯白,让图像占据主导。

03

字体

transitional-serif

  • display48px · 400

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

最小的内边距,cookie 弹窗周围留有充足的留白。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 999px

主容器无可见边框,cookie 弹窗框除外。

0 4px 24px rgba(0,0,0,0.1)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血摄影主图,叠加居中的弹窗与顶部导航栏。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

导航与文本链接上的微妙颜色变化或下划线。 · 标准的导航行为。

08

组件

  • button 一个纯黑色、直角的矩形主按钮(“全部接受”)。
  • card 全宽摄影卡片或全视口区块。
  • input 带下划线的文本链接,无可见输入框。
  • hero 一张大型、占据全视口的电影感摄影图,主导整个屏幕。

09

文案语气与禁用清单

  • 语气 正式、独有且精致。
  • 标题风格 衬线体,优雅而低调。
  • 按钮文案 直接且单色。
  • 避免使用圆角——截图显示 cookie 弹窗和按钮均为尖锐的方形边缘。
  • 避免使用明亮、多彩的强调色板——截图显示的是单色、高对比度的黑白主题。
  • 避免使用无衬线字体——截图显示标志和弹窗文字使用的是优雅的过渡衬线字体。
  • 避免使用厚重的投影——截图显示的是扁平、干净的设计,仅有细微的弹窗阴影。
  • 避免使用俏皮或装饰性插图——截图完全依赖高级时装摄影。
  • 避免使用杂乱的布局——截图显示的是全出血图片搭配一个聚焦、居中的弹窗。
  • 避免: 俏皮的语调
  • 避免: 圆角
  • 避免: 明亮的主色调

11

System Prompt

这是一个具有黑暗、电影感和编辑式美学的奢华时尚电商网站。主要色彩是纯黑 (#000000) 与纯白 (#ffffff),搭配柔和的灰色,形成高对比度的单色色板。字体主要为过渡衬线体,营造出经典优雅的感觉。关键组件包括全出血的摄影主图、极简的顶部导航栏,以及一个居中、直角的 cookie 同意弹窗。关键设计约束包括:避免圆角(UI 完全为尖锐边缘)、避免明亮的强调色(色板严格为单色),以及避免无衬线字体(设计依赖经典衬线体)。整体感觉是独家、精致,并由高质量摄影驱动。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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