精選 · 開放 · 免費
Brunoarizio
一位全球知名的獨立設計師與創意總監的極簡主義作品集。
EditorialPortfolioPhotographicStudioClean
01
設計氣質 DNA
設計藝術攝影全球獨立
頂級獨立設計工作室作品集。
02
色彩
#000000Ink
#FFFFFFBG
#A6A6A6Muted
rgba(0, 0, 0, 1.0)Line
純白背景、實黑字體與中性灰次要文字的強烈單色調色盤。
03
字型
geometric-sans
極緊湊的字距 (-0.22px),呈現精緻、緊湊的外觀。 · 大量使用約 13px 的小字體作為內文。 · 所有可見元素嚴格統一使用 400 字重。
04
間距
由一致的 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
組件
- card 單一、全出血的專案預覽卡片,顯示網站設計。
- hero 高度極簡、純文字的介紹區塊,無傳統圖形主視覺圖片。
09
文案語氣與禁用清單
- 語氣 專業、自信且內斂。
- 標題風格 直接且具描述性,平實陳述資歷與客戶名單。
- 按鈕文案 高度簡約,使用帶底線的純文字 email 連結供諮詢。
- 不要使用多種字重——截圖顯示所有文字統一使用 400 字重。
- 不要套用裝飾性陰影——截圖顯示完全平坦、無邊框的表面。
- 不要使用寬鬆的字距——截圖顯示緊湊、負值的字距 -0.22px。
- 不要引入複雜的導覽模式——截圖僅顯示三個簡潔的文字連結。
- 不要使用多色彩調色盤——截圖嚴格依賴黑、白、灰。
- 不要使用快速、急促的動畫——截圖指定緩慢的 1 秒過渡。
- 避免: 行銷術語
- 避免: 過度裝飾
- 避免: 明亮或分心的色彩
- 避免: 複雜的 UI 元件
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為獨立設計師與創意總監打造的極簡主義作品集網站。其視覺 DNA 由強烈、高對比的單色調色盤(#FFFFFF 背景、#000000 墨色、#A6A6A6 柔和灰)與簡潔、幾何的無襯線字體(小尺寸、緊湊字距)所定義。佈局極為寬敞,依賴大量的 padding(水平 18px、垂直 45px)與垂直堆疊,而非複雜的網格。關鍵禁忌包括:絕不使用多種字重,不要新增陰影或複雜邊框,也絕不使用寬鬆字距。動態效果緩慢而深思熟慮,使用自訂的 cubic-bezier (0.22, -0.01, 0.13, 0.99) 作為過渡。整體效果精緻、安靜且高度專業,讓作品自己說話。
en · zh-CN · zh-TW · ja · ko