精选 · 开放 · 免费
USM
一个植根于瑞士现代主义的高端、基于网格的模块化家具系统。
furnituredesign
01
设计气质 DNA
模块化瑞士现代主义系统精准
家具领域的包豪斯建筑师
02
色彩
#000000Ink
#373A40Ink soft
#FFFFFFBG
#F5F5F5BG soft
#E8E8E8BG quiet
#808080Muted
rgba(0,0,0,0.1)Line
严格的单色画布,让色彩丰富的模块化产品摄影成为绝对的视觉焦点。
03
字体
grotesque-sans
- display
56px · 500 - h1
40px · 400 - body
16px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个高端的、具有现代主义风格的模块化瑞士家具电商平台。它依赖于一个鲜明的、高对比度的单色UI(白色#FFFFFF和黑色#000000),作为鲜艳产品摄影的中性画布。字体排版专用于无衬线字族(Helvetica/Arial),主要使用常规(400)和细体(300)字重,并采用宽松的字母间距(0.5px)。布局遵循严格的网格系统,拥有大量留白(120px内边距)和锐利的、零像素边框半径。请勿使用圆角、投影、混用字体或彩色UI强调色。切勿使用粗体字重或营销性最高级;保持精准、克制且高度结构化的视觉语调。
en · zh-CN · zh-TW · ja · ko