精選 · 開放 · 免費

Evermade Fi

一個以大尺度襯線字型和高對比鮮豔色彩組合為定義的表現力豐富的機構作品集。

01

設計氣質 DNA

大膽的時裝編輯風格與高端數位機構作品集的結合。

02

色彩

高對比且富有表現力，以深酒紅色和柔和桃色作為基調，突顯鮮豔的粉色點綴。

03

字型

didone-serif · geometric-sans · monospace

• display48px · 400

結合優雅、高對比的襯線展示字型與簡潔的幾何無襯線字型作為內文。 · 使用等寬字型於中繼資料、標籤與次要文字。 · 導覽與類別標籤嚴格使用大寫轉換。

04

間距

充足的留白與嚴格的網格對齊。

05

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

銳利、細薄的1px邊框，常以細微、半透明的方式使用。

0px 30px 70px 0px rgba(0,0,0,0.3) · 0px 4px 10px 0px rgba(0,0,0,0.1)

06

版面

不對稱的編輯式網格，特點為大尺度的重疊字型與偏離中心的影像。

07

動效與互動

UI狀態變換時，採用流暢、帶有減速效果的過渡。 · 主視覺文字與影像揭示時，採用更長、更具戲劇性的緩動。

互動元素上細微的背景色彩變化或輕微的空間位移。 · 立即回應，搭配流暢、帶有減速效果的過渡。

08

組件

• button 藥丸形狀，採用實心深色背景，或是帶有銳利邊框的幽靈按鈕風格。
• card 極簡主義的案例研究卡片，搭配超大尺度的字型與簡潔的留白。
• chip 等寬字型、大寫文字標籤，用作標籤或中繼資料。
• input 標準表單欄位，具有銳利、矩形的邊框與清晰的標籤。
• hero 戲劇性的版面配置，結合大尺度、出血的襯線字型與重疊的攝影影像。

09

文案語氣與禁用清單

• 語氣 自信、大膽且高度專業。
• 標題風格 大尺度、富有表現力的襯線字型，能吸引觀者的注意力。
• 按鈕文案 中繼資料使用簡潔、大寫的等寬字型；主要操作按鈕使用粗體無襯線字型。

• 避免使用柔軟、圓潤的UI元件——截圖顯示的是銳利的矩形邊框與嚴格的藥丸形狀。
• 避免使用繁雜、複雜的背景——截圖顯示的是單色深酒紅色或乾淨的柔和桃色。
• 避免在展示文字中使用俏皮、圓潤的無襯線字型——截圖顯示的是高對比的Didone襯線字型。
• 避免用過多元素使版面雜亂——截圖顯示的是充足的留白與聚焦的編輯式網格。
• 避免使用隨意、口語化的UI標籤——截圖顯示的是結構化、大寫的等寬字型中繼資料。
• 避免使用明亮的霓虹綠色或藍色——截圖顯示的是聚焦於深酒紅色、粉色與桃色的色彩組合。
• 避免: 響亮的霓虹漸層
• 避免: 圓潤柔軟的UI元件
• 避免: 俏皮或隨意的微型文案

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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