精選 · 開放 · 免費

Parker Studio

一個精緻的設計工作室作品集，在高對比影像、優雅排版與俏皮強調色之間取得平衡。

01

設計氣質 DNA

一個現代藝廊空間，展示具有獨特視覺識別的多元創意專案。

02

色彩

高對比色調，採用柔軟薄荷綠與純白背景，使用黑色墨水以獲得最佳可讀性。

03

字型

transitional-serif · grotesque-sans

• display43px · 400
• body16px · 400

專案標題混合使用過渡襯線體，導覽則採用簡潔的無襯線體。 · 大型展示文字保持緊湊的行高。 · 導覽樣式統一使用大寫字母轉換。

04

間距

寬裕的垂直間距營造出開放感，並突顯視覺作品。

05

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

1px solid rgba(0,0,0,1)

0px 4px 4px rgba(0, 0, 0, 0.25)

06

版面

非對稱的編輯式版面，搭配大型、沉浸式影像與寬裕留白。

07

動效與互動

在 hover 狀態下流暢的不透明度與變換過渡效果。

細微的顏色或位置變化，主要應用於文字連結。 · 直接導覽或觸發彈窗。

08

組件

• button 極簡的文字導覽，附帶簡潔過渡效果。
• card 大型、沉浸式的專案卡片，常橫跨整個寬度。
• hero 全幅、影像驅動的英雄區塊，為每個專案奠定獨特的視覺基調。

09

文案語氣與禁用清單

• 語氣 自信、專業且略帶俏皮。
• 標題風格 簡短有力的專案標題，常以大型襯線體呈現。
• 按鈕文案 低調、功能性的文字導覽連結。

• 勿使用多種相互競爭的背景色 — 截圖顯示每個章節僅乾淨、聚焦地使用柔軟薄荷綠、白色或黑色。
• 勿對所有元素套用厚重陰影 — 截圖顯示陰影使用克制，主要用於為特定物件增加深度。
• 勿將所有文字內容置中 — 截圖顯示導覽與標題採用左對齊，以建立清晰的視覺層級。
• 勿對所有標題使用無襯線體 — 截圖明顯使用過渡襯線體作為專案標題，如「Architecture」。
• 勿使用低對比文字作為導覽 — 截圖顯示在背景上使用高對比的黑色或白色文字。
• 勿普遍使用圓角 — 截圖顯示影像與版面容器主要採用銳利邊緣。
• 避免: 過度裝飾的元素，會分散對作品的注意力。
• 避免: 雜亂的版面或過多的介面元件。
• 避免: 響亮的多色漸層。
• 避免: 扁平元素上的厚重陰影。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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