Creating your first landing page?

Get Started Here

Marketing Web Modules

Back to All Modules

Page Header - Image

Search (CSOL) Page Header - Image in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268
Module Preview

FAQ's

How To Use This Module

Set visitor expectations with compelling header imagery and dedicated headline copy. Perfect for pairing with the Fixed Secondary Navigation module. (Note: from September 2025, you will be redrected here from the old 'Page Header - Photo Showcase' and 'Page Header - Product Screenshot' modules pages.)

Use Cases

Page Header is arguably the most important element of your page. It sits above the fold as the first thing your visitors will see, so set the right expectations with an image and dedicated headline copy.

Consider the overall strategy of the page and pick an image that allows your message to really shine. If you're talking about a HubSpot product, pair with CTA Cards-Product Logos or Multi-Column Content modules.

Get on-brand assets for your module

Guidelines

Character Count

  • Tagline recommended maximum character count is 60
  • Recommended header character count is ~65 characters
  • Recommended description character count ~150
  • Limit CTA text to 2 or 3 words

Image Sizing

  • Choose between 3 image presentations:
    • Full Image: your image will be displayed in full within the module, uncropped, this results on a smaller image size. Recommended image size: 800x600px
    • Full Height: your image will take the full height of the module, but will be cropped at the edges. Recommended image size: 800x600px
    • Full Bleed: select from a list of on-brand photography available images that will go fully edge-to-edge of the module.

Things to Know

  • Adding an image is mandatory
  • Tagline, Sub-headline, CTAs, and Disclaimer text are optional
  • Option to turn the Brand Shapes off or on
  • You can choose the heading size: Normal 48px or Small 40px. Both will still be H1s. On mobile both will be 40px by default
  • Option to display image with Rounded Corners (as 2025 Rebrand design feature)
  • Option to hide image on Mobile

Similar Modules

Page Header - Brand Graphics

Add a strong introductory statement and brand styled header area to your page.

Page Header - Splash

Create a visually stunning full-screen campaign headers with branded background shapes using our Page Header - Splash Module

Page Header - Video

Pair your page header with a video to create a captivating first impression.