01
设计气质 DNA
北欧风极简主义家居用品家具仪式感
一件件生活物件的静谧画廊
02
色彩
#383838Ink#545454Ink soft#FFFEFABG#F7F5EFBG soft#444444Mutedrgba(56, 56, 56, 1)Line克制的暖白与深炭灰色系,依靠高品质摄影带来视觉丰富度与对比。
03
字体
- display
56px · 400 - heading
32px · 400 - body
16px · 400 - small
13px · 400
大号展示标题使用高对比度过渡衬线体 · 正文与UI元素使用简洁的几何无衬线体 · 长篇文本保持充裕行高以确保可读性
04
间距
4px8px16px24px32px48px64px96px充裕且开阔,大量依赖24px基础单位进行对齐。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
按钮使用1px solid rgb(56, 56, 56)边框,整体边框使用极为克制。
0px 30px 70px 0px rgba(0, 0, 0, 0.3)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽摄影主图块与简洁、宽边距的产品网格交替排列。
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover状态下平滑的透明度与变换过渡 · 页面加载元素的微妙淡入
文本与按钮边框上微妙的颜色或透明度变化 · 即时反馈,过渡至新状态
08
组件
- button 矩形,1px边框,大写文本,极简内边距。
- card 极简产品卡片,图片顶部对齐,浅色背景,无边框。
- input 简洁的矩形输入框,1px边框,圆角。
- hero 全出血、高品质生活方式摄影,配以大号衬线体叠加文字。
09
文案语气与禁用清单
- 语气 精致、宁静、低调自信。
- 标题风格 简短、富有意境、以图像为主导。
- 按钮文案 简洁直接,常使用边框内的大写文本。
- 不要使用明亮的霓虹强调色——截图显示的是柔和、大地色系的调色板。
- 不要在标准UI组件上使用厚重的投影——截图显示仅在模态框上使用深色、大模糊的阴影。
- 不要使用复杂的渐变背景——截图显示的是纯色、暖白色调。
- 不要使用活泼或圆润的无衬线字体——截图显示的是简洁的几何无衬线体与高对比度衬线体。
- 不要使用密集、杂乱的网格——截图显示的是充裕留白与大块摄影区域。
- 不要使用粗体或斜体的展示文字——截图显示的是简洁、常规字重的排版。
- 避免: 激进的促销语言或明亮、冲突的色彩
- 避免: 杂乱的布局或过度的视觉噪音
- 避免: 复杂的渐变或过重的投影效果
10
包内真实截图












11
System Prompt
Ferm Living 是一家高端家居用品及家具电商网站,将编辑式摄影与极简北欧美学相融合。核心色板依赖暖白色背景(#FFFEFA, #F7F5EF)与深炭灰色文字(#383838)形成对比。字体搭配上,高冲击力的展示标题使用精致的过渡衬线体,正文与UI元素则使用简洁的几何无衬线体。关键设计约束:绝不使用明亮、高饱和度的强调色;避免在标准UI组件上使用厚重投影;并保持充裕的留白。布局基于宽边距网格构建,并运用全出血生活方式摄影以驱动情感连接,要求一个克制而优雅的视觉系统。