精選 · 開放 · 免費

Mire Studio

一個充滿活力、富有表現力的設計工作室作品集，透過大膽色彩和巨型字體展示作品。

01

設計氣質 DNA

一個大膽、色彩豐富的作品集畫廊，使用超大、重疊的文字排版。

02

色彩

高彩度、飽和的調色盤應用於大型幾何區塊和重疊的文字排版。

03

字型

geometric-sans

• display400px · 600
• body14px · 400

所有文字元素使用 PP Pangram Sans Rounded。 · 標誌使用極端的比例和重疊的填充效果。 · 內文字體小而圓潤，在色塊背景上具有高度可讀性。

04

間距

圓角色塊內有充裕的內距；重疊元素之間則採用緊湊的間距。

05

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

無；形狀由實色區塊和重疊的文字排版定義。

rgba(84, 84, 84, 0.23) 0px 0px 20px 0px

06

版面

全版出血網格，由大型圓角矩形區塊與巨大的重疊字體構成。

07

動效與互動

網格區塊的順序交錯過渡效果。 · 大型文字元素的類視差重疊效果。

游標在互動元素上變為指標；可能發生顏色或比例變化。 · 立即導航至專案詳情。

08

組件

• button 小型、圓角的膠囊按鈕，白色背景搭配深色文字。
• card 大型、全版出血的圓角矩形，填充實色或專案圖片。
• chip 小型、圓角的白色標籤，重疊在專案圖片上。
• hero 動態、多色的區塊網格，搭配巨大的重疊標誌和描述性文字。

09

文案語氣與禁用清單

• 語氣 自信、大膽且具藝術感。
• 標題風格 巨型、重疊、彩色且富有表現力。
• 按鈕文案 極簡、圓潤且低調。

• 不要使用柔和或低對比的調色盤 — 截圖顯示的是大膽、高飽和度的色塊。
• 不要使用小巧、僵化的字體 — 截圖顯示的是巨大、重疊的標誌元素。
• 不要使用尖銳的容器邊角 — 截圖顯示的是高度圓化的邊角（20-25px 半徑）。
• 不要使用複雜的陰影或 3D 效果 — 截圖顯示的是平面色塊，僅搭配極簡、柔和的陰影。
• 不要使用傳統、嚴格對齊的網格系統 — 截圖顯示的是重疊、動態的佈局搭配巨型字體。
• 不要使用通用或企業化的設計語言 — 截圖顯示的是一個富有表現力、藝術化的工作室作品集。
• 避免: 柔和或低飽和的調色盤
• 避免: 小巧精緻的字體
• 避免: 僵化、嚴格對齊的網格
• 避免: 通用的企業用語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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