精選 · 開放 · 免費

Audo Copenhagen

溫潤、高端的北歐家具電商，具有克制、編輯式的美學

01

設計氣質 DNA

一個策展式的高端北歐家居藝廊

02

色彩

溫潤的中性色調，搭配低彩度的大地色強調色，營造靜謐、高端的氛圍

03

字型

transitional-serif · geometric-sans

• display48px · 400
• heading28px · 400
• body14px · 400
• small12px · 400

導覽與分類標籤使用大寫小型文字 · 大多數文字元素採用輕量字重 (400) · 品牌識別與展示文字使用襯線字體以傳達優雅感

04

間距

一致的垂直節奏，搭配充裕的 padding 以營造通透感

05

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

細緻的 1px 邊框，採用柔和的大地色調，通常僅施加於特定邊緣

0px 4px 5px 0px rgba(47,43,35,0) · 0px 32px 68px 0px rgba(0,0,0,0.3)

06

版面

全版攝影式首頁區塊，內容置中

07

動效與互動

頁面元素的淡入過渡效果 · hover 狀態時流暢的 opacity 變化

細微的 opacity 變化或背景色彩轉換 · 按鈕與切換元件提供立即的視覺回饋

08

組件

• button 外框樣式搭配細邊框，填充樣式採用柔和的強調色，文字為大寫小型字
• card 極簡樣式，依賴大尺寸攝影圖與充裕的留白
• chip 簡約的切換開關，採用圓潤藥丸造型與大地色填充
• input 簡約的底線或極簡邊框輸入框，不特別突出
• hero 全視野電影感的產品攝影，搭配置中的襯線字體排版

09

文案語氣與禁用清單

• 語氣 精緻、沉靜、內斂
• 標題風格 優雅的襯線體，多採用輕量字重，聚焦於產品本身
• 按鈕文案 大寫、幾何無襯線體，常採用外框或柔和填充

• 避免使用明亮、高飽和的原色——截圖顯示採用溫潤中性色 (#F5F3EB, #2F2B23) 與大地色強調色 (#929172) 的克制色盤
• 避免使用厚重、粗體的字體排版——截圖顯示字重主要為 400 (Regular)
• 避免在版面中堆砌多個相互競爭的元素——截圖顯示乾淨、寬敞的版面，專注於大尺寸影像
• 避免使用銳利、0px 的 border-radius——截圖顯示即使在極簡元素上也帶有細微圓角 (2.5px 至 10px)
• 避免使用標準的藍色連結或紅色行動呼籲——截圖顯示操作元素採用柔和的大地色或簡約的黑色文字
• 避免建立密集的導覽選單——截圖顯示大寫導覽項目之間具有寬裕的間距
• 避免: 鮮明、高對比的色彩
• 避免: 圓潤、俏皮的造型
• 避免: 厚重的字重
• 避免: 密集、雜亂的版面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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