Replit

• ABC Diatype + ABC Diatype Plus Variable as the sole typographic identity (~6 weights catalogued) — premium custom grotesque, no Inter fallback. The page reads as a printed manual.
• Pure #000000 ground (~1,404 surface refs) paired with #898c94 mid-grey and #2f3034 deep grey for hierarchy — black is the canvas, not punctuation.
• Single saturated orange accent #ff3c00 used like a friendly afternoon highlighter — appears just enough to anchor the brand without becoming a fill colour.
• Border colour #ffb199 (warm cream-pink) — extraordinarily warm hairline choice for a dev tool, signals editorial sensitivity.
• Tight 4px spacing scale (2/4/6/8/10/12/16/20) — terminal-density rhythm.
• Container ladder 1380-1392px — single wide reading frame, no narrow editorial sidebar.
• Framer Motion + 2 catalogued gradients — restrained, motion supports state not spectacle.

• How a custom grotesque (ABC Diatype) reframes a dev-tool brand — most IDE marketing reaches for Inter or system stack. Diatype's optical sidebearings give Replit's page a printed-page rhythm impossible with system fonts.
• Warm cream-pink hairline borders (#ffb199) on a black ground — almost unheard of in dev tooling, where teal/grey is the default. The warmth signals craft.
• Orange accent as scarce signal — Replit uses #ff3c00 sparingly enough that each appearance reads as deliberate. Steal the discipline of treating brand colour as a rare voice.

• Don't lift ABC Diatype without licensing it — the brand cohesion depends on owning multiple weights, not approximating with Inter.
• Don't paint surfaces in #ff3c00 — orange's power is in its rarity; filling a button background flattens the brand into 'generic orange SaaS'.
• Don't tighten the spacing below 4px increments — Replit's terminal-density depends on consistent 4px rhythm.

The page feels like the inside of a beautifully bound coding manual — every paragraph is letterpress-tight, every accent is deliberate, every transition has the deliberateness of an editor turning a page. Replit understood that AI-IDE marketing in 2026 is a category drowning in identical purple-gradient hero pages. The way out is hand-crafted typography and chromatic restraint — and the page proves it works at scale.

• Direct heir to the post-Linear editorial-dev-tool school — Replit uses the same typographic discipline applied to a different category (AI IDE rather than project management).
• Standing shoulder-to-shoulder with the modern AI-coding peer cohort (Cursor, Bolt.new, v0.dev) — but Replit commits to warmth where the others reach for pure black coldness.
• Part of the ABC Dinamo / Mark Simonson typographic wave that includes Loro Piana, Aesop digital, and the broader 2024+ premium-grotesque-on-black aesthetic.