精选 · 开放 · 免费
Blu Dot
具有大胆、简洁美学的现代家具与家居用品。
furnitureecommerce
01
设计气质 DNA
现代家具斯堪的纳维亚风格极简主义建筑感
以建筑精度呈现的现代生活物件精选画廊。
02
色彩
#E20008Accent
#000000Ink
#757575Ink soft
#FFFFFFBG
#EFEFEFBG soft
#979797Muted
rgba(160, 160, 160, 1)Line
以纯净的黑白为基础,辅以单一的高能量红色点缀。
03
字体
geometric-sans · humanist-sans
- display
70px · 700 - body
14px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个现代家具与家居品牌,其特点是简洁的编辑美学与大胆的色彩运用。主要配色为鲜明的黑白,辅以高能量的红色点缀(#E20008)。字体方面,展示部分采用几何无衬线字体,正文使用人文无衬线字体,始终保持清晰易读。布局宽敞且基于网格,优先呈现高质量的生活方式摄影。关键限制包括:绝不使用装饰性衬线字体,避免渐变或深色模式,保持按钮等UI元素棱角分明、呈矩形。品牌语调直接自信,使用简短有力的标题和明确的号召性用语。所有组件均保持高端、建筑感的风格。
en · zh-CN · zh-TW · ja · ko