Skip to content

Replit

replit.com/

Replit is a Developer Tools product. See its replit.com landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, about us, contact us, pricing & plans, and 3 more. It's built with Next.js. Its type is set in ABC Diatype Plus Variable, anchored by a #ff3c00 palette. Study how Replit structures its messaging, layout and visual hierarchy, then explore more of the best Developer Tools website designs.

Visit website ↗

Featured in: 24 SaaS About Us Page Examples, Module by Module

Meta title
Replit – Build apps and sites with AI - Replit
Stack
Next.js
Typography
DisplayABC Diatype Plus VariableDisplayABC DiatypeBodyIBM Plex Sans
Palette
Sections
08
Updated
replit.com/

Replit's landing page, section by section

Each section below is cropped straight from Replit's live page — useful references for developer tools landing page design.

01 / Heroes

More →

02 / Footers

More →

03 / About Us

More →
Replit About Us section design

04 / Contact Us

More →
Replit Contact Us section design

05 / Pricing & Plans

More →
Replit Pricing & Plans section design

06 / Affiliate pages

More →
Replit Affiliate pages section design

07 / Careers pages

More →
Replit Careers pages section design

08 / Blog pages

More →
Replit Blog pages section design
cursor.com/
Cursor landing page design — Developer Tools
CursorDeveloper Tools
knock.app/
Knock landing page design — Developer Tools
KnockDeveloper Tools
mintlify.com/
Mintlify landing page design — Developer Tools
MintlifyDeveloper Tools
windsurf.ai/
Windsurf landing page design — Developer Tools
WindsurfDeveloper Tools
factory.ai/
Factory landing page design — Developer Tools
FactoryDeveloper Tools
zed.dev/
Zed landing page design — Developer Tools
ZedDeveloper Tools