所有標題與大型文字使用 Offwhite。 · 內文與較小文字使用 Times New Roman。 · 標題文字保持緊湊的行高。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
不規則且混亂,由圖片與文字區塊的重疊所驅動。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無邊框;依賴銳利邊緣與重疊元素。
06
版面
12columns
768 / 1024breakpoints
混亂、非線性的網格,由重疊的圖片與文字區塊構成。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
元素在捲動或載入時的平滑淡入與變換過渡。
互動元素上游標變為指標。 · 靜態截圖中無可見互動。
08
組件
button右上角的黃色漢堡選單圖示。
card無;版面為連續的拼貼。
chip無。
input無。
hero密集的重複肖像拼貼,搭配大型、破碎的綠色文字與圖形形狀。
09
文案語氣與禁用清單
語氣實驗性、大膽、非線性且概念性。
標題風格大型、破碎,並與圖形元素整合。
按鈕文案極簡主義且基於圖示(黃色漢堡選單)。
避免使用整潔、有組織的網格 — 截圖顯示為混亂、重疊的圖片與文字拼貼。
避免內文使用無襯線字體 — 截圖顯示所有內文均使用 Times New Roman。
避免使用柔和或低調的色彩 — 截圖顯示為高對比調色板,並以霓虹綠為主導強調色。
避免主要元素使用圓角 — 截圖顯示所有圖片與形狀均為銳利、矩形邊緣。
避免使用傳統的元件化版面 — 截圖顯示為連續、非線性的內容流。
避免使用輕盈或活潑的字體 — 截圖顯示為粗體、厚重且有時破碎的標題字體。
避免: 正式語言
避免: 傳統網格版面
避免: 柔和的色調
避免: 無襯線內文字體
11
System Prompt
這是一個實驗性的粗野主義編輯作品集網站。其特色為混亂、重疊的重複攝影肖像拼貼,以及大膽、破碎的文字。色彩調色板極度高對比,以黑白作為主要背景與文字顏色,並搭配一個強烈的霓虹綠(#00FB34)作為唯一的強調色。字體依賴名為 'Offwhite' 的自訂標題字體用於大型標題,Times New Roman 用於內文,創造出強烈的對比。版面為非線性且打破傳統網格系統。關鍵設計限制:勿使用整潔的網格;截圖顯示為混亂的重疊。勿內文使用無襯線字體;截圖使用 Times New Roman。勿使用柔和或低調的色彩;截圖以高對比與霓虹綠定義。勿使用圓角;截圖顯示為銳利邊緣。勿使用傳統的元件結構;截圖顯示為連續拼貼。勿使用輕盈或活潑的字體;截圖使用粗體、厚重的字體。