Skip to content

Knock

knock.app/

Knock is a Developer Tools product. See its knock.app landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, footers, pricing, logo clouds, about us, and 2 more. It's built with Next.js and Tailwind CSS. Its type is set in ppNeueMontreal, anchored by a #ff6c52 palette. Study how Knock structures its messaging, layout and visual hierarchy, then explore more of the best Developer Tools website designs.

Visit website ↗
Meta title
Knock | Customer engagement infrastructure
Typography
DisplayppNeueMontrealDisplayInter
Palette
Sections
07
Updated
knock.app/

Knock's landing page, section by section

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

01 / Heroes

More →

02 / Footers

More →

03 / Pricing

More →

04 / Logo clouds

More →

05 / About Us

More →
Knock About Us section design

06 / Contact Us

More →
Knock Contact Us section design

07 / Blog pages

More →
Knock Blog pages section design
mintlify.com/
Mintlify landing page design — Developer Tools
MintlifyDeveloper Tools
windsurf.ai/
Windsurf landing page design — Developer Tools
WindsurfDeveloper Tools
cursor.com/
Cursor landing page design — Developer Tools
CursorDeveloper Tools
factory.ai/
Factory landing page design — Developer Tools
FactoryDeveloper Tools
zed.dev/
Zed landing page design — Developer Tools
ZedDeveloper Tools
better-auth.com/
Better-auth landing page design — Developer Tools
Better-authDeveloper Tools