CURATED · OPEN · FREE

Bizar Ro

A bold, experimental portfolio using high-contrast typography and stark monochrome to create a premium, avant-garde aesthetic.

PortfolioExperimentalBold TypographyMonochromePremium

Bizar Ro screenshot

↓ Download design system (38 MB)Open in OpenDesign

Visit: https://bizar.ro

📦 Browse pack contents →

01

Identity DNA

boldexperimentaleditorialhigh-contrastcustom

A high-fashion editorial magazine

02

Color

#FFFFFFInk

#000000BG

rgba(255,255,255,0.1)Line

Stark monochrome

03

Typography

geometric-sans

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

All text is uppercase · Negative letter-spacing on large text · Tight line-heights on display text

04

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

8px grid based on the 18.75px padding values

05

Surfaces

sm · 4px

md · 5px

lg · 8px

pill · 999px

1px solid white

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Large asymmetric blocks with massive typographic elements

07

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Smooth fade-ins · Scroll-triggered reveals

Subtle scale or color shift on interactive elements · Immediate feedback with minimal animation

08

Components

button Simple, possibly text-based or minimal pill-shaped buttons
card High-contrast cards with stark borders
chip Minimal tags or chips with high contrast
input Minimal, high-contrast input fields
hero Full-screen, high-impact typographic hero

09

Voice & Don'ts

Tone Confident, bold, and experimental
Headlines Short, impactful, and uppercase
CTAs Direct and action-oriented

don't use rounded corners — screenshot shows sharp, geometric shapes
don't use multiple colors — screenshot shows strict black and white
don't use small, timid typography — screenshot shows massive, dominant type
don't use decorative elements — screenshot shows stark, minimal visuals
don't use serif fonts — screenshot shows geometric sans-serif
don't use busy layouts — screenshot shows large, empty spaces
Avoid: Playful language
Avoid: Excessive exclamation
Avoid: Passive voice

10

Inside the pack — real screenshots

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 — 移动首屏 — 移动首屏

Captured from the live site · real computed styles

11

System prompt

This is a bold, experimental portfolio site for a creative technologist. It uses a stark monochrome palette with pure black (#000000) and white (#FFFFFF). The typography is dominated by massive, geometric sans-serif type (FK Grotesk Neue) with tight negative letter-spacing and uppercase text. Layouts are asymmetric and minimalist, relying on large typographic elements to create visual impact. Key features include a custom logo with experimental letterforms, high-contrast borders, and a premium, avant-garde aesthetic. Avoid rounded corners, multiple colors, small typography, decorative elements, serif fonts, and busy layouts.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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