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

Axiom competitor-focused messaging

video
landing page

Streamlit explainer video

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

developer experience
landing page

How it works crossover from Mux

social proof
landing page
developer experience

Showing testimonials related to features from Appsmith

developer experience
landing page

Feature tabs header pattern from PostHog

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

copy
landing page
hero section

Auth0 header copy

copy
developer experience
landing page
hero section

The header copy of Auth0 developers portal

landing page
hero section

Clickhouse header design