Skip to content

Readme

readme.com/

Readme is a Developer Tools product. See its readme.com landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, pricing, about us and blog pages. It's built with Next.js and Tailwind CSS. Its type is set in STKBureauSerif, anchored by a #010442 palette. Study how Readme structures its messaging, layout and visual hierarchy, then explore more of the best Developer Tools website designs.

Visit website ↗

Featured in: 12 About Us Pages SaaS Startups Get Right, SaaS Footer Design: What 12 Real Examples Include (and Skip)

Meta title
ReadMe · Developer-friendly API documentation
Typography
DisplaySTKBureauSerifBody-apple-system-
Palette
Sections
05
Updated
readme.com/

Readme's landing page, section by section

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

01 / Heroes

More →

02 / Footers

More →

03 / Pricing

More →

04 / About Us

More →
Readme About Us section design

05 / Blog pages

More →
Readme Blog pages section design
kiro.dev/
Kiro landing page design — Developer Tools
KiroDeveloper Tools
retool.com/
Retool landing page design — Developer Tools
RetoolDeveloper Tools
tester.army/
Tester landing page design — Developer Tools
TesterDeveloper Tools
inngest.com/
Inngest landing page design — Developer Tools
InngestDeveloper Tools
composio.dev/
Composio landing page design — Developer Tools
ComposioDeveloper Tools
liveblocks.io/
Liveblocks landing page design — Developer Tools
LiveblocksDeveloper Tools