Vercel NEXT.js conf registration CTA

Developer Markepear testimonials

How to promote your important company event? How about right there in the header.

A typical approach to promoting events on your site is to have them in the Hello bar (right above the navbar). This is a solid option of course.

But what if this is a super duper important event that you really want to push?

Put it in the header.

The header is the most viewed part of the most visited page on your site.

Doesn't get much better than that.

But you don't want to distract people from your value propositions and main CTAs too much.

How do you do that?

This is how Vercel did with last year's NEXT.js conf.

  • above the H1 headline so as not to break the flow
  • prominent but not more distracting than it needs to be
  • has conference logo, crystal clear copy, and an event CTA

Nice execution on that pattern.

  • See website
Browse 100+ examples like this ->
copy
blog
call to action

ShiftMag Newsletter CTA copy

developer experience
blog
call to action
social proof

Devy blog design from Bun

call to action
blog

Aside CTA from ExportSDK

landing page
developer experience
call to action

Benchmark section on homepage from Astro

developer experience
copy
call to action
product tour
product led growth

Header CTAs from Mixpanel

developer experience
call to action
blog

Newsletter subscribe CTA on Interrupt blog

blog
call to action

"Aside" call to action from Auth0

developer experience
github
call to action
social proof

Sticky "star us on GitHub" from Posthog

blog
call to action
developer experience

In-text blog CTA from Planetscale

navbar
landing page
call to action
product tour

Playground CTA in the navbar resources section from Prisma