Roberta Ungaro

www.robertaungaro.com

a fashion photographer's portfolio where the entire interface is small red type scattered across a white page, every label, category and caption set in tiny bold red Helvetica, floating over and between full-bleed images so the navigation reads like annotations on a contact sheet.

Photography Fashion Photographer Portfolio niche

Design tokens

white

red

black

gray

display: Helvetica Now Display
body: Helvetica Now Display
accent: Times

Do / Don't

Reference it for

A single-accent UI: making one colour (#FF0000) carry the entire interface against white, so the work supplies all the other colour.
Type-as-navigation: small bold labels positioned freely around imagery (a numbered index, scattered category links) instead of a conventional nav bar.
Fluid viewport-relative headings via CSS custom properties (--h-fs: 4.8vw, --h-lh: calc(4.8vw * 0.76)) with fixed tiny body labels (15px).
Extreme restraint: white page, red Helvetica 800, a Times italic for accents, and exactly one opacity 0.5s ease transition.
A photographer/portfolio model where images run full-bleed and text annotates rather than frames them.

Do not copy

All-red type on white is the photographer's identity and a strong stylistic claim. Borrow the single-accent-as-UI principle, recolour it to the client's brand; literal red will read as derivative.
Helvetica Now Display is licensed (Monotype). Substitute Helvetica Neue, Söhne or Inter at a heavy weight.
Free-floating scattered labels demand pristine photography and careful per-breakpoint placement; on weaker imagery or without that care it collapses into clutter.

Signature moves

single-accent type-as-UI on white

one colour (here #FF0000) carries the entire interface against a near-white page so the imagery supplies all other colour, with exactly one opacity 0.5s ease transition as the only motion

scattered type-as-navigation index

small bold 15px labels (a numbered index, category links) float freely around full-bleed imagery instead of a conventional nav bar, reading like annotations on a contact sheet

fluid viewport headings over fixed micro-body

headings scale with the viewport via custom properties (--h-fs: 4.8vw, --h-lh: calc(4.8vw * 0.76)) while body labels stay a fixed tiny 15px, pairing huge responsive display with chrome-density text

Related references

Almacantar

niche

Real Estate

an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.

Alternative Aesthetics

niche

Design Portfolio

The reference for solo illustrator portfolios on Webflow - hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.

Fine Thought

niche

Design Portfolio

A solo creative-technologist portfolio styled as a code editor - a "fine-thought.js" filename tab, line-number gutters, a monospace face for 95% of text, and ASCII-art "guide" glyphs forming the entire visual texture of the page.

General Condition

niche

Creative Studio

Self-aware "this might be a design studio" hero on near-black with vivid red display + rainbow-bordered chrome - WordPress+Elementor post-modern creative aesthetic.