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.
Page Header - Brand Graphics
Search (CSOL) Page Header - Brand Graphics in the CMS
Jump to Guidelines and Use Cases
Module Preview
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
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 choose the heading size: Standard (48px), Small (36px), Display 01 (Large, 60px), or Display 02 (Standard, 48px). All options will still be H1s. On mobile all will be 36px by default, except Display 02 which will be 34px.
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
What's New?
| v5.16.0 August 2026
- Added Display 01 (Large, 60px) and Display 02 (Standard, 48px) heading size options. On mobile, Display 01 (Large) is 36px, and Display 02 (Standard) is 34px.
| v2.13.0 August 2024
- Added a new "Heading Size" option to give users the option to change the heading size. Standard 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