Bindery

www.bindery.co

The reference for boutique NYC production studios — full-bleed video tile mosaic on warm off-white, condensed black serif wordmark, GSAP+Lenis scroll choreography over a soft pastel palette that cycles per section.

Film Production Production Studio niche

Design tokens

page
ink
inkSecondary
inkTertiary
white
sectionLavender
sectionPeriwinkle
sectionSage
sectionButter
sectionPink
sectionYellow
sectionBeige
display
Instrument Serif (italic)
body
Instrument Sans
mono
(none — no monospace in system)

Do / Don't

Reference it for

  • rgb(243, 243, 243) warm off-white page (the "paper" not "white") as canvas
  • rgb(0, 0, 0) pure black ink (1010 hits) as the dominant text/wordmark colour
  • Per-section pastel background swap — lavender, periwinkle, sage, butter, dusty-pink, soft-yellow rotating per scroll section
  • Asymmetric 7-tile video mosaic hero (3 top / centre lockup / 3 bottom)
  • Centred geometric-condensed wordmark with auto-playing video bleeding through tile gaps
  • Instrument Sans + Instrument Serif italic duet — open-source Google-Fonts substitute for paid studio type pairings
  • 128px Instrument Serif italic display moments ("Believer", "Make", "Let's Make")
  • 8-step type scale (9.6, 16, 17.6, 24, 25.6, 56, 128px) — wide range, only 2 weights

Do not copy

  • The BINDERY wordmark (custom condensed geometric)
  • The Bindery client list (Mercedes, Lancôme, Grammarly, JBL, Nissan, Tatcha, Plated, Benefit, Birchbox, HelloFresh, Public)
  • The "Make Believer" / "Let's Make" copy
  • The newbiz@bindery.co contact + 227 West 29th Street, 5th Floor address
  • The Webflow + Slater stack on Jiffi rebuilds (port the pattern to Astro, do not inherit the Webflow runtime)
  • The exact pastel palette swatches (substitute brand-appropriate pastels)
  • The 7-tile mosaic hero with their specific tile aspect ratios unless brand has comparable video library

Signature moves

asymmetric 7-tile video mosaic hero

a hero of seven auto-playing video tiles (3 top / centre lockup / 3 bottom) on warm off-white paper (#f3f3f3) with a centred geometric-condensed wordmark and video bleeding through the tile gaps.

Instrument Sans + Instrument Serif italic duet at 2-weight discipline

an open-source Instrument Sans body paired with Instrument Serif italic display (128px moments) across an 8-step scale (9.6/16/17.6/24/25.6/56/128px) carried by only two weights (400 + 500), so pairing not weight builds hierarchy.

per-section pastel background swap on fade-led scroll

the page background rotates pastels per scroll section (lavender, periwinkle, sage, butter, dusty-pink) with an opacity 0.5s ease-in-out workhorse transition, fade-led rather than transform-led, choreographed by GSAP + ScrollTrigger.