精選 · 開放 · 免費

Artworld Agency

一個高對比度、以排版為主導的創意代理商作品集。

01

設計氣質 DNA

一個以古典排版優雅呈現的創意人才精選畫廊。

02

色彩

採用嚴謹的高對比單色調，以優先呈現創意作品與排版層次。

03

字型

didone-serif · humanist-sans

• display75px · 300
• h175px · 300
• body16px · 300
• caption12px · 300

使用 'Cardinal Fruit' (didone-serif) 作為大型展示文字與藝術家姓名。 · 使用 'Graphik' (humanist-sans) 搭配字重 300 作為內文與較小的 UI 元素。 · 嚴格保持所有排版使用單一字重 (300)，以營造統一、精緻的美學。

04

間距

在排版區塊之間運用寬裕、非結構化的留白，讓文字得以舒展。

05

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

無；區隔透過間距與排版達成。

06

版面

乾淨的單欄排版流動，並有一個錨定於底部的大型標誌。

07

動效與互動

元素在滾動時出現的細微淡入過渡效果。 · hover 狀態時平滑的顏色過渡效果。

文字顏色從黑色過渡為白色，通常在深色背景覆蓋層上發生。 · 游標為 pointer 以表示可點擊的連結。

08

組件

• button 簡單的文字連結，游標為 pointer，依賴 hover 顏色過渡效果。
• card 無可見元素；內容以平面的排版列表呈現。
• chip 無可見元素。
• input 無可見元素。
• hero 一個錨定於視埠底部的全幅大型排版展示。

09

文案語氣與禁用清單

• 語氣 精緻、具權威感且沉靜自信。
• 標題風格 大型、古典的襯線字體，引人注目。
• 按鈕文案 極簡的文字連結，無縫融入排版之中。

• 勿使用鮮豔的強調色——截圖顯示嚴謹的黑白單色調色板
• 勿使用粗體字重——截圖顯示所有文字皆為輕體 (300)
• 勿使用 border-radius——截圖顯示純矩形、銳角的版面
• 勿使用複雜的卡片版面——截圖顯示平面的文字列表
• 勿添加裝飾性陰影——截圖顯示無任何立體或投影效果
• 勿混合多種字體——截圖純粹依賴襯線/無襯線字體的搭配
• 避免: 雜亂的版面
• 避免: 不協調的色彩
• 避免: 俏皮的 UI 元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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