精選 · 開放 · 免費

Leonatsume

一個展現情感數位體驗的高端 3D 角色設計作品集。

01

設計氣質 DNA

一個高端創意工作室的作品集，讓藝術作品成為焦點。

02

色彩

中性色調畫布搭配高飽和度強調色，讓色彩豐富的 3D 美術作品突顯出來。

03

字型

geometric-sans · grotesque-sans · monospace

• display65px · 400
• body18px · 400

所有字型粗細設定為 400。 · 字型堆疊主要依賴 Arial 和 Helvetica 以確保回退時的一致性。

04

間距

寬裕的留白空間，用以分隔大型 3D 元素與列表列。

05

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

rgba(0, 0, 0, 0) 0.78px 1.84px 8px 1px

06

版面

標準的主視覺區塊，後接水平的專案列表佈局。

07

動效與互動

用於簡單懸停狀態的可見性切換與基本 CSS 轉場效果。

連結與按鈕上簡單的指標互動。 · 標準的連結導覽。

08

組件

• button 膠囊形狀的外框按鈕，文字採用首字母大寫。
• card 水平的專案列，左側為大型文字標題，右側為 3D 縮圖。
• hero 全視窗主視覺，包含一個 3D 角色插圖與大面積的重疊字型排版。

09

文案語氣與禁用清單

• 語氣 自信、專業且具藝術表現力。
• 標題風格 簡短、具影響力，採用大面積的幾何無襯線字型。
• 按鈕文案 簡潔、膠囊形狀、低調內斂。

• 不要使用暗色模式 — 截圖顯示的是明亮的白色/米白色背景。
• 不要使用襯線字體 — 截圖顯示的是簡潔的幾何與 grotesque-sans 無襯線字型。
• 不要讓佈局過於擁擠 — 截圖顯示的是寬裕的留白與單欄列表。
• 不要使用厚重的邊框或陰影 — 截圖顯示的是平坦設計，邊框低調或沒有邊框。
• 不要使用過粗的字體粗細 — 截圖幾乎只使用 400 粗細的字型排版。
• 不要使用複雜的背景 — 截圖顯示的是平坦的中性色調背景，襯托 3D 美術作品。
• 避免: 複雜的多欄格線佈局
• 避免: 密集的文字區塊
• 避免: 強烈的投影效果

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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