精選 · 開放 · 免費

Artek

一個精緻的家具品牌網站，強調攝影敘事與克制、經典的字體排印。

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

原站: https://www.artek.fi

📦 瀏覽包內檔案 →

01

設計氣質 DNA

斯堪的納維亞家具設計傳承極簡主義

一本簡潔、高端的家具型錄

02

色彩

#000000Ink
#FFFFFFBG
#F7F7F7BG soft
#EAEAEABG quiet
#919191Muted
rgba(0,0,0,0.1)Line

單色調的 UI 色盤，高度依賴高品質攝影來提供溫暖感與深度。

03

字型

geometric-sans

04

間距

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

寬裕的留白，通常由如 45px 的 padding 區塊定義。

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px
md · 0px
lg · 15px
pill · 999px

極簡，通常為 1px solid black 的輪廓線或底線。

06

版面

1440container
12columns
24pxgutter
768 / 1024breakpoints

大型、全寬的攝影區塊，穿插結構化的文字網格版面。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

UI 元素採用流暢的淡入效果與細微過渡。

細微的色彩變化或透明度調整。 · 即時的回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

Artek 是一個高端的芬蘭家具品牌。其網站展現了精緻的編輯美學，聚焦於高品質攝影。設計採用簡潔的幾何無襯線字體（Artek Futura）。色盤嚴格採用單色調，使用黑、白與中性灰（#F7F7F7、#EAEAEA），讓產品攝影提供溫暖感與特色。關鍵十六進位值包括 #FFFFFF 作為主要背景與 #000000 作為主要文字。不要使用過度裝飾或鮮豔色彩；避免厚重陰影或俏皮的字體排印；不要讓版面過於雜亂。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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