Header with tabs from Appsmith

Developer Markepear testimonials

What to put in the header when your dev tool does a lot?

I like how Appsmith approaches it.

In their case, they have multiple use cases they want to showcase.

But you could use the same idea for many features or products.

Show multiple clickable tabs:

  • It invites the user to click and see.
  • It hints at all of those different use cases
  • It doesn't overwhelm your audience with too much info

A bonus idea is the "Try cloud" | "Self-hosted" CTA.

It communicates right away that you can deploy that dev tool anywhere.

If the self-hosted deployment is important to your customers let them know.

You don't want them to look for it and drop from the page trying to find the FAQ.

  • See website
Browse 100+ examples like this ->
copy
developer experience
call to action
landing page
hero section

Auth0 developer portal Hero section CTAs

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean

campaigns
developer experience
copy
vs competitor
landing page

VS page format from Ably

docs
call to action
developer experience

Flatfile docs office hours CTA

developer experience
blog
call to action
social proof

Devy blog design from Bun

developer experience
call to action
blog

Newsletter subscribe CTA on Interrupt blog

developer experience
landing page

How it works as a timeline from SST

developer experience
landing page

Multi-tab GIF cross section website design from Supabase

call to action
landing page

Open-source project homepage CTA from Astro

campaigns
copy
developer experience
ads
reddit

"We blew our budget on X" format