精選 · 開放 · 免費

Off White Valeriafrancis

一個實驗性的粗野主義致敬網站,運用高對比攝影與大膽的圖形覆蓋,創造非線性的編輯體驗。

EditorialTypographyPhotographicBoldClean
Off White Valeriafrancis 網站截圖
在 OpenDesign 中開啟

原站: https://off-white.valeriafrancis.com

01

設計氣質 DNA

編輯粗野主義實驗性作品集致敬

粗野主義藝術畫廊或實驗性時尚雜誌跨頁。

02

色彩

#00FB34Accent
#000000Ink
#FFFFFFBG
#AAA4A4Muted
rgba(0,0,0,1)Line

以黑白為主的高對比調色板,點綴一個強烈的霓虹綠強調色。

03

字型

Offwhite · Times New Roman

所有標題與大型文字使用 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

組件

09

文案語氣與禁用清單

11

System Prompt

這是一個實驗性的粗野主義編輯作品集網站。其特色為混亂、重疊的重複攝影肖像拼貼,以及大膽、破碎的文字。色彩調色板極度高對比,以黑白作為主要背景與文字顏色,並搭配一個強烈的霓虹綠(#00FB34)作為唯一的強調色。字體依賴名為 'Offwhite' 的自訂標題字體用於大型標題,Times New Roman 用於內文,創造出強烈的對比。版面為非線性且打破傳統網格系統。關鍵設計限制:勿使用整潔的網格;截圖顯示為混亂的重疊。勿內文使用無襯線字體;截圖使用 Times New Roman。勿使用柔和或低調的色彩;截圖以高對比與霓虹綠定義。勿使用圓角;截圖顯示為銳利邊緣。勿使用傳統的元件結構;截圖顯示為連續拼貼。勿使用輕盈或活潑的字體;截圖使用粗體、厚重的字體。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗

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