Great product header visual from Deepgram

Developer Markepear testimonials

If you have an API product presenting it in an exciting visual way is hard.

But Deepgram managed to do just that.

They go for an autoplay presentation that has four acts:

  1. Context: playing an audio file showing a spectrogram -> sets the context that this is something audio
  2. Code: They show the code from one of the SDKs being typed. And they show tabs at the top with other important SDKs to convey that this is not Python-only.
  3. Result: Shows the output of running the code, a transcript, and an AI-generated summary and topics.  
  4. Layers: Takes the points above and layers them in one viz to communicate that this is all part of one product, just different "views" of it.

And the delivery is just slick and elegant. Kudos team!

btw, Mux, the video API has a similar design of their visual. I think it is just a great visual element for API products.

  • See Deepgram homepage
Browse 100+ examples like this ->
copy
hero section
landing page

Landing value proposition from fly.io header

developer experience
copy
vs competitor
landing page
pricing

Competitor comparison page from New Relic

copy
developer experience
landing page
hero section

Header design from Mux

developer experience
landing page

Multi-tab GIF cross section website design from Supabase

developer experience
landing page

How it works as a timeline from SST

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

landing page
developer experience
call to action

Integrations section on Meilisearch homepage

docs
hero section

Stripe docs starts with one product

call to action
landing page
developer experience

Header with tabs from Appsmith

developer experience
copy
docs
landing page
hero section

Header search docs CTA from TailwindCSS