精選 · 開放 · 免費

Anacuna

一個高對比度、以排版為主的的作品集，透過超大文字與膠囊形導覽展示插畫作品。

01

設計氣質 DNA

極簡風格的雜誌版面，將巨型排版作為主要設計元素。

02

色彩

嚴格的單色調色盤僅使用黑與白，並以一抹粉色作為標誌的強調色。

03

字型

grotesque-sans

• display94px · 400
• body15px · 400

所有文字皆為全大寫 · 主要展示文字設定為單一統一的巨型尺寸 · 展示文字採用緊湊行高，以創造密集的文字區塊

04

間距

基於嚴格的4px網格，首頁區段採用寬裕的垂直內邊距，文字區塊則使用緊湊的邊距。

05

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

1px solid black

06

版面

全寬度區段由水平分隔線劃分，巨型文字作為主要的結構元素。

07

動效與互動

懸停變形效果，持續時間0.3秒 · 頁面轉場變形效果，持續時間0.7秒

互動元素上細膩的游標指標變化。 · 透過轉場提供即時視覺回饋。

08

組件

• button 採用全大寫文字的膠囊形外框按鈕。
• card 由1px水平線分隔的全寬度列，包含巨大的專案標題。
• chip 小型膠囊形標籤（例如 'Google Play'、'Adobe'），具有1px邊框與圓角。
• hero 橫跨視窗寬度的巨型全大寫文字，偶爾有小型膠囊標籤漂浮於附近。

09

文案語氣與禁用清單

• 語氣 極簡、專業且自信。
• 標題風格 巨型、全大寫、緊湊字距的 grotesque-sans-serif。
• 按鈕文案 全大寫文字的外框膠囊按鈕。

• 不要使用襯線字體——截圖中僅顯示全大寫的 grotesque-sans-serif 排版。
• 不要使用陰影效果——截圖中僅顯示平坦設計，只有1px邊框。
• 不要使用漸層——截圖中僅顯示純黑與純白的背景。
• 不要在主要版面中使用小寫文字——截圖中所有文字皆為全大寫。
• 不要使用多欄的複雜版面——截圖中僅顯示單欄全寬度列。
• 不要用小型文字作為標題——截圖中專案標題橫跨整個視窗寬度。
• 避免: 裝飾性字體
• 避免: 陰影效果
• 避免: 漸層
• 避免: 複雜的色彩組合
• 避免: 圓角（膠囊形狀除外）
• 避免: 斜體文字

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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