精選 · 開放 · 免費

Stykka

一個用於設計定制廚房與室內空間的高端平台，特色為大型攝影首圖區塊與簡潔、襯線字體主導的排版。

01

設計氣質 DNA

一本高端建築雜誌

02

色彩

極簡調色盤，依賴高品質攝影內容來提供色彩，介面元素嚴格採用黑白配色。

03

字型

geometric-sans · humanist-sans · monospace

• display46px · 500
• body16px · 400

04

間距

在圖片周圍一致地應用 padding 與 gap。

05

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

某些互動元素採用最小的 1px 實心邊框。

06

版面

全版面攝影圖像搭配充裕的留白邊距。

07

動效與互動

捲動時淡入

連結與按鈕有細微的透明度變化。 · 即時的狀態變換或導覽。

08

組件

• button 透明背景，搭配細微邊框與純文字標籤。
• card 大型攝影圖卡，搭配實色背景，其中包含文字。
• chip 文字標籤，搭配小型加號或項目符號圖示。
• input 僅底部有邊框的文字輸入欄位。
• hero 全螢幕攝影背景，搭配大型、左對齊的排版文字。

09

文案語氣與禁用清單

• 語氣 專業、令人嚮往且平靜。
• 標題風格 直接且具描述性，使用大型幾何無襯線字體。
• 按鈕文案 簡單、行動導向的文字，例如「開始打造」。

• 避免使用飽和的強調色 — 畫面截圖顯示的是單色調介面，視覺重點在於攝影內容。
• 避免在介面元素上使用陰影 — 畫面截圖顯示的是完全扁平的設計。
• 避免內文使用置中對齊 — 畫面截圖顯示的是嚴格的左對齊。
• 避免標題使用裝飾性手寫字體 — 畫面截圖顯示的是簡潔的幾何無襯線字體。
• 避免使用小而密集的文字區塊 — 畫面截圖顯示的是充裕的留白與大型字體。
• 避免使用複雜的圖標設計 — 畫面截圖顯示的是簡單、以文字為主的導覽。
• 避免: 花俏的動畫
• 避免: 擁擠的佈局
• 避免: 過於飽和的介面色彩

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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