精选 · 开放 · 免费

Everlane

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

01

设计气质 DNA

精选的本质服饰画廊

02

色彩

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

03

字体

grotesque-sans · monospace

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

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

04

间距

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

05

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

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 自信、简约、直接。
• 标题风格 简短、有力、全大写的陈述。
• 按钮文案 行动导向、大写的文本。

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko