OpenDesign·你的设计资产库

网页参考

Resident Co Nz

一个为高端设计师家具打造的、富有编辑质感的精致电商平台。

PhotographicProductCurationCleanPremium

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

01

设计气质 DNA

家具设计精炼恒久深思

展示经典家具作品的极简画廊。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,0.1)Line

采用高对比度的单色方案,让摄影图像主导视觉焦点。

03

字体

transitional-serif · humanist-sans

  • display56px · 400
  • body16px · 400

大型的 'Resident' 品牌字标采用精致的过渡衬线体,字间距紧凑。 · 导航与正文使用清晰易读的人文主义无衬线字体。 · 正文行高较为宽松,约为1.5,以提升可读性。

04

间距

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

以4px为基础单位建立一致的节奏感,营造宽松、透气的布局。

05

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

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

卡片或容器无可见边框;依靠间距与对齐来界定。

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

用于产品特性的对称双栏网格,页头横跨完整宽度。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

页面加载与内容揭示时采用微妙的淡入过渡。

文本链接在悬停时发生微妙的颜色或透明度变化。 · 交互元素使用标准的光标指针样式。

08

组件

  • button 极简风格,可能是基于文本或简单的矩形链接,无过多样式装饰。
  • card 以图片为主体的卡片,无边框、圆角或阴影。
  • chip 简单的基于文本的类别标签,例如用于语言选择的 'EN DE'。
  • input 搜索功能可能采用简单的文本输入框或图标触发器。
  • hero 大型、沉浸式的摄影图像,下方搭配标题或描述性文字。

09

文案语气与禁用清单

  • 语气 精致、自信且富有编辑感。
  • 标题风格 清晰、描述性的标题,用于宣告新品发布或设计师合作。
  • 按钮文案 低调内敛,通常仅为文本链接或简洁按钮。
  • 不要在卡片上使用投影 —— 截图显示的是扁平、无边界的图像容器。
  • 不要在主容器上使用圆角 —— 截图显示的是锐利的矩形边缘。
  • 不要使用鲜艳、高饱和度的强调色 —— 截图展示的是严格的单色调色板。
  • 不要在正文中使用沉重、装饰性的字体 —— 截图使用的是清晰、易读的无衬线字体。
  • 不要在界面中堆积多个相互竞争的视觉元素 —— 截图优先呈现大型摄影图像。
  • 不要使用深色模式 —— 截图显示以明亮的白色背景作为主要画布。
  • 避免: 艳俗色彩
  • 避免: 厚重投影
  • 避免: 容器圆角
  • 避免: 侵略性动画
  • 避免: 杂乱布局

11

System Prompt

Resident是一个为高端设计师家具打造的、富有编辑质感的精致电商平台。设计采用严格的单色调色板,背景为白色(#FFFFFF),墨色为黑色(#000000)。字体方面,品牌字标使用过渡衬线体,正文与导航文本使用人文主义无衬线字体。关键的禁止事项包括避免使用投影、主容器圆角以及鲜艳的强调色。布局在干净、对称的网格中优先呈现大型、沉浸式的摄影图像,营造出宁静而高端的浏览体验。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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