01
设计气质 DNA
家具斯堪的纳维亚极简温暖感匠心工艺
一个策划的高端斯堪的纳维亚家居用品画廊
02
色彩
#929172Accent#2F2B23Ink#141414Ink soft#F5F3EBBG#FFFFFFBG soft#817E74Mutedrgba(47,43,35,0.3)Line温暖的中性色调搭配大地色、低饱和度的点缀色，营造平静、高端的氛围
03
字体
- display
48px · 400 - heading
28px · 400 - body
14px · 400 - small
12px · 400
导航与分类标签使用大写小型文本 · 大多数字体元素采用浅字重（400） · 品牌标识与展示文字使用衬线字体以传达优雅感
04
间距
4px8px16px24px32px40px64px96px保持一致的垂直节奏，并辅以充足的内边距，营造通透感
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 4px
lg · 10px
pill · 9999px
使用微妙的1px边框，色调与大地色系相近，且通常仅出现在特定边侧
0px 4px 5px 0px rgba(47,43,35,0) · 0px 32px 68px 0px rgba(0,0,0,0.3)
06
布局
1440container
12columns
40pxgutter
768 / 1024breakpoints
全幅摄影的主视觉区域，内容居中呈现
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
页面元素的淡入过渡 · 悬停状态下的平滑透明度变化
微妙的透明度变化或背景色偏移 · 按钮和开关提供即时的视觉反馈
08
组件
- button 采用细边框的轮廓样式，填充样式使用低调的点缀色，文本为大写小型字体
- card 极简风格，依赖大型摄影图片与充足的留白
- chip 简单的拨动开关，采用圆润的药丸形状与大地色填充
- input 简单的下划线或极简边框输入框，不作突出展示
- hero 全视口电影感的产品摄影，搭配居中的衬线字体排版
09
文案语气与禁用清单
- 语气 精致、沉静、含蓄
- 标题风格 优雅的衬线字体，常使用浅字重，聚焦于产品本身
- 按钮文案 大写、几何无衬线字体，常采用轮廓或低调填充
- 不要使用明亮、高饱和度的原色——截图显示的是一套克制的暖中性色系（#F5F3EB、#2F2B23）和大地色调点缀色（#929172）
- 不要使用厚重、粗体的排版——截图显示的字体权重主要为400（常规）
- 不要用多个相互竞争的元素使版式杂乱——截图显示的是一个干净、开阔、聚焦于大图像的版式
- 不要使用尖锐的0px圆角——截图显示即使在极简元素上也有微妙的圆角（2.5px至10px）
- 不要使用标准的网页链接蓝色或红色行动按钮——截图显示操作按钮采用低调的大地色系或简单的黑色文本
- 不要创建密集的导航菜单——截图显示大写导航项目之间具有宽阔的间距
- 避免: 响亮、高对比度的色彩
- 避免: 圆润、俏皮的形状
- 避免: 厚重的字体权重
- 避免: 密集、杂乱的版式
10
包内真实截图
11
System Prompt
设计一个高端斯堪的纳维亚家具电商网站。将其定位为一个策划的、编辑式的画廊，而非典型的零售商店。使用温暖、克制的配色方案：奶油白背景（#F5F3EB）、深大地色墨色（#2F2B23）和低调的橄榄绿点缀色（#929172）。字体搭配应使用过渡衬线字体作为优雅的标题，并配以简洁的几何无衬线字体作为正文字体，保持字体权重较浅（400）。关键禁忌：不要使用明亮、高饱和度的颜色或高对比度点缀色。不要使用厚重、粗体的排版。不要使界面杂乱；优先考虑充足的留白和大型、电影感的产品摄影。不要到处使用生硬、尖锐的圆角。不要为交互元素使用标准的网页蓝色或红色。不要创建密集、拥挤的版式。