精選 · 開放 · 免費

Ferm Living

一家高級居家用品與家具零售商，專注於精選、生活驅動的編輯式佈局。

furniturehome
Ferm Living 網站截圖
↓ 下載設計系統包 (34 MB)在 OpenDesign 中開啟

原站: https://fermliving.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

Scandinavian極簡主義居家用品家具儀式感

一個安靜的生活器物畫廊

02

色彩

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

採用溫暖米白與深炭灰的內斂色板，倚賴高品質攝影帶來的視覺豐富度與對比。

03

字型

transitional-serif · geometric-sans

大型展示標題使用高對比的過渡襯線體 · 內文與 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

組件

09

文案語氣與禁用清單

10

包內真實截圖

Ferm Living — 桌面首屏（hero）
桌面首屏（hero）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Ferm Living — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Ferm Living 是一個高級居家用品與家具電子商務網站，將編輯攝影與極簡 Scandinavian 美學相融合。核心色板倚賴溫暖的米白背景（#FFFEFA, #F7F5EF）與深炭灰文字（#383838）形成對比。字體搭配以精緻的過渡襯線體用於高衝擊力的展示標題，以及清晰的幾何無襯線體用於內文與 UI 元素。關鍵設計限制：切勿使用明亮、高彩度的強調色；避免在標準 UI 組件上使用厚重的陰影；並保持寬鬆的留白。佈局基於寬闊邊距的網格，並利用全出血的生活風格攝影來驅動情感連結，因此需要一套內斂而優雅的視覺系統。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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