精選 · 開放 · 免費

12 Berlinbiennale De

一個大膽、高對比度且具實驗性的藝術展覽網站。

01

設計氣質 DNA

將高對比度、實驗性的藝術展覽圖錄以數位形式具象呈現。

02

色彩

以高對比的黑白為基底，搭配單一高彩度的霓虹洋紅色作為強調。

03

字型

grotesque-sans · transitional-serif

• display80px · 400
• displaySm40px · 400
• body16px · 400

使用 grotesque sans-serif 字體作為具衝擊力的大型標題。 · 使用 transitional serif 字體作為內文與較小資訊文字。

04

間距

採用不對稱節奏，運用大區塊的留白與刻意的偏離網格配置。

05

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

結構性元素與卡片使用實線 1px 黑色邊框。

無

06

版面

動態、拼貼式的佈局，包含重疊元素、大型排版與不對稱網格。

07

動效與互動

懸停時的流暢縮放與移動。 · 細微的透明度過渡。

互動元素在懸停時進行細微縮放或色彩變化。 · 立即的視覺反饋。

08

組件

• button 藥丸狀按鈕，實色背景搭配粗邊框。
• card 銳角卡片，實色背景與清晰邊框。
• chip 藥丸狀標籤，用於導覽與篩選。
• input 簡潔的實線邊框文字輸入框，搭配清晰標籤。
• hero 大規模、文字驅動的主視覺區塊，包含重疊的大型數字與粗體排版。

09

文案語氣與禁用清單

• 語氣 具藝術性、權威感，並略帶挑釁意味。
• 標題風格 大型、粗體且常重疊，創造動態的視覺層級。
• 按鈕文案 藥丸狀、高對比的按鈕，使其突出。

• 避免使用柔和或低調的強調色——截圖顯示的是鮮豔的霓虹洋紅色。
• 避免使用置中、對稱的佈局——截圖顯示的是不對稱、拼貼式的排列。
• 避免使用過度圓潤或柔和的 UI 元素——截圖顯示的是銳角與藥丸形狀。
• 避免使用單一字型家族處理所有內容——截圖顯示 sans-serif 與 serif 字體有明確區分。
• 避免使用標準的網路 UI 模式——截圖顯示的是高度自訂的編輯式佈局。
• 避免使用柔和陰影或漸層——截圖顯示的是實色與硬邊緣。
• 避免: 柔和或低調的色調。
• 避免: 傳統、置中的網格佈局。
• 避免: 俏皮或過於友善的語言。

11

System Prompt

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