OpenDesign·你的设计资产库

网页参考

USM

一个植根于瑞士现代主义的高端、基于网格的模块化家具系统。

FurnitureDesign
USM 网站截图

01

设计气质 DNA

模块化瑞士现代主义系统精准

家具领域的包豪斯建筑师

02

色彩

#000000Ink
#373A40Ink soft
#FFFFFFBG
#F5F5F5BG soft
#E8E8E8BG quiet
#808080Muted
rgba(0,0,0,0.1)Line

严格的单色画布,让色彩丰富的模块化产品摄影成为绝对的视觉焦点。

03

字体

grotesque-sans

  • display56px · 500
  • h140px · 400
  • body16px · 400

全大写仅用于功能性文本 · 标准字重文本采用宽松的字母间距(0.5px) · 严格保持高对比度(黑底白字)

04

间距

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

宽敞、充裕的留白定义了奢华感。

05

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

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

无可见的UI边框;结构线由产品几何形态界定。

rgba(0, 0, 0, 0.1) 0px 5px 50px 0px

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血式摄影与严格的刚性网格系统相交。

07

动效与交互

220msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

简单的透明度渐变 · 平滑的宽度过渡

微妙的透明度变化或简单的文本下划线。 · 即时的视觉反馈

08

组件

  • button 极简的幽灵按钮,拥有锐利的边角和大写字体排版。
  • card 无容器的产品图像,由充裕的留白所框定。
  • chip 无
  • input 简洁的单底边框输入框,具有高对比度。
  • hero 高质量的生活方式摄影,搭配居中、锐利的字体排版和单一清晰的CTA。

09

文案语气与禁用清单

  • 语气 精致、精准且克制。
  • 标题风格 简短、陈述性且纯粹基于事实。
  • 按钮文案 直接且以行动为导向(例如:'查看')。
  • 不要使用圆角——截图显示按钮和元素均为锐利的90度直角。
  • 不要在主要UI元素上使用投影——截图显示为无投影的扁平界面。
  • 不要使用装饰性背景——截图显示核心组件周围为纯净的白色空间(#FFFFFF)。
  • 不要混用字体家族——截图显示通篇使用一致的Helvetica/Arial无衬线字体组合。
  • 不要使用粗体字重——截图显示以400常规字重和300细体字重为主。
  • 不要使用彩色强调色——截图显示严格的黑白UI,让产品色彩得以凸显。
  • 避免: 感叹号
  • 避免: 营销性最高级
  • 避免: 过于随意的语言

10

包内真实截图

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

11

System Prompt

这是一个高端的、具有现代主义风格的模块化瑞士家具电商平台。它依赖于一个鲜明的、高对比度的单色UI(白色#FFFFFF和黑色#000000),作为鲜艳产品摄影的中性画布。字体排版专用于无衬线字族(Helvetica/Arial),主要使用常规(400)和细体(300)字重,并采用宽松的字母间距(0.5px)。布局遵循严格的网格系统,拥有大量留白(120px内边距)和锐利的、零像素边框半径。请勿使用圆角、投影、混用字体或彩色UI强调色。切勿使用粗体字重或营销性最高级;保持精准、克制且高度结构化的视觉语调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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