精選 · 開放 · 免費

Veja

一個採用攝影優先、極簡編輯式設計系統的高端永續鞋履品牌。

01

設計氣質 DNA

一個融合極簡電子商務與高端編輯式敘事的高端時尚品牌。

02

色彩

採用高對比黑白單色調色板，視覺豐富度主要依賴攝影圖片。

03

字型

grotesque-sans

• display60px · 700
• body16px · 400

導覽與主要號召性用語文字使用大寫字母 · 嚴格使用 Helvetica 搭配無襯線字體作為備用，以維持清晰的字體層次 · 大型展示文字確保緊湊的行高，內文則使用標準間距

04

間距

採用一致的 4px 格線系統，為互動元素與模態佈局提供充裕的內邊距。

05

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

按鈕與互動狀態採用 1px 實心邊框。

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

06

版面

以攝影為核心的佈局，標準電子商務網格隱藏於中央模態與底部 Cookie 橫幅之後。

07

動效與互動

懸停狀態與模態顯示採用透明度與變換過渡。

互動元素上的細膩透明度或變換過渡。 · 標準的指標游標，帶有過渡回饋。

08

組件

• button 矩形按鈕，邊框半徑極小，文字採用大寫。
• card 產品或編輯圖片網格，無可見邊框。
• chip 不適用
• input 不適用
• hero 使用全版出血的電影級攝影圖片作為主要首頁視覺元素。

09

文案語氣與禁用清單

• 語氣 沉穩自信、高端且透明。
• 標題風格 粗體、大寫且具宣告性。
• 按鈕文案 直接且實用，使用全大寫以確保清晰。

• 勿使用鮮豔的強調色——截圖顯示嚴格的黑、白、灰單色調色板。
• 勿使用圓潤的膠囊按鈕——截圖顯示邊框半徑為 5px 或更小的矩形按鈕。
• 勿使用俏皮、手寫或襯線字體——截圖顯示嚴格使用 Helvetica/grotesque-sans。
• 勿在佈局中堆疊多個重疊的文字元素——截圖顯示在大型攝影區域上僅有少量文字。
• 勿將品牌識別隱藏在複雜的導覽之後——截圖顯示清晰、固定的標誌位置。
• 勿使用淺色、柔和的粉彩背景——截圖顯示深黑與純白以實現高對比。
• 避免: 過度使用鮮豔的強調色
• 避免: 圓潤、俏皮的 UI 元素
• 避免: 密集、擁擠的字體排印

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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