CURATED · OPEN · FREE

Brunoarizio

A minimalist portfolio for a globally recognized independent designer and creative director.

EditorialPortfolioPhotographicStudioClean

↓ Download design system (2 MB)Open in OpenDesign

Visit: https://brunoarizio.com

📦 Browse pack contents →

Identity DNA

designartphotographyglobalindependent

High-end independent design studio portfolio.

Color

#000000Ink

#FFFFFFBG

#A6A6A6Muted

rgba(0, 0, 0, 1.0)Line

Stark monochrome palette with pure white backgrounds, solid black typography, and neutral gray for secondary text.

Typography

geometric-sans

display16px · 400

Extremely tight letter-spacing (-0.22px) for a refined, compact appearance. · Heavy use of small font sizes around 13px for body text. · Strictly uniform font weight of 400 across all visible elements.

Spacing

11px

18px

23px

45px

Defined by consistent 18px horizontal padding and 45px vertical section padding.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

No visible structural borders; separation relies entirely on white space.

Layout

1440container

1columns

768 / 1024breakpoints

Full-width stacked layout with generous vertical spacing between sections.

Motion & Interaction

220msmicro

400mssmall

1000msmedium

cubic-bezier(0.22, -0.01, 0.13, 0.99)easing

Slow, deliberate transitions (1s) for opacity, transform, and clip-path.

Cursor changes to pointer on interactive text elements. · Subtle opacity or transform changes likely linked to the 1s transitions.

Components

card A single, full-bleed project preview card displaying a website design.
hero A highly minimalist, text-only introduction section without a traditional graphical hero image.

Voice & Don'ts

Tone Professional, confident, and understated.
Headlines Direct and descriptive, stating credentials and client lists plainly.
CTAs Highly minimal, using a simple underlined email link for inquiries.

don't use multiple font weights — screenshot shows a uniform 400 weight across all text.
don't apply decorative shadows — screenshot shows completely flat, borderless surfaces.
don't use a wide letter-spacing — screenshot shows a tight, negative letter-spacing of -0.22px.
don't introduce complex navigation patterns — screenshot shows only three simple text links.
don't use a multi-color palette — screenshot relies strictly on black, white, and gray.
don't use fast, snappy animations — screenshot specifies slow 1-second transitions.
Avoid: Marketing jargon
Avoid: Excessive decoration
Avoid: Bright or distracting colors
Avoid: Complex UI components

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist portfolio website for an independent designer and creative director. The visual DNA is defined by a stark, high-contrast monochrome palette (#FFFFFF background, #000000 ink, #A6A6A6 muted) and a clean, geometric sans-serif typeface used at small sizes with tight letter-spacing. The layout is incredibly spacious, relying on generous padding (18px horizontal, 45px vertical) and vertical stacking rather than complex grids. Critical donts include: never use multiple font weights, do not add shadows or complex borders, and never use wide letter-spacing. The motion profile is slow and deliberate, utilizing a custom cubic-bezier (0.22, -0.01, 0.13, 0.99) for transitions. The overall effect is refined, quiet, and highly professional, letting the work speak for itself.

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