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

Benchmark section on homepage from Astro

call to action
landing page

Open-source project homepage CTA from Astro

developer experience
landing page

Before / After design from AhoyConnect

developer experience
copy
docs
landing page
hero section

Header search docs CTA from TailwindCSS

developer experience
landing page

Auth0 developer portal Getting started cross-section

copy
developer experience
social proof
landing page
hero section

Powerful landing page messaging from Flighcontrol

copy
landing page
hero section

Header copy from Supabase

copy
call to action
landing page
hero section

Great developer-focused CTAs from Plaid

developer experience
landing page

Mongodb for developers section

hero section
copy

Neon header copy