精選 · 開放 · 免費

Opx Studio

一個極簡的創意機構作品集，具有大膽的黑白排版識別。

01

設計氣質 DNA

一個頂級創意機構，透過大膽的排版與極簡的呈現方式，來展示其設計專業。

02

色彩

高對比、單色調色盤，使用純黑與純白營造戲劇性衝擊，並以中性灰作為細微的次要元素。

03

字型

grotesque-sans · humanist-sans · monospace

• display80px · 400
• heading36px · 400
• body18px · 400

展示型字體使用緊湊的字距與大尺寸以產生視覺衝擊。 · 內文字體保持寬裕的行高以確保可讀性。 · 字體粗細統一為 400，以營造乾淨、一致的視覺效果。

04

間距

寬裕的留白空間，搭配大數值的內距（水平 50px，垂直 99px），在元素周圍創造呼吸空間。

05

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

最少化的 1px 邊框，使用白色或深灰色，僅在需要細微分隔時謹慎使用。

06

版面

全寬的首頁英雄區塊搭配居中內容，過渡至以圖片為主的專案網格，並保持寬裕的間距。

07

動效與互動

平滑的透明度與變換轉場，用於元素顯示效果。 · 線性轉場，用於簡單的狀態切換。 · Cubic-bezier 緩動函數，用於較複雜的入場動畫。

互動元素上的細微透明度或顏色轉場。 · 透過狀態切換提供即時的視覺回饋。

08

組件

• button 極簡的文字按鈕，內距為 (7px 30px)，很可能包含互動時的轉場效果。
• card 專案卡片以大型圖片為主，搭配最少的框架，依靠排版進行標註。
• chip 在提供的截圖中未見可見的標籤元件。
• input 在提供的截圖中未見可見的輸入欄位。
• hero 大型、全視野的排版首頁區塊，具有大膽的標題並居中於黑色背景上。

09

文案語氣與禁用清單

• 語氣 自信、專業且直接。
• 標題風格 大膽、陳述性的語句，使用強烈的動詞（例如：發明、重塑、轉型）。
• 按鈕文案 極簡且低調，很可能為純文字，而非花俏的按鈕。

• 不要使用多種強調色——截圖顯示的是嚴格的單色黑白調色盤。
• 不要使用襯線字體——截圖顯示的是乾淨的無襯線展示字體與內文字體。
• 不要創建擁擠的版面配置——截圖顯示寬裕的留白與極簡的元素。
• 不要使用裝飾性的邊框或陰影——截圖顯示的是極簡、乾淨的邊緣。
• 不要使用過小的展示型字體——截圖顯示的是大尺寸、具衝擊力的標題（80px）。
• 不要使用不一致的字體粗細——截圖顯示全篇均使用一致的 400 粗細。
• 避免: 避免使用過度技術性的術語。
• 避免: 避免擁擠的版面配置，並存多個競爭元素。
• 避免: 避免使用明亮、飽和的色彩強調。
• 避免: 避免使用複雜的裝飾元素或圖樣。
• 避免: 避免使用過小、緊密的排版。
• 避免: 避免使用不一致的間距或對齊方式。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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