OpenDesign·你的设计资产库

网页参考

Bernerkuhl

采用编辑式、画廊美学的极简时尚电子商务。

EditorialCurationCleanGalleryPhotographic

封面待补录,可通过原站查看设计。

01

设计气质 DNA

极简精致时尚编辑式档案式

高端时尚画廊目录。

02

色彩

#000000Ink
#fafaf9BG
#ffffffBG quiet
#c7c7c7Muted
rgba(0,0,0,0.2)Line

单色方案,聚焦于米白背景上的高对比度黑色。

03

字体

transitional-serif

  • display20px · 400
  • body12px · 400

导航和关键标签使用大写字母。 · 保持紧凑行距,营造精致、紧凑的感觉。 · 整体使用标准字重 (400) 以保持一致性。

04

间距

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

各区块间留有充足留白,产品展示区域采用紧凑、结构化的网格。

05

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

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

输入框与分割线采用 1px 实心黑色锐利边框。

06

布局

1920container
12columns
16pxgutter
768 / 1024breakpoints

桌面端采用边缘到边缘的图像,过渡到干净的白色背景和结构化的产品网格。

07

动效与交互

200msmicro
500mssmall
800msmedium
cubic-bezier(0.65, 0.05, 0.36, 0.5)easing

滚动时平滑淡入与细微变换。

交互元素上光标变为指针,可能伴有细微的透明度变化。 · 即时响应,无厚重的反馈动画。

08

组件

  • button 极简的纯文字按钮,通常使用大写字母,有时附带一个小的实心方块指示符。
  • card 无边框的产品卡片,完全依赖高质量摄影。
  • chip 用于产品编号的小型圆角白色标签。
  • input 仅底部有边框的极简输入框。
  • hero 大型、全出血的分屏图像或单幅主题摄影。

09

文案语气与禁用清单

  • 语气 精致、内敛、直接。
  • 标题风格 简洁且功能化,常使用数字序列。
  • 按钮文案 全大写、极简,并融入整体网格。
  • 不要在卡片或容器上使用圆角——截图显示为锐利的直角边缘。
  • 不要使用粗体字重——截图显示所有文本均统一使用字重 400。
  • 不要使用鲜艳的点缀色——截图显示严格使用黑白灰单色方案。
  • 不要在 UI 元素上使用投影——截图显示完全扁平化的设计。
  • 不要对正文使用复杂的多栏布局——截图显示非常简洁、通常为单栏的结构。
  • 不要使用标准无衬线字体——截图中所有排版均使用一种独特的过渡衬线体。
  • 避免: 鲜艳色彩
  • 避免: playful 文案
  • 避免: 密集文本块
  • 避免: 繁杂背景

10

包内真实截图

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

11

System Prompt

一个时尚品牌的极简编辑式电子商务平台。设计采用单色方案,以米白背景 (#fafaf9) 上的黑色 (#000000) 为主,并点缀柔和的灰色 (#c7c7c7)。排版严格使用过渡衬线体,字重统一为 400,导航和关键标签采用大写字母,行距紧凑。布局为边缘到边缘的高质量摄影,过渡到干净、无边框的产品网格。关键约束:绝不使用圆角或投影;保持严格的单色配色方案;导航和关键标签始终使用全大写;界面中任何地方都不使用粗体字重。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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