OpenDesign·你的设计资产库

网页参考

Myrch Club

一个致力于收集和记录品牌商品的归档库。

GalleryCurationCleanEditorialRestraint

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

01

设计气质 DNA

归档商品文档策展社群

一个品牌物品的数字博物馆。

02

色彩

#111111Ink
#FFFFFFBG
#999999Muted
rgba(0, 0, 0, 0.08)Line

单色背景与强烈的排版层级,谨慎使用色彩。

03

字体

humanist-sans

  • display40px · 500
  • body16px · 400

04

间距

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

物品周围留有充足空白,以强调归档内容。

05

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

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

卡片上无可见边框。

06

布局

1400container
3columns
24pxgutter
768 / 1024breakpoints

干净的三栏网格布局。

07

动效与交互

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

卡片上细微的 hover 过渡效果。

卡片上细微的缩放或透明度变化。 · 直接导航至物品详情。

08

组件

  • button 极简,可能是基于文本的链接。
  • card 干净的产品卡片,包含大幅图片、品牌名称、物品类型和来源(单行显示)。
  • chip 无可见元素。
  • input 无可见元素。
  • hero 简洁的纯文本页眉,搭配一个醒目、富有表现力的红色签名图形。

09

文案语气与禁用清单

  • 语气 档案式、客观、极简。
  • 标题风格 清晰、无衬线字体、信息性强。
  • 按钮文案 极简、基于文本的链接。
  • 避免使用厚重阴影——截图显示的是无可见投影的平面、干净布局。
  • 避免使用复杂的多色调色板——截图显示的是严格单色基底,由产品图片提供色彩。
  • 避免在卡片上使用装饰性边框——截图显示的是无边框卡片,依靠空白和背景色。
  • 避免网格过于拥挤——截图使用的是干净的三栏布局,项目间留有充足间距。
  • 避免使用俏皮或喧闹的语气——截图使用的是客观、档案式的语言,如“收集、记录与保存”。
  • 避免使用复杂的导航结构——截图显示的是非常简单的顶部导航页眉。
  • 避免: 杂乱
  • 避免: 鲜艳的强调色
  • 避免: 密集段落

11

System Prompt

该网站是一个优雅的品牌商品数字档案馆,定位为来自不同来源的物品策展合集。其视觉识别由纯白背景、黑色字体和单个富有表现力的红色图形元素定义。使用人文无衬线字体,营造干净、亲切的感觉。布局是极简的三栏网格,优先展示产品图片。关键设计约束包括避免厚重阴影、多色调色板、装饰性边框和复杂导航;焦点必须保持在归档物品的干净呈现上。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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