Ottografie

www.ottografie.nl

a Dutch beauty-and-fashion photographer's portfolio where a single huge Big Caslon word ("Beauty") floats among scattered editorial images on a warm pampas field, with a soft 5-second background cross-fade and a floating pill category selector doing all the navigation.

Photography Beauty Fashion Photographer Portfolio niche

Design tokens

pampas

cod-gray

black

white

dark-gray

ink-16

display: Big Caslon
body: Suisse Int'l
mono: none

Do / Don't

Reference it for

Display-serif-led editorial mood: one enormous high-contrast serif word (Big Caslon) carrying the entire tone for a photographer.
Scattered, asymmetric image composition on a warm off-white field, gallery as art direction rather than grid.
A floating pill category selector as the whole navigation, distilled to a single control.
A slow, luxurious background cross-fade (5s, ease-out-cubic) as the calm signature motion.
A pampas/cod-gray warm-neutral palette that reads expensive and quiet.

Do not copy

The "OTTO VAN DEN TOORN" statement line and the (09) category framing are his identity; reproduce the structure with the client's own.
Big Caslon is licensed (and very specific in character); map to a comparable high-contrast display serif.
The exact scatter of these images is hand-art-directed to this work; borrow the asymmetry, compose it fresh for new imagery.

Signature moves

single colossal display-serif word as the whole hero

one enormous high-contrast display serif word floats among scattered editorial images, carrying the entire tone with a small body scale (10-20px) underneath in a clean grotesque.

scattered asymmetric gallery on a warm cream field

editorial images sit in a hand-art-directed asymmetric scatter on a pampas/cream field (#f5f0eb), gallery as art direction rather than a tidy grid.

floating pill as the entire navigation with a slow cross-fade

a single floating pill category selector (radius 53px) is the whole nav, and the background changes via a slow 5-second cross-fade on ease-out-cubic (cubic-bezier(0.215, 0.61, 0.355, 1)) as the calm signature motion.

Related references

First Frame

niche

Film Production

Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.

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.

Gianluca Gradogna

niche

Design Portfolio

a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.

Hugo Baron

niche

Design Portfolio

The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.