01
设计气质 DNA
归档商品文档策展社群
一个品牌物品的数字博物馆。
02
色彩
#111111Ink#FFFFFFBG#999999Mutedrgba(0, 0, 0, 0.08)Line单色背景与强烈的排版层级,谨慎使用色彩。
03
字体
- display
40px · 500 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px物品周围留有充足空白,以强调归档内容。
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
该网站是一个优雅的品牌商品数字档案馆,定位为来自不同来源的物品策展合集。其视觉识别由纯白背景、黑色字体和单个富有表现力的红色图形元素定义。使用人文无衬线字体,营造干净、亲切的感觉。布局是极简的三栏网格,优先展示产品图片。关键设计约束包括避免厚重阴影、多色调色板、装饰性边框和复杂导航;焦点必须保持在归档物品的干净呈现上。