Screenshot of David Bastianoni

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