Get Started

Marketing Web Modules

Back to All Modules

Page Header - Brand Graphics

Search (CSOL) Page Header - Brand Graphics in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

Consulting technique ponctuel

Travaillez avec un consultant technique dédié et obtenez des conseils spécialisés sur le déploiement de la plateforme HubSpot.
Obtenir plus d'informations

Consulting technique ponctuel

Travaillez avec un consultant technique dédié et obtenez des conseils spécialisés sur le déploiement de la plateforme HubSpot.
Obtenir plus d'informations

Consulting technique ponctuel

Travaillez avec un consultant technique dédié et obtenez des conseils spécialisés sur le déploiement de la plateforme HubSpot.
Obtenir plus d'informations

Consulting technique ponctuel

Travaillez avec un consultant technique dédié et obtenez des conseils spécialisés sur le déploiement de la plateforme HubSpot.
Obtenir plus d'informations
Module Preview

FAQ's

How To Use This Module

Use this center-aligned heading with several styled brand elements options.

Use Cases

Content Elements

Standard page header content including tagline, heading with size and branded heading options, rich text description, up to 2 CTAs, and optional disclaimer text.

Brand Graphics Styles

Five graphics style options (Style 1-5) featuring different HubSpot 3D brand shapes that dynamically position and color based on theme and layout. Graphics are hidden on mobile for performance.

Layout Options

Three content alignment options: center-aligned (default), left-aligned, or two-column layout with heading and description in separate grid areas.

Theme Integration

Four page header themes (light, white, dark, dark-2) with theme-specific background colors and brand shape colors that change dynamically at tablet breakpoints.

Get on-brand assets for your module
Brandfolder

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

  • Want to add an image? Use the Page Header - Image module.

Things to Know

  • Tagline, Sub-Headline, CTAs, and Disclaimer text are optional
  • For SEO purposes: since this module uses an H1 element, please use only one Page Header module per page because of this.
  • You can now chose the heading size: Normal 48px or Small 36px. Both will still be H1s. On mobile both will be 36px by default.

Similar Modules

updated

Page Header - Splash

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

updated

Page Header - Image

Create a big impact above the fold with image and strong headline copy.

What's New?

| v2.13.0 August 2024

  • Added a new "Heading Size" option to give users the option to change the heading size. Normal will be the default 48px heading size or Small which will be 36px. Both options will still semantically be a H1 and will appear as 36px on mobile regardless of the size chosen.

| v2.11.0 June 2024

  • Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)

| v1.12.0 October 2023 - Implements a rich text editing options for the description field in the module