精選 · 開放 · 免費

B Line It

展現經典與當代設計家具的高端義大利家具品牌。

01

設計氣質 DNA

一本高端家具設計型錄。

02

色彩

以黑白為主的高對比、極簡調色盤，搭配標誌性的深藍色強調色。

03

字型

grotesque-sans · monospaced

• display58px · 700
• body14px · 400
• caption12px · 400

導覽連結使用大寫字母。 · 標題文字保持負字距。 · 粗體標題與淺色內文之間維持清晰的層級。

04

間距

以 4px 為基礎的標準格線，關鍵元素周圍保留充足留白。

05

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

1px solid rgba(255, 255, 255, 0.08)

rgba(0, 0, 0, 0.15) 0px 8px 48px 0px

06

版面

用於型錄佈局的多欄位格線。

07

動效與互動

流暢的 opacity 過渡效果。 · 細膩的背景顏色轉換。 · 互動元素的變換動畫。

細微的顏色變化或縮放變換。 · 透過視覺狀態改變提供立即回饋。

08

組件

• button 圓角、高對比的按鈕，帶有清晰的文字。
• card 極簡風格的產品卡片，搭配強烈的字型呈現。
• chip 用於分類的小型圓角標籤。
• input 簡潔的帶框輸入欄位。
• hero 全寬的大型首頁橫幅，搭配粗體字型與一本 3D 型錄書。

09

文案語氣與禁用清單

• 語氣 專業、權威且極簡。
• 標題風格 粗體、大寫且略為緊縮。
• 按鈕文案 清晰、以行動為導向且高度易讀。

• 不要使用裝飾性手寫體——截圖顯示的是嚴謹的 grotesque-sans 字型。
• 不要使用多彩調色盤——截圖顯示的是以黑白藍為主的配色方案。
• 不要使用帶有厚重陰影的圓角卡片——截圖顯示的是平面化、陰影極簡的表面。
• 不要使用置中對齊的內文——截圖顯示的是左對齊的文字區塊。
• 不要使用小而擁擠的按鈕——截圖顯示的是寬敞、圓角且帶有清晰 padding 的按鈕。
• 不要使用複雜的多層背景——截圖顯示的是純黑或純白的背景。
• 避免: 避免使用多種字體家族。
• 避免: 避免裝飾性或手寫字體。
• 避免: 避免過於擁擠的佈局。
• 避免: 避免低對比的文字。
• 避免: 避免不一致的按鈕樣式。
• 避免: 避免過度使用投影效果。

11

System Prompt

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