← OpenDesign
CURATED · OPEN · FREE
Bizar Ro
A bold, experimental portfolio using high-contrast typography and stark monochrome to create a premium, avant-garde aesthetic.
Portfolio Experimental Bold Typography Monochrome Premium
01
Identity DNA
bold experimental editorial high-contrast custom
A high-fashion editorial magazine
02
Color
#FFFFFFInk
#000000BG
rgba(255,255,255,0.1)Line
Stark monochrome
03
Typography
geometric-sans
display 75px · 400heading 37px · 400subheading 30px · 400body 13px · 400All 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
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Large asymmetric blocks with massive typographic elements
07
Motion & Interaction
220ms micro
400ms small
800ms medium
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
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 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.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site exemplifies how bold typography and stark contrast can create a powerful, premium brand identity.