精選 · 開放 · 免費

Brunoarizio

一位全球知名的獨立設計師與創意總監的極簡主義作品集。

EditorialPortfolioPhotographicStudioClean
Brunoarizio 網站截圖
↓ 下載設計系統包 (2 MB)在 OpenDesign 中開啟

原站: https://brunoarizio.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

設計藝術攝影全球獨立

頂級獨立設計工作室作品集。

02

色彩

#000000Ink
#FFFFFFBG
#A6A6A6Muted
rgba(0, 0, 0, 1.0)Line

純白背景、實黑字體與中性灰次要文字的強烈單色調色盤。

03

字型

geometric-sans

極緊湊的字距 (-0.22px),呈現精緻、緊湊的外觀。 · 大量使用約 13px 的小字體作為內文。 · 所有可見元素嚴格統一使用 400 字重。

04

間距

11px
18px
23px
45px

由一致的 18px 水平 padding 與 45px 垂直區塊 padding 定義。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

無可見的結構性邊框;分隔完全依賴留白。

06

版面

1440container
1columns
768 / 1024breakpoints

全寬堆疊佈局,區塊間有大量垂直間距。

07

動效與互動

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.22, -0.01, 0.13, 0.99)easing

緩慢、深思熟慮的過渡 (1s),用於透明度、變形與 clip-path。

游標在互動文字元素上變為 pointer。 · 細微的透明度或變形變化,可能與 1 秒過渡相關聯。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個為獨立設計師與創意總監打造的極簡主義作品集網站。其視覺 DNA 由強烈、高對比的單色調色盤(#FFFFFF 背景、#000000 墨色、#A6A6A6 柔和灰)與簡潔、幾何的無襯線字體(小尺寸、緊湊字距)所定義。佈局極為寬敞,依賴大量的 padding(水平 18px、垂直 45px)與垂直堆疊,而非複雜的網格。關鍵禁忌包括:絕不使用多種字重,不要新增陰影或複雜邊框,也絕不使用寬鬆字距。動態效果緩慢而深思熟慮,使用自訂的 cubic-bezier (0.22, -0.01, 0.13, 0.99) 作為過渡。整體效果精緻、安靜且高度專業,讓作品自己說話。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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