OpenDesign·你的设计资产库

网页参考

Vitsœ

一个基于 Dieter Rams 模块化设计与功能性极简主义原则的传承家具品牌网站。

FurnitureDesign

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

01

设计气质 DNA

Dieter Rams模块化家具极简主义持久耐用功能性

一个精心策划、画廊般的产品目录,具有永恒的克制感。

02

色彩

#0073B1Accent
#000000Ink
#FFFFFFBG
#F0F0F0BG quiet
#696969Muted
rgba(194, 194, 194, 1)Line

单色调,仅使用一个功能性的蓝色作为交互点缀。

03

字体

grotesque-sans

  • display40px · 700
  • heading32px · 700
  • body16px · 400

所有文字层级均使用 Linotype Univers W01 字体。 · 保持严格的排版层级,展示文字使用粗体,正文使用轻体。 · 大尺寸展示文字的字间距保持紧凑。

04

间距

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

通过 32px 和 64px 的增量驱动的充裕垂直节奏,确保清晰的章节分隔。

05

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

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

纤细的高对比度边框(1px)或微妙的灰色分隔线(1px solid #C2C2C2)。

06

布局

1280container
12columns
32pxgutter
768 / 1024breakpoints

基于网格的布局,包含 12 列,并交替使用全宽和分栏区域。

07

动效与交互

200msmicro
300mssmall
600msmedium
cubic-bezier(0.19, 1.12, 0.26, 0.97)easing

内容展开时平滑的淡入效果。 · 交互状态下的简单线性过渡。

交互文字元素的微妙透明度变化。 · 通过文字链接和按钮直接导航。

08

组件

  • button 用于主要操作的带箭头文字链接;用于 Cookie 接受的实心黑底白字按钮。
  • card 以图像为主的产品卡片,边距极小,配有清晰的文字标签。
  • input 将搜索图标集成于顶部导航栏。
  • hero 大画幅图像搭配醒目的产品标题和简洁的功能性描述。

09

文案语气与禁用清单

  • 语气 权威、低调、高度功能化。
  • 标题风格 直接、陈述式的产品名称(例如‘606 通用置物系统’)。
  • 按钮文案 配有方向箭头的微妙文字链接。
  • 不要使用装饰性插图——截图显示的是摄影图片和一个单独的功能性红唇图标。
  • 不要使用柔和的投影——截图显示的是扁平、无边框的图片或纤细的实线分隔线。
  • 不要使用明亮、多彩的渐变色——截图显示的是单色调色板配以一个蓝色点缀。
  • 不要使用厚重、华丽的衬线字体——截图显示的是贯穿始终的简洁几何无衬线字体。
  • 不要使用杂乱的导航——截图显示的是极简的文字顶部菜单。
  • 不要使用圆润的胶囊按钮——截图显示的是矩形按钮和简单的文字链接。
  • 避免: 情感化或华丽的修饰语言。
  • 避免: 过度使用感叹号。
  • 避免: 激进的销售文案。
  • 避免: 复杂的行话或流行词。

10

包内真实截图

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

11

System Prompt

Vitsœ 的设计 DNA,一个根植于 Dieter Rams 极简哲学的传承家具品牌。该系统使用单色调色板(#000000, #FFFFFF, #F0F0F0)和单一的功能性蓝色点缀(#0073B1)。字体仅限于一种简洁的几何无衬线字体(Linotype Univers W01),展示文字使用粗体,正文使用轻体。关键禁忌:1)切勿使用装饰性插图,因为网站依赖真实的摄影图片。2)避免使用复杂的阴影或圆角边框,因为该系统由扁平、直线的表面定义。3)不要使用多种点缀色;保持严格克制,仅使用一个高饱和度的蓝色用于交互元素。定位高端且功能性,聚焦于模块化的持久性而非潮流美学。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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