Similar Modules
Page Header - Splash
Create a visually stunning full-screen campaign headers with branded background shapes using our Page Header - Splash Module
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
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 make a good first impression!
Spend some time considering the overall "feel" of this experience. Craft your messaging to be succinct, captivating, and strong (short is good here). Include a few optional CTAs to point your visitors in the right direction off-page.
This module only contains brand graphics, text, and a cta so it great for a minimalistic HubSpot landing page experience! The absence of images reduces the height of this module, allowing for more content to be above the fold.
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 chose the heading size: Normal 48px or Small 36px. Both will still be H1s. On mobile both will be 36px by default.
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.
- Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)
- Implements a rich text editing options for the description field in the module