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

Madrone Construction

strong

Other

A family-owned Central Oregon custom-home builder that wins trust through warmth and calm - full-bleed photography of light-filled finished homes, a "Built On Trust" promise, and a quiet values narrative (Quality, Integrity, Experience) that feels like a handshake, not a pitch.

Outside Landscape Group

flagship

Other

A high-end Alpharetta / North Metro Atlanta landscape design-build firm that makes competence feel measured, not boasted - lush portfolio photography on a navy-and-olive canvas, "Best Pick" and "Guild Quality" award language, and a calm proof-led narrative that earns a luxury outdoor-living budget.

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.