Half Block (Promo Banner)

The Half Block is used to display promotional or informational content alongside an media (video / image), with optional actions and multiple visual variants.

When to use

Use the Half Block (Promo Banner) when the page needs a strong promotional moment with clear hierarchy and visual impact.

  • To promote a campaign, product, or service within a page section
  • To pair strong visual media with a short headline and one primary action

When not to use

Avoid the Half Block (Promo Banner) when a lighter, content-first layout is more appropriate.

  • For global headers, navigation, or page introductions (use Hero instead)
  • When the page should start directly with functional or transactional content
  • When media does not add value to the promotional message

Do’s and Don’ts

Do

Place the Promo Banner between content blocks, as a mid-page promo.

Don't

Use it as a page header or where it pushes important content too far down.

Do

Keep the title short. One clear message, one main action.

Don't

Write a long title that reads like a paragraph.

Do

Use the eyebrow for a short label: offer type, category, or urgency.

Don't

Turn the eyebrow into full body copy. That belongs in the description.