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
landing page

How fast you ship your roadmap?

developer experience
landing page

Feature section design from TailwindCSS

copy
landing page
hero section

Header copy from Supabase

copy
call to action
landing page
hero section

Great developer-focused CTAs from Plaid

copy
developer experience
landing page
hero section

The header copy of Auth0 developers portal

copy
blog
call to action

ShiftMag Newsletter CTA copy

social posts
linkedin
developer experience

Code + UI Linkedin post format

developer experience
landing page

How it works crossover from Mux

copy
developer experience
call to action
landing page
hero section

Header content CTA from Plaid

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy