精選 · 開放 · 免費

Bizar Ro

一個大膽的實驗性作品集，運用高對比排版與極簡單色調，營造前衛的高質感美學。

PortfolioExperimentalBold TypographyMonochromePremium

Bizar Ro 網站截圖

↓ 下載設計系統包 (38 MB)在 OpenDesign 中開啟

原站: https://bizar.ro

📦 瀏覽包內檔案 →

01

設計氣質 DNA

大膽實驗性編輯風格高對比客製化

一本高級時尚編輯雜誌

02

色彩

#FFFFFFInk

#000000BG

rgba(255,255,255,0.1)Line

極簡單色調

03

字型

geometric-sans

display75px · 400
heading37px · 400
subheading30px · 400
body13px · 400

所有文字皆為大寫 · 大號文字採用負字距 · 標題文字行高緊湊

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

基於 18.75px 邊距值的 8px 格線

05

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

sm · 4px

md · 5px

lg · 8px

pill · 999px

1px 實線白色

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

大型不對稱區塊，搭配巨大的排版元素

07

動效與互動

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

流暢的淡入效果 · 捲動觸發的揭曉動畫

互動元素有細微的縮放或顏色變化 · 即時回饋，搭配極簡動畫

08

組件

button 簡約的文字或膠囊形狀按鈕
card 高對比卡片，帶有簡潔邊框
chip 高對比的極簡標籤
input 極簡的高對比輸入欄位
hero 全螢幕、高衝擊力的文字首圖

09

文案語氣與禁用清單

語氣自信、大膽、具實驗精神
標題風格 簡短、有力、全大寫
按鈕文案 直接、行動導向

避免使用圓角——截圖顯示銳利的幾何形狀
避免使用多種顏色——截圖顯示嚴格的黑白色調
避免使用小而怯懦的字型——截圖顯示巨大、主導性的文字
避免使用裝飾性元素——截圖顯示簡潔、極簡的視覺
避免使用襯線字體——截圖顯示幾何無襯線體
避免使用複雜版面——截圖顯示大量留白
避免: 俏皮語言
避免: 過度使用驚嘆號
避免: 被動語態

10

包內真實截圖

Bizar Ro — 桌面首屏（hero） — 桌面首屏（hero）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Bizar Ro — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個為創意科技工作者設計的大膽實驗性作品集網站。使用純黑 (#000000) 與純白 (#FFFFFF) 的極簡單色調。排版以巨大的幾何無襯線體 (FK Grotesk Neue) 為主，採用緊湊的負字距與大寫文字。版面不對稱且極簡，倚賴大型排版元素創造視覺衝擊。關鍵特色包括實驗性字形的客製化標誌、高對比邊框，以及前衛的高質感美學。避免使用圓角、多種顏色、小字型、裝飾元素、襯線字體，以及複雜版面。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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