精選 · 開放 · 免費

Contract Mdfitalia

一個高端家具合約網站，提供沉浸式攝影和內斂、優雅的佈局。

01

設計氣質 DNA

一個寧靜、高端的家具展示廳，將氛圍攝影置於雜亂的 UI 之上。

02

色彩

一個高對比的中性調色板，讓產品攝影決定視覺溫度。

03

字型

geometric-sans

• display100px · 500
• heading50px · 500
• subheading24px · 500
• body16px · 500
• small15px · 400

標題使用緊湊的字距（例如 -0.4px 到 -1px），營造精緻、現代的外觀。 · 內文字重主要為 500，創造出比標準 Regular 字重更緊密、更有結構感的效果。

04

間距

一個緊湊、高效的間距系統，優先考慮緊湊佈局而非寬鬆的留白。

05

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

1px solid rgb(229, 231, 235)

rgba(0, 0, 0, 0.03) 0px 4px 40px 0px · rgba(0, 0, 0, 0.3) 0px 30px 70px 0px

06

版面

一個全出血的攝影佈局，搭配簡潔、頂部對齊的導覽列和極簡的 UI 元素。

07

動效與互動

為細微的 UI 互動提供平滑的透明度和變形轉場效果。

細微的透明度變化或細微的空間移動，以指示互動性而不分散對影像的注意力。 · 立即、簡潔的回饋，無繁複動畫。

08

組件

• button 極簡主義按鈕，通常無邊框或僅有外框，具有精確的小內距和緊湊的字距。
• card 簡潔、無邊框的卡片，高度依賴高品質攝影和緊湊的文字覆蓋。
• input 極簡的表單輸入欄位，具有纖細、細微的邊框且無背景填充。
• hero 一個主導視覺的全視口攝影主視圖，設定氛圍與沉浸感。

09

文案語氣與禁用清單

• 語氣 精緻、專業且低調，讓產品自行說話。
• 標題風格 簡潔、現代，並高度依賴強大的視覺攝影來傳達訊息。
• 按鈕文案 直接且不顯眼，通常以簡單的文字連結或極簡的外框按鈕呈現。

• 不要使用明亮的主色 — 螢幕截圖顯示的是嚴格的單色基礎調色板。
• 不要使用厚重、華麗的邊框 — 螢幕截圖顯示的是無邊框或非常纖細、細微的分隔線。
• 不要使用過於寬鬆或鬆散的字距 — 螢幕截圖顯示所有標題都使用緊湊的字距。
• 不要使用大型、繁雜的 UI 圖案 — 螢幕截圖顯示的是內斂、以攝影為中心的佈局。
• 不要在卡片上使用厚重的陰影 — 螢幕截圖顯示的是非常細微、柔和的浮動陰影。
• 不要使用俏皮、圓潤的 UI 元素 — 螢幕截圖顯示的是銳利、簡潔、矩形或最小圓角的組件。
• 避免: 避免使用與產品攝影衝突的明亮、飽和強調色。
• 避免: 避免使用沉重的陰影或複雜的 UI 裝飾，以免分散對佈局簡潔性的注意力。
• 避免: 避免使用過度裝飾或花俏的字體，以免與幾何無襯線系統衝突。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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