OpenDesign·你的设计资产库

网页参考

Gubi

一个精致、画廊般的数字展厅,用于展示高端设计家具,将大幅摄影与极简、字体驱动的导航相结合。

FurnitureDesign

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

01

设计气质 DNA

现代家具设计奢华极简主义斯堪的纳维亚风格

高端斯堪的纳维亚家具展厅

02

色彩

#1A1A1AInk
#555555Ink soft
#FFFFFFBG
#F5F5F5BG soft
#999999Muted
rgba(0,0,0,0.1)Line

单色与中性基底,让产品摄影占据主导

03

字体

geometric-sans · humanist-sans

  • display48px · 700
  • heading14px · 500
  • body16px · 400

导航和章节标题使用全大写 · 大型展示字体采用紧凑字间距 · 小型大写标签采用宽松字间距

04

间距

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

慷慨的留白,严格遵循 8px 基准网格对齐

05

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

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

纤细、微妙的发丝线边框,主要用于页头和页脚

0 4px 12px rgba(0,0,0,0.08)

06

布局

1440container
12columns
32pxgutter
768 / 1024breakpoints

简洁、图片为主的网格,具有严格的水平对齐

07

动效与交互

200msmicro
350mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

平滑的透明度过渡 · 微妙的滑动导航菜单

交互元素上微妙的颜色变化或透明度偏移 · 无突兀过渡的即时视觉反馈

08

组件

  • button 极简,带边框或填充样式,文字为大写无衬线体,根据场景采用圆角或直角
  • card 简洁、以图片为主的卡片,文字覆盖极少
  • chip 不适用
  • input 简洁,边框极简,微妙的 focus 状态
  • hero 全幅、高质量的生活方式摄影,配以居中的排版文字

09

文案语气与禁用清单

  • 语气 精致、权威且安静
  • 标题风格 简短、富有感染力,常以全大写呈现
  • 按钮文案 直接、大写且低调
  • 不要使用鲜艳、饱和的颜色——调色板严格保持中性单色
  • 不要使用圆润、泡泡状的 UI 元素——设计偏向于锐利、建筑感的几何形状
  • 不要用多个相互竞争的行动号召按钮使界面杂乱——保持清晰、聚焦的层级
  • 不要使用装饰性或手写字体——字体严格遵循功能性和几何感
  • 不要使用浓重的投影或 3D 效果——表面保持扁平和扎实
  • 不要使用繁忙、重复的背景图案——让大幅摄影图像提供纹理质感
  • 避免: 喧闹、促销性的语言
  • 避免: 过多的标点符号或感叹号
  • 避免: 非正式或过于随意的措辞

11

System Prompt

GUBI 是一个高端的极简斯堪的纳维亚家具品牌,使用简洁、画廊般的数字界面来展示其高端设计产品。其视觉标识依赖于严格的单色调色板,使用 #FFFFFF 背景和 #1A1A1A 文字,并以大幅、氛围感的摄影图片作为点缀。字体在导航中使用干净的几何与人文主义无衬线体并全大写,强调克制与精致。关键设计规则包括避免使用鲜艳颜色或饱和色调,拒绝圆润的 UI 形状而偏爱锐利的建筑线条,以及保持慷慨的留白。布局结构基于 12 列网格,采用大尺寸容器,让产品图像主导视觉领域。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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