精選 · 開放 · 免費

Everlane

乾淨、極簡的美學，聚焦高品質攝影與字體排印，搭配中性色盤。

01

設計氣質 DNA

精心策展的基礎服飾畫廊

02

色彩

中性色盤，由攝影提供主要視覺焦點。

03

字型

grotesque-sans · monospace

• display56px · 400
• heading24px · 400
• body16px · 400
• small12px · 400

所有主要文字皆為大寫，並搭配充裕的字距。

04

間距

間距使用 4px 基礎單位，保持一致節奏。

05

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

極簡，主要使用 1px 實線邊框進行細微區隔。

rgba(0, 0, 0, 0.15) 0px 4px 20px 0px

06

版面

基於網格的版面，搭配充裕留白。

07

動效與互動

hover 狀態的細微透明度過渡 · 互動元素的字體大小過渡

文字與圖片元素上的細微透明度降低。 · 互動元素上標準的指標游標。

08

組件

• button 極簡的文字按鈕，採大寫文字與充裕字距。
• card 簡潔的矩形卡片，上方為乾淨的攝影，下方為極簡字體排印。
• chip 簡潔的文字標籤，採大寫文字。
• input 極簡的文字輸入框，搭配細微的底部邊框。
• hero 全寬攝影主視覺，疊加文字與行動呼籲。

09

文案語氣與禁用清單

• 語氣 自信、極簡且直接。
• 標題風格 簡短、有力、全大寫的陳述。
• 按鈕文案 行動導向、大寫文字。

• 勿使用裝飾性或手寫字體——截圖顯示乾淨的幾何 grotesque 無襯線字體。
• 勿在卡片或容器上使用圓角——截圖顯示銳利的矩形邊緣。
• 勿使用明亮、飽和的強調色——截圖採用嚴格的中性色盤：黑、白與灰。
• 勿使用厚重的陰影或複雜的 3D 效果——截圖顯示極簡、細微的陰影。
• 勿對內文使用置中對齊的文字——截圖僅對標題置中，內文為靠左對齊。
• 勿對導覽與章節標題使用小寫——截圖顯示全大寫文字與寬鬆字距。
• 避免: 避免使用過度裝飾的字體。
• 避免: 避免在 UI 中使用明亮、飽和的顏色。
• 避免: 避免雜亂的版面或過多的視覺元素。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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