精选 · 开放 · 免费

Blu Dot

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

furnitureecommerce
Blu Dot 网站截图
↓ 下载设计系统包 (16 MB)在 OpenDesign 中打开

原站: https://www.bludot.com

📦 浏览包内文件 →

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

geometric-sans · humanist-sans

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

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko