OpenDesign·你的设计资产库

网页参考

Everlane

干净、极简的美学,专注于高品质摄影和排版,采用中性调色板。

E-commerceMinimal
Everlane 网站截图

01

设计气质 DNA

透明极致透明极简本质永恒

精选的本质服饰画廊

02

色彩

#121212Ink
#4C4C4CInk soft
#FFFFFFBG
#F8F6F5BG soft
#EFEFEFBG quiet
#737373Muted
rgba(18, 18, 18, 0.1)Line

中性调色板,由摄影提供主要视觉焦点。

03

字体

grotesque-sans · monospace

  • display56px · 400
  • heading24px · 400
  • body16px · 400
  • small12px · 400

所有主要文本均为大写,并采用充足的字间距。

04

间距

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

间距统一使用 4px 基础单位。

05

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

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

极少使用边框,大多为 1px 实线,用于细微分隔。

rgba(0, 0, 0, 0.15) 0px 4px 20px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

基于网格的布局,留白充足。

07

动效与交互

100msmicro
200mssmall
400msmedium
cubic-bezier(0.37, 0.01, 0, 0.98)easing

悬停状态下的微妙透明度过渡 · 交互元素的字体大小过渡

文本和图像元素在悬停时微妙降低透明度。 · 交互元素使用标准指针光标。

08

组件

  • button 极简的文本按钮,文本大写且字间距充足。
  • card 简洁的矩形卡片,配以干净的摄影图片和下方极简的文字排版。
  • chip 简单的文本标签,文本大写。
  • input 极简的文本输入框,带有细微的底边框。
  • hero 全宽摄影主视觉,叠加文字和行动号召。

09

文案语气与禁用清单

  • 语气 自信、简约、直接。
  • 标题风格 简短、有力、全大写的陈述。
  • 按钮文案 行动导向、大写的文本。
  • 不要使用装饰性或花体字体——截图显示的是干净、几何的无衬线字体。
  • 不要在卡片或容器上使用圆角——截图显示的是锋利、矩形的边缘。
  • 不要使用明亮、饱和的强调色——截图使用的是黑、白、灰构成的严格中性调色板。
  • 不要使用厚重的投影或复杂的 3D 效果——截图显示的是简约、微妙的阴影。
  • 不要在正文排版中使用居中对齐——截图显示正文为左对齐,仅标题可能居中。
  • 不要在导航和版块标题中使用小写字母——截图显示的是全部大写且字间距宽的文本。
  • 避免: 避免使用过于装饰性的字体。
  • 避免: 避免在界面中使用明亮、饱和的颜色。
  • 避免: 避免杂乱的布局或过多的视觉元素。

10

包内真实截图

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

11

System Prompt

这是一个面向现代服装品牌的高端、极简电子商务网站。其设计基因建立在严格的白色(#FFFFFF)、米白(#F8F6F5)和近黑色(#121212)中性调色板之上。排版采用干净的几何无衬线字体,几乎全部大写使用,导航和标题采用宽字间距。布局基于网格,留白充足,让高质量摄影占据主导。关键禁忌:不要使用明亮的强调色,不要使用装饰性字体,不要在主要组件上使用圆角。整体感觉是克制、高端,并专注于产品摄影。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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