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.
container none + surface auto on WHITE (auto resolves to elevated cards)
Grid › ContainerNone (transparent — inherits the section)defaultGrid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceAuto (elevated on light, translucent on dark)defaultStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value4 stats addedSectionSolid White
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support
container none + surface auto on DARK section (auto resolves to translucent)
Grid › ContainerNone (transparent — inherits the section)defaultGrid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceAuto (elevated on light, translucent on dark)defaultStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value4 stats addedSectionGradient Dark
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support
container BAND (self-contained navy, full-bleed padding — the former theme=dark)
Grid › ContainerBand (self-contained navy, full-bleed padding)Grid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceAuto (elevated on light, translucent on dark)defaultStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value4 stats addedSectionSolid White (any — the band brings its own navy ground)
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support
container PANEL (rounded inset, card-grid language) — light
Grid › ContainerPanel (rounded inset panel)Grid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceAuto (elevated on light, translucent on dark)defaultStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value3 stats addedSectionGradient Lite
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
surface flat + divider (stat strip)
Grid › ContainerNone (transparent — inherits the section)defaultGrid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceNo containerStats › Divider between statsShowTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value4 stats addedSectionSolid White
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support
surface outline + value xl + align left
Grid › ContainerNone (transparent — inherits the section)defaultGrid › ColumnsAuto (one per stat)defaultGrid › AlignmentLeftGrid › Grid gapStandard (20px)defaultStats › Stat surfaceOutlineStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeXL (72px)Stats › Value3 stats addedSectionSolid White
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
columns override: 4 stats in 2 cols + gap lg + value md + title h4
Grid › ContainerNone (transparent — inherits the section)defaultGrid › Columns2Grid › AlignmentCenterdefaultGrid › Grid gapWide (44px)Stats › Stat surfaceAuto (elevated on light, translucent on dark)defaultStats › Divider between statsHidedefaultTypography › Title appearanceH4 (30px)Typography › Value sizeMedium (44px)Stats › Value4 stats addedSectionSolid White
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support
consistency check: divider does not change value/label type (compare with the flat strip above)
Grid › ContainerNone (transparent — inherits the section)defaultGrid › ColumnsAuto (one per stat)defaultGrid › AlignmentCenterdefaultGrid › Grid gapStandard (20px)defaultStats › Stat surfaceNo containerStats › Divider between statsHidedefaultTypography › Title appearanceH2 (50px — default)Typography › Value sizeLarge (56px — default)Stats › Value4 stats addedSectionSolid White
Trusted at scale
The numbers behind the platform
800+
Customers worldwide
6x
ARR growth since 2021
100%
Deny by Default
24/7
Global support