Bindery
www.bindery.coThe 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.
Design tokens
- 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.
Related references
Analogue
strongCreative Studio
a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.
Brand Appart
strongCreative Studio
The reference for Paris startup design agencies - Youth chunky-sans display, cream parchment paper, orange ©-superscript wordplay, live Paris clock, Webflow + Lenis + Splitting.js stack.
Geex Arts
nicheCreative Studio
Award-winning creative agency "Designing Future" - Instrument Serif + Suisse Int'l Book editorial pairing, Webflow + GSAP + ScrollTrigger + Swiper stack, AI & ML capability section.
Leoleo Studio
nicheCreative Studio
French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.