Under every example: the exact HubSpot settings that produce it — Field › Sub-field · Choice, named as they appear on the module’s Content / Styles tabs. Section (dashed) is the section template the module sits in (Add section › AIRLOCK 1 · Section — …) — set on the section, not the module. See Section backgrounds.
hero — right column: NONE (text runs full width) with headline stat blocks
Right column › Right column contentNone (full-width text)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptyBlocks › Block Text3 blocks addedSectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
Customers
800+
Organisations worldwide
Coverage
100%
Deny by Default on every endpoint
Support
24/7
Global follow-the-sun team
hero — right column: NONE, both buttons, no stat blocks
Right column › Right column contentNone (full-width text)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Secondary CTA (outline, on-dark) › Secondary CTA Labelfilled in (shows the outline button)SectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — layout 50/50 · fit contained · anchor center · radius 10
Right column › Right column contentImage (default)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Image › Image fitContained (inside content column)defaultImage › Image anchorCenterdefaultImage › Image corner radiusStandard (10px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' opacity='.85'%3E%3Crect x='260' y='180' width='200' height='160' rx='18'/%3E%3Ccircle cx='315' cy='235' r='16' fill='%23fff' stroke='none'/%3E%3Cpath d='M280 320 L345 260 L395 305 L425 280 L440 296'/%3E%3C/g%3E%3C/svg%3E)
hero — layout 40/60 · fit contained · anchor center · radius 10
Right column › Right column contentImage (default)Grid › Columns (text / image)40 / 60Typography › Title appearanceH1 (64px — default)Image › Image fitContained (inside content column)defaultImage › Image anchorCenterdefaultImage › Image corner radiusStandard (10px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — layout 60/40 · fit contained · anchor center · radius 10
Right column › Right column contentImage (default)Grid › Columns (text / image)60 / 40Typography › Title appearanceH1 (64px — default)Image › Image fitContained (inside content column)defaultImage › Image anchorCenterdefaultImage › Image corner radiusStandard (10px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — layout 50/50 · fit contained · anchor bottom
Right column › Right column contentImage (default)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Image › Image fitContained (inside content column)defaultImage › Image anchorFlush bottomImage › Image corner radiusNonedefaultSecondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — layout 50/50 · fit breakout · anchor center
Right column › Right column contentImage (default)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Image › Image fitBreakout (to panel edge)Image › Image anchorCenterdefaultImage › Image corner radiusLarge (16px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — layout 40/60 · fit breakout · anchor bottom
Right column › Right column contentImage (default)Grid › Columns (text / image)40 / 60Typography › Title appearanceH1 (64px — default)Image › Image fitBreakout (to panel edge)Image › Image anchorFlush bottomImage › Image corner radiusLarge (16px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — title appearance h2 (50px)
Right column › Right column contentImage (default)Grid › Columns (text / image)50 / 50defaultTypography › Title appearanceH2 (50px)Image › Image fitContained (inside content column)defaultImage › Image anchorCenterdefaultImage › Image corner radiusStandard (10px)Secondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
hero — right column: FORM card (50/50) with primary + secondary buttons
Right column › Right column contentForm cardGrid › Columns (text / image)50 / 50defaultTypography › Title appearanceH1 (64px — default)Form card (Right column = Form) › Form title (optional)Book a demoSecondary CTA (outline, on-dark) › Secondary CTA Labelfilled in (shows the outline button)SectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
Book a demo
hero — right column: FORM card (40/60, wider form)
Right column › Right column contentForm cardGrid › Columns (text / image)40 / 60Typography › Title appearanceH1 (64px — default)Form card (Right column = Form) › Form title (optional)Request pricingSecondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
Request pricing
hero — right column: CUSTOM EMBED (60/40 — video, animation or any HTML)
Right column › Right column contentHTML / embedGrid › Columns (text / image)60 / 40Typography › Title appearanceH1 (64px — default)Right column HTML (Right column = HTML)your embed codeSecondary CTA (outline, on-dark) › Secondary CTA Labelleft emptySectionHero & Lead-in
Feature
Precision Application Control
Deny by Default security that scales with your environment
Custom embed (video, animation or any HTML)