精選 · 開放 · 免費

Gus Biz

一個運用粗野主義美學、高對比色彩與玩味字體的創意機構網站。

01

設計氣質 DNA

一本大膽、玩味的剪貼簿，打破了傳統的設計格線。

02

色彩

以青綠色為基調，搭配紅色與黃色點綴，構成高對比度且玩味十足的調色盤。

03

字型

transitional-serif · humanist-sans

• display28px · 700

主要標題與展示文字使用襯線字體。 · 內文與介面元素使用無襯線字體。 · 在玩味的展示字體與可讀的內文字體之間，保持清晰的字體層級。

04

間距

寬鬆且有機的節奏，常打破嚴格的格線以創造玩味的佈局。

05

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

細緻的 1px 實線邊框，通常為深色。

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

06

版面

基於格線但刻意偏移且具玩味，打破嚴格的對齊。

07

動效與互動

流暢的色彩與背景轉場 · 懸停時的細微變形 · 玩味且持續的滾動字幕

色彩或背景變化，細微的變形效果。 · 立即的視覺回饋。

08

組件

• button 簡單的文字型或基本幾何形狀，如圓形。
• card 極簡，通常由邊框或強烈的背景對比來定義。
• chip 簡單的幾何形狀或星形。
• input 標準的文字輸入框，樣式極簡。
• hero 大膽粗體的字體搭配玩味的圖形元素，採用全寬佈局。

09

文案語氣與禁用清單

• 語氣 玩味、自信，且毫不妥協地大膽。
• 標題風格 大而具表現力的襯線字體，常使用全小寫。
• 按鈕文案 簡單、直接，常融入玩味的佈局中。

• 避免使用柔和或低調的色彩——截圖顯示的是鮮活的青綠色、紅色與黃色。
• 避免使用嚴格極簡的佈局——截圖顯示的是玩味且打破格線的構圖。
• 避免只使用無襯線字體——截圖中突顯了襯線展示字體。
• 避免避開幾何形狀——截圖顯示了星芒標誌與圓形元素。
• 避免靜態的首頁區塊——截圖顯示了動態的滾動字幕。
• 避免使用細微的陰影或漸層——截圖顯示了平面的色彩搭配細薄銳利的邊框。
• 避免: 含蓄
• 避免: 企業術語
• 避免: 過於複雜的介面模式

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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