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

Feature section design from TailwindCSS

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

call to action
landing page

Posthog funny CTA

hero section
copy

Neon header copy

landing page
developer experience

Interactive feature tiles from clerk.dev

hero section
landing page

Amazing homepage header from Modal

developer experience
copy
vs competitor
landing page
pricing

Competitor comparison page from New Relic

copy
call to action
landing page
hero section

Great developer-focused CTAs from Plaid

developer experience
landing page

Auth0 developer portal: How it works diagram