David Bastianoni
www.davidbastianoni.com/The reference for a scattered-collage editorial photo hero, off-grid images bleeding off both edges around a centred Bookmania serif display (up to 8rem) with a single italic accent word, on near-white with graphite #2d3238 ink.
Photography flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Commuters-Sans
- body
- nimbus-sans
- mono
Do / Don't
Reference it for
- Asymmetric collage hero: 4-5 portrait/landscape photos placed off-grid, some bleeding past the left and right viewport edges, framing a large centred headline in the negative space
- Bookmania serif display (--display--font-family) at a huge clamp scale, H1 running clamp(3.225rem .. 8rem), line-height 1em, letter-spacing -.125rem
- Mixed-case display trick: set most of the headline in caps but drop one word to lower-case italic (TIMELESS with a CONTEMPORARY SOUL) for a hand-set editorial feel
- Three-tier type system: bookmania serif for display/headings, nimbus-sans for body (18px, line-height 27px), commuters-sans 600 uppercase with ~2.1px tracking for nav and eyebrow labels
- Graphite-not-black ink: body and headings in #2d3238 (rgb 45,50,56) on white rather than pure #000, softening the whole page
- Muted earth swatch reserve for accents: sage #b1bcb1, forest #6f6c58, mustard #9a7e45, cream #eee9e3, used sparingly against the neutral base
- Centred wordmark logo lockup in the nav with a tiny STUDIO / DAVID kicker stacked above and below BASTIANONI
- Generous vertical rhythm: --padding-vertical--main 5rem, --padding-vertical--large 7rem, horizontal padding 3rem, max content width 90rem
Do not copy
- The BASTIANONI / STUDIO DAVID wordmark and logo lockup
- The wedding photographs themselves and the real couples (Davika & Ter, Venus & Andrea, Aisha & Romain)
- The exact earth-tone swatch set (sage/forest/mustard/cream) as a signature palette
- The 'quiet rebellion' / 'timeless truth' manifesto copy
- Bookmania and Holiday as licensed brand faces (choose your own serif)
- Studio contact details (Castelfiorentino address, PIVA, phone)
- The centred-word italic headline treatment as a verbatim brand device