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.
Dverso
strongCreative Studio
a Milan "immersive" studio that builds its homepage like a technical drawing, a warm cream canvas with a blueprint grid, mono-everything UI, a giant outlined "dverso" wordmark, and the team rendered as stylised 3D avatars standing inside the letters, with a pixel display font and scramble text for character.
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.