精選 · 開放 · 免費

Kikk Be

一個為創意科技與數位藝術節慶打造的，富有表現力且極大主義的數位平台。

01

設計氣質 DNA

一座喧鬧、實驗性的藝術畫廊，拒絕極簡主義，偏好大膽衝突的色彩與厚重的字體排印。

02

色彩

以深色為基底的高對比度，採用活潑、實驗性且刻意衝突的多色彩調色盤。

03

字型

geometric-sans · grotesque-sans

• display72px · 900
• heading36px · 900
• subheading20px · 400
• body16px · 400
• caption9px · 400

所有大寫標題使用大字距追蹤 · 展示型與類展示型標題使用粗體字重 · 混合使用 Poppins 與 Inter Tight，營造當代、幾何的視覺感受

04

間距

略微不規則的垂直節奏，深受容器緊湊內距與大範圍字距追蹤的影響。

05

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

嚴格用於分隔內容區塊的細 1px 邊框，常呈現不對稱設計。

06

版面

基於網格，具有嚴格的水平與垂直分隔線。

07

動效與互動

互動狀態使用標準的透明度與色彩過渡。 · 聚焦於靜態、大膽的視覺衝擊，而非複雜的入場動畫。

連結與文字上的細微色彩或透明度變化。 · 即時的視覺回饋。

08

組件

• button 以文字為主，大寫，寬字距，背景極簡或無背景。
• card 網格項目，使用嚴格的 1px 邊框且無 border-radius。
• hero 全寬，厚重字體排印，常伴隨大膽、複雜的圖形構圖。

09

文案語氣與禁用清單

• 語氣 實驗性、大膽且具權威感。
• 標題風格 極度厚重、寬字距、大寫且具衝擊力。
• 按鈕文案 整合式文字連結或高度字距追蹤的大寫按鈕。

• 避免使用 border-radius——截圖顯示所有容器皆為嚴格的尖銳直角。
• 避免使用纖細或輕量字重——截圖顯示主要展示區使用 900 粗體字重。
• 避免使用柔和或粉彩色調——截圖顯示高飽和度、衝突的霓虹色與原色。
• 避免使用大量陰影——截圖顯示完全扁平的設計，無可見陰影。
• 避免使用斜體或花體字體——截圖顯示僅使用直立、幾何的無襯線字體。
• 避免使用居中、裝飾性的佈局——截圖顯示嚴格的網格基底、左對齊或區塊化結構。
• 避免: 細微漸層
• 避免: 圓角
• 避免: 柔和或粉彩色調
• 避免: 輕盈、纖細或斜體字體
• 避免: 俏皮或異想天開的插圖

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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