Amazing homepage header from Modal

Developer Markepear testimonials

The homepage header is about landing your core product message.

For Modal it is basically LLM infrastructure with great developer experience.  

And they do a great job delivering it:

  • Input/output visual: I think for infra products this is a great choice.  Show what code you run, show how to run it, show what you get. Ideally, this all looks nice and easy.
  • Headline/subheadline: They explain "what is it" and "for whom is it" (or what use case): "what": Serverless infra platform, "whom" ML teams.
  • Great calls to action: If you don't know what to put this is the best baseline imho. Get started (Signup) and Docs.
  • Social proof: devs want to know if others like them and/or respectable companies use it in production. While dev testimonials do that better, logos is what people expect to see here. Don't have them and you raise flags, especially if you are unknown.
  • Branding: if you can make your page/company memorable on top of landing  that message -> great. And with that green gradient and uncommon colours they definitely do.

Top job on that header folks!

  • See Modal homepage
Browse 100+ examples like this ->
docs
hero section

Stripe docs starts with one product

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

copy
developer experience
landing page
hero section

Header design from Alpaca

developer experience
landing page

1-2-3 how-to section from Appsmith

developer experience
landing page
hero section

Auth0 developer portal hero section visual

call to action
landing page
developer experience

Header with tabs from Appsmith

navbar
landing page
call to action
product tour

Playground CTA in the navbar resources section from Prisma

copy
developer experience
call to action
landing page
hero section

Header content CTA from Plaid

copy
hero section
landing page

Snyk narrow initial positioning

copy
hero section
landing page

Landing value proposition from fly.io header