Pricing in the docs from fly.io

Developer Markepear testimonials

Pricing in your docs? That is how @Fly.io does it.

You click a pricing page link on their homepage and you go to the docs!

No 3 boxes with the "most popular" being the middle paid plan ;)

They just give it to you how it is. Exactly what you'd expect from the docs.

There are tables, explanations, and links to other docs pages.

Very bold decision imho. It definitely makes them feel super developer focused.

Plus if you do want a more standard, enterprise stuff you see:

"If you need more support or compliance options, you can choose one of our paid plans. These come with usage included and additional support options."

And that page looks like a classic pricing page.

But they focus on the developer buying experience here. Super interesting.

  • See fly.io pricing
Browse 100+ examples like this ->
developer experience
video
youtube

Hand-drawn tutorial video style from Robusta

developer experience
hero section

Pricing page header from Mux

copy
developer experience
landing page
hero section

Axiom competitor-focused messaging

developer experience
copy
social proof

Case study format from LaunchDarkly

developer experience
docs
hero section

Docs header diagram from Hopsworks

developer experience
github
hero section

GitHub Repository Readme.md design from Prisma

developer experience
landing page

1-2-3 how-to section from Appsmith

copy
developer experience
social proof
landing page
hero section

Landing page header from MedusaJS

developer experience
docs

Devex in ReactJS documentation

navbar
developer experience
blog
copy

Snyk navbar resources tab design