精選 · 開放 · 免費

Our Place

一個頂級 DTC 廚具品牌，結合溫暖的大地色調、簡潔的現代字體與以攝影為主的佈局。

01

設計氣質 DNA

一個融合鄉村溫暖感與現代簡潔線條的頂級家居品牌。

02

色彩

溫暖的大地色中性色調作為基礎，以低飽和度的赤陶色作為行動呼籲的點綴。

03

字型

transitional-serif · grotesque-sans

• display48px · 400
• h228px · 600
• body16px · 400
• caption12px · 400

導航文字使用全大寫、寬字距及較小的字體大小。 · 展示標題使用精緻的過渡襯線體，以營造高級感。 · 內文使用高可讀性、中性的怪誕無襯線體。

04

間距

以一致的 4px 基本單位創造穩定的垂直節奏，互動元素周圍則保留充裕的內距。

05

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

1px solid rgba(53,49,46,0.2)

rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

版面

標準的 12 欄網格，搭配最大寬度容器、置中內容及彈性間距。

07

動效與互動

互動元素在懸停時的透明度與顏色過渡。 · 複雜 UI 狀態變化（如輪播）的流暢線性過渡。

連結與按鈕上的細微顏色過渡，持續時間為 0.15s ease-in-out。 · 互動元素使用標準的指標游標。

08

組件

• button 實心矩形按鈕，帶有輕微圓角（4px）與全大寫文字。主要行動呼籲按鈕採用低飽和度的赤陶色點綴色。
• card 簡約的產品卡片，具備充裕留白與簡潔字體排印。
• chip 用於導航的簡單文字連結或小型全大寫標籤。
• input 簡潔的底線式輸入框或簡單的外框式欄位。
• hero 全寬攝影首圖區塊，疊加襯線標題與主要行動呼籲按鈕。

09

文案語氣與禁用清單

• 語氣 溫暖、自信且高級。傳達品質與有意識的生活態度。
• 標題風格 簡潔、優雅的襯線標題，通常簡短有力。
• 按鈕文案 直接、以行動為導向且全大寫。

• 請勿使用霓虹燈或高度飽和的顏色——截圖顯示的是低飽和度的大地色調。
• 請勿使用生硬、厚重的陰影——截圖顯示的是非常細微或無陰影。
• 請勿為標題使用俏皮的圓體字——截圖顯示的是精緻的過渡襯線體。
• 請勿導航使用全小寫——截圖顯示的是寬字距的全大寫文字。
• 請勿使用純黑白配色——截圖使用的是溫暖的米白色與深灰色。
• 請勿使用複雜、雜亂的背景——截圖依賴於簡潔的攝影圖片與純色。
• 避免: 避免使用過於隨意或俚語化的語言。
• 避免: 避免在介面上堆砌過多互相競爭的元素。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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