精選 · 開放 · 免費

Bastienallard

資深藝術總監的極簡個人作品集，採用單色調色盤與強烈的排版風格。

01

設計氣質 DNA

簡潔、高對比度的編輯式版面，旨在展現數位設計專業。

02

色彩

極端高對比單色調，無強調色，依賴排版與攝影建立視覺層次。

03

字型

geometric-sans · monospace

• display56px · 540
• body16px · 540

所有 UI 文字使用 Diatype Variable · 標題維持緊湊的字距 · 僅使用系統字型作為後備

04

間距

充裕的留白，搭配嚴格的 4px 基線網格。

05

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

使用 rgba(0,0,0,0.8) 的細微 1px 邊框進行區隔。

06

版面

簡潔的三欄式頁尾佈局，搭配寬敞的主要內容區域。

07

動效與互動

所有互動元素採用流暢轉場 · 懸停時有細微游標變化

連結有細微的透明度變化或色彩反轉。 · 立即回饋，無繁重動畫。

08

組件

• button 無背景填充的極簡文字按鈕。
• card 以圖片為主的專案卡片，搭配細微的排版覆蓋。
• chip 用於分類的簡潔文字標籤。
• input 簡潔、無邊框的文字輸入框。
• hero 大尺寸、高衝擊力的排版，搭配編輯式攝影。

09

文案語氣與禁用清單

• 語氣 專業、自信且內斂。
• 標題風格 大膽、直接且高度易讀。
• 按鈕文案 引導而非喧囂的細微文字連結。

• 勿使用暗色模式——截圖顯示純白背景。
• 勿添加鮮豔強調色——調色盤嚴格採用單色。
• 勿使用裝飾性襯線字體——截圖顯示全場使用幾何無襯線字體。
• 勿添加厚重陰影——表面採用平面設計，依賴邊框或排版建立深度。
• 勿以多種色彩雜亂 UI——採用嚴格的黑、白、灰色調。
• 勿所有元素皆採用圓角——設計風格銳利且具建築感。
• 避免: 過度裝飾
• 避免: 鮮豔色彩
• 避免: 複雜動畫

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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