OpenDesign·你的设计资产库

网页参考

Blu Dot

具有大胆、简洁美学的现代家具与家居用品。

FurnitureE-commerce

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

01

设计气质 DNA

现代家具斯堪的纳维亚风格极简主义建筑感

以建筑精度呈现的现代生活物件精选画廊。

02

色彩

#E20008Accent
#000000Ink
#757575Ink soft
#FFFFFFBG
#EFEFEFBG soft
#979797Muted
rgba(160, 160, 160, 1)Line

以纯净的黑白为基础,辅以单一的高能量红色点缀。

03

字体

geometric-sans · humanist-sans

  • display70px · 700
  • body14px · 400

标题为全大写且字间距紧凑。 · 正文采用常规字重,确保高度可读性。 · 文字颜色在纯黑与强调红之间交替以突出重点。

04

间距

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

统一的4px网格,配合充裕留白以确保编辑清晰度。

05

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

sm · 2px
md · 0px
lg · 0px
pill · 100px

输入框采用1px solid rgba(160, 160, 160, 1),标准元素使用纯黑边框。

rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

桌面端采用全宽分屏布局,移动端垂直堆叠。

07

动效与交互

100msmicro
250mssmall
400msmedium
ease-in-outeasing

UI状态变化时的平滑透明度过渡。 · 交互元素上的细微颜色过渡。

即时的背景或文字颜色过渡。 · 标准指针光标,无显著缩放效果。

08

组件

  • button 全宽、实心红色背景配粗体白色大写文字。
  • card 边缘整洁,主要由高质量摄影定义。
  • chip 药丸形徽章,常用于筛选条件。
  • input 极简的矩形字段,带有细1px边框。
  • hero 超大字体版式搭配醒目、色彩丰富的生活方式摄影。

09

文案语气与禁用清单

  • 语气 直接、自信且富有吸引力。
  • 标题风格 简短有力的大写短语,常运用文字游戏。
  • 按钮文案 清晰且具有事务性,例如“CONTINUE”或“SHOP”。
  • 避免使用装饰性衬线字体——截图显示为简洁的几何与人文无衬线字体。
  • 避免使用渐变——截图显示为纯色、扁平的强调色块。
  • 避免在主要按钮上使用圆角——截图显示为棱角分明的矩形按钮形状。
  • 避免使用深色模式——截图显示主要内容区域为明亮的白色背景。
  • 避免使用柔和、低对比度的颜色——截图显示为高对比度的黑色与红色点缀。
  • 避免使用复杂阴影——截图显示为扁平设计,仅有一个微妙阴影实例。
  • 避免: 杂乱的布局
  • 避免: 柔和或复杂的调色板
  • 避免: 衬线字体

10

包内真实截图

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

11

System Prompt

一个现代家具与家居品牌,其特点是简洁的编辑美学与大胆的色彩运用。主要配色为鲜明的黑白,辅以高能量的红色点缀(#E20008)。字体方面,展示部分采用几何无衬线字体,正文使用人文无衬线字体,始终保持清晰易读。布局宽敞且基于网格,优先呈现高质量的生活方式摄影。关键限制包括:绝不使用装饰性衬线字体,避免渐变或深色模式,保持按钮等UI元素棱角分明、呈矩形。品牌语调直接自信,使用简短有力的标题和明确的号召性用语。所有组件均保持高端、建筑感的风格。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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