精選 · 開放 · 免費

Vitsœ

一個以 Dieter Rams 模組化設計與功能性極簡主義原則為基礎的傳承家具品牌網站。

01

設計氣質 DNA

一個如同精心策展的藝廊般，兼具永恆克制美感的產品型錄。

02

色彩

單色調設計，僅以單一功能性藍色作為互動元素的強調色。

03

字型

grotesque-sans

• display40px · 700
• heading32px · 700
• body16px · 400

所有文字層級均使用 Linotype Univers W01 字體。 · 維持嚴格的字體層級，展示文字使用粗體，內文使用輕量字重。 · 大尺寸展示文字保持緊湊的字距。

04

間距

以 32px 和 64px 為增量，建立寬裕的垂直節奏，確保章節間的清晰分隔。

05

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

纖細的高對比邊框（1px）或細微的灰色分隔線（1px solid #C2C2C2）。

06

版面

基於 12 欄的網格佈局，包含全寬與分欄區塊的交替配置。

07

動效與互動

內容呈現採用流暢的淡入效果。 · 互動狀態使用簡單的線性轉場。

互動文字元素帶有細微的透明度變化。 · 透過文字連結與按鈕進行直接導航。

08

組件

• button 主要操作使用帶有箭頭的文字連結；Cookie 接受提示則使用黑底白字的實心按鈕。
• card 以圖片為主的產品卡片，搭配最少的內邊距與清晰的文字標籤。
• input 搜尋圖示整合於頂部導覽列中。
• hero 大畫幅影像搭配醒目的產品標題與簡潔的功能性描述。

09

文案語氣與禁用清單

• 語氣 權威、內斂且高度功能化。
• 標題風格 直接、陳述性的產品名稱（例如：「606 通用層架系統」）。
• 按鈕文案 帶有方向箭頭的細微文字連結。

• 避免使用裝飾性插畫——截圖顯示的是攝影作品與單一功能性紅唇圖示。
• 避免使用柔和的陰影——截圖顯示的是平面、無邊框的圖片或細實線分隔符。
• 避免使用明亮的多彩漸層——截圖顯示的是單色調色板搭配單一藍色強調。
• 避免使用厚重、華麗的襯線字體——截圖顯示的是簡潔的幾何無襯線字體。
• 避免使用雜亂的導覽列——截圖顯示的是極簡的文字頂部選單。
• 避免使用圓角膠囊按鈕——截圖顯示的是矩形按鈕與簡潔的文字連結。
• 避免: 情感性或過度修飾的語言。
• 避免: 濫用驚嘆號。
• 避免: 具侵略性的銷售文案。
• 避免: 複雜的行話或流行詞彙。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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