OpenDesign·你的设计资产库

网页参考

Ferm Living

一家专注于策划式、生活方式驱动编辑布局的高端家居用品及家具零售商。

FurnitureHome

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

01

设计气质 DNA

北欧风极简主义家居用品家具仪式感

一件件生活物件的静谧画廊

02

色彩

#383838Ink
#545454Ink soft
#FFFEFABG
#F7F5EFBG soft
#444444Muted
rgba(56, 56, 56, 1)Line

克制的暖白与深炭灰色系,依靠高品质摄影带来视觉丰富度与对比。

03

字体

transitional-serif · geometric-sans

  • display56px · 400
  • heading32px · 400
  • body16px · 400
  • small13px · 400

大号展示标题使用高对比度过渡衬线体 · 正文与UI元素使用简洁的几何无衬线体 · 长篇文本保持充裕行高以确保可读性

04

间距

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

充裕且开阔,大量依赖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组件上使用厚重投影;并保持充裕的留白。布局基于宽边距网格构建,并运用全出血生活方式摄影以驱动情感连接,要求一个克制而优雅的视觉系统。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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