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.
Solid White
Add sectionAIRLOCK 1 · Section — Solid WhiteFileairlock-child/sections/solid_white.htmlWrapper classair-section air-section--solid-white
Solid White

Solid White section

Plain white. The default ground between accent sections.

Solid Grey
Add sectionAIRLOCK 1 · Section — Solid GreyFileairlock-child/sections/solid_grey.htmlWrapper classair-section air-section--solid-grey
Solid Grey

Solid Grey section

Light grey #F4F4F9. Quiet contrast next to white.

Sky
Add sectionAIRLOCK 1 · Section — SkyFileairlock-child/sections/solid_lavender.htmlWrapper classair-section air-section--solid-lavender
Sky

Sky section

Solid sky blue #E8F3FF (the file keeps its older name).

Gradient Lite
Add sectionAIRLOCK 1 · Section — Gradient LiteFileairlock-child/sections/gradient_lite.htmlWrapper classair-section air-section--gradient-lite
Gradient Lite

Gradient Lite section

Sky to white, top to bottom. The standard light ground.

Gradient Dark
Add sectionAIRLOCK 1 · Section — Gradient DarkFileairlock-child/sections/gradient_dark.htmlWrapper classair-section air--dark air-section--gradient-dark
Gradient Dark

Gradient Dark section

Navy gradient. Modules switch to on-dark styling automatically.

Solid Dark
Add sectionAIRLOCK 1 · Section — Solid DarkFileairlock-child/sections/solid_dark.htmlWrapper classair-section air-section--solid-dark air--dark
Solid Dark

Solid Dark section

Solid navy #151858. On-dark styling, no gradient.

Hero & Lead-in
Add sectionAIRLOCK 1 · Section — Hero & Lead-inFileairlock-child/sections/hero_with_lead.htmlWrapper classair-section air-section--hero
Feature

Precision Application Control

Deny by Default security that scales with your environment

Book a Demo

Airlock Digital’s allowlisting solution empowers organizations to define their security posture, reduce risks, and maintain operational continuity.

Gradient Lite (same as Gradient Lite — older pages)
Add sectionAIRLOCK 1 · Section — Gradient Lite (same as Gradient Lite — older pages)Fileairlock-child/sections/gradient_lite_purple.htmlWrapper classair-section air-section--gradient-lite air-section--gradient-lite-purple
Alias

Same ground as Gradient Lite

The old purple ground is retired; this file now renders the sky-to-white gradient. Use Gradient Lite for new pages.

Gradient Lite + form card
Add sectionAIRLOCK 1 · Section — Gradient Lite + form cardFileairlock-child/sections/gradient_lite_form.htmlWrapper classair-section air-section--gradient-lite air-section--form
Form pages

Gradient Lite + form card

Same ground as Gradient Lite; the right-hand column renders as a white card for a form. Drop an image left and a form right.