精選 · 開放 · 免費

Charlielemaignan

一個實驗性的平面設計作品集，以巨大的表達性字體與鮮明的高對比色彩為定義。

01

設計氣質 DNA

一位平面設計師的個人作品集，展示大膽、實驗性的字體排版與鮮活、高對比的視覺效果。

02

色彩

以高對比的單色為基礎，透過作品集影像引入鮮活、專屬專案的色彩。

03

字型

geometric-sans · neue-haas-grotesk

• display360px · 700
• heading40px · 700
• body20px · 400

04

間距

寬鬆、置中的版面配置，留有大量空白以突顯大型文字排版元素。

05

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

藥丸狀按鈕採用 2px solid #FFFFFF 邊框，其餘無邊框。

06

版面

全寬、垂直堆疊的區塊，內容置中，由大型主視覺標誌主導。

07

動效與互動

互動元素具有流暢、細膩的過渡效果。 · 自訂游標動畫。

互動元素在 0.3 秒內進行流暢、細膩的過渡。 · 立即的視覺回饋。

08

組件

• button 藥丸狀按鈕，具有透明背景、白色邊框與白色文字。
• card 專案卡片以大型、全幅的影像或影片形式呈現在網格中。
• hero 一個巨大的自訂文字標誌 'Charlie'，作為主要的視覺焦點。

09

文案語氣與禁用清單

• 語氣 實驗性、大膽且高度個人化。
• 標題風格 巨大、緊湊字距，且經常為自訂設計的展示字體。
• 按鈕文案 乾淨的藥丸狀按鈕，具高對比外框。

• 避免使用細微色彩——截圖顯示高對比的黑白是主要調色盤。
• 避免使用標準網路字型——截圖顯示高度自訂、具表達性的展示字型。
• 避免按鈕使用尖銳角落——截圖顯示一致的藥丸狀（border-radius: 999px）導覽元素。
• 避免版面配置充斥過多元素——截圖顯示一個稀疏、置中的版面，聚焦於單一大型視覺。
• 避免使用傳統網格版面——截圖顯示作品的全幅、垂直堆疊呈現。
• 避免使用小型、安全的字型——截圖顯示巨大、緊湊字距的字型主導了整個視口。
• 避免: 通用或企業化的語言。
• 避免: 標準、缺乏靈感的字體排版。
• 避免: 雜亂或過於複雜的版面配置。
• 避免: 細微或柔和的色彩調色盤。
• 避免: 傳統的網格結構。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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