Maze

• A custom neo-grotesque (Phonic) running at weight 300 across the whole display tier from 22 px to 58 px — most peers default to Inter Medium. The light-weight commitment is the brand's posture: confident enough to whisper.
• Light-first when the rest of the dev-tool category went dark — Maze runs a near-pure-white #ffffff canvas with #000000 as the dominant reading layer. Reads as a research journal layout, not a dashboard preview.
• Scroll-pinned multi-frame hero composition — the homepage walks the visitor through three stacked argument states inside a single sticky-pinned container instead of front-loading one frame. Closer to a NYT scrollytelling article than a SaaS landing.
• Motion is GSAP timeline-driven, not CSS-only — runtime probe finds `window._gsap` active. Easings mix linear with cubic-bezier(0.4, 0, 0.2, 1) and cubic-bezier(0, 0, 0.2, 1); durations span 0.15s / 0.25s / 0.4s / 0.5s. The choreography is reading-paced rather than app-feedback-paced.
• No chromatic brand accent — the marketing surface refuses a paint color for CTAs. Buttons resolve as black-on-white or white-on-black. The only saturated hex measured is a one-element inline link reserved for body prose.
• Custom non-Tailwind spacing scale — 1 / 4 / 8 / 10 / 12 / 16 / 20 / 22 px dominate; the 22 px increment is the signature off-grid step that breaks the 4 px utility rhythm and tunes pacing to Phonic's tight x-height.

• How Maze gets away with weight 300 across the entire display tier — most brands default to Medium because Light reads as fragile in B2B. Steal the mindset: light weight + a custom geometric works when the canvas is unforgiving white and the type is pulled tight.
• Scroll-pinned multi-frame hero as a category move — instead of showing what the product does in one frame, walk the visitor through the thesis. Most peers can't afford this composition because their copy isn't sharp enough; Maze's is, and the GSAP timeline keeps the choreography honest.
• Refusal of brand-color theatrics — Maze proves a research-tools brand can sell methodology with typography alone. Every chromatic decision peers make to differentiate (CTA blue, accent green, gradient hero) Maze converts back into typographic weight or whitespace.
• GSAP timeline-driven motion as editorial pacing — not animation for animation's sake. Sub-second cubic-bezier transitions stitched against a 60-second ambient drift — micro-pacing for interaction, slow ambient for atmosphere. Worth lifting if your marketing surface is essay-shaped rather than dashboard-shaped.

• Don't borrow Maze's weight 300 hero treatment for product UI or dashboards — the same Phonic Light at 14-16 px in dense interfaces would erode legibility. Display only.
• Don't replicate the scroll-pinned multi-frame hero unless your copy is genuinely three-act — most marketing pages have one message, not three. Without sharp copy this composition becomes empty motion.
• Don't strip color reflexively because Maze did — the brand earns the no-accent posture through Phonic Light + GSAP choreography. A mid-tier brand running Inter Regular on white with no accent reads as unfinished, not editorial.
• Don't replicate GSAP timelines on micro-interactions inside the product surface — for hover states and form feedback, native CSS ease-out feels expected. GSAP belongs to the marketing storytelling register, not the UX register.

The page reads like a methodology essay published by a research lab. Phonic Light running at 300 weight feels like a serif-display in a print magazine; the sticky-pinned hero acts as the section header that anchors three theses; the GSAP-driven choreography moves the argument forward without ever drawing attention to itself. You're being briefed on a discipline, not pitched on a SaaS feature. Atmospheric noise is removed, motion is reading-paced, and the product previews on the hero function as figure illustrations next to the typographic argument rather than CTAs competing for the click. The total absence of chromatic brand accent is the signature gesture: the page trusts its type and its rhythm enough that it does not need a paint color to assert identity.

• Sits inside the post-2024 typography-monolith editorial cohort (Dovetail, User Interviews redesign, Granola homepage) — research products treating their marketing as long-form essays rather than product walkthroughs. Maze leads this lineage by committing to a custom display face and a scroll-pinned thesis rather than feature-tab navigation, and by refusing the chromatic accent that defines most peers in the cluster.
• Adjacent to the design-tools editorial peers (Linear, Vercel, Stripe Sessions) — typography-first composition, sparing color, motion as restraint. Maze extends this by going lighter (weight 300 vs Linear's heavier 510), brighter (white canvas vs Linear's near-black), and more chromatically restrained (no brand accent at all vs Linear's signature indigo family), making it the editorial outlier in a dark-first cohort.
• Closest emotional peer is the New York Times Magazine and Pudding scrollytelling tradition — sticky-pinned multi-state hero, GSAP-driven reveals, type as the dominant visual. Maze is the first dev-tool peer to genuinely import this pattern; most others stop at one-frame hero with parallax illustration.