Pillar Group
Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
Hire confidently
Content guidance
Usage
A row of 1–4 pillars sharing a section header. Each pillar is a small unit of heading + description, with an optional big-format numeral on top and a chevron link below. Use when you need to land a few equal-weight points side-by-side — process steps, supporting stats, feature breakdowns.
Item shapes
Heading + description — the canonical pillar. 4
items stack 1 column on mobile, 4 across at desktop (or whatever
columns is set to).
Numeral + description — leads with a big number (a
stat, a percentage, an ordinal). The numeral renders at
--base-strongest — a constant neutral, NOT subtheme.
Three items reads strongest.
+ CTA — append a chevron link to each pillar (renders via Pillar.Link with theme-default cascade).
Variations
columns (1, 2, 3, 4) — desktop column count. On mobile
items always stack 1 column.
background_color — section backdrop. Matches every
other block.
Numeral color
The big numeral resolves to the static aurora token
foreground.action.strong (#2d2d2d) — the
same neutral as body text. It does NOT cascade with the page theme.
Don't reach for --expressive-primary-* here.
Variants
Item content shape
Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
Hire confidently
Employee voices speak honestly
Everything you need to hire
Post a job
Find quality applicants
Make connections
Columns
columns=1 Manage your hiring from start to finish
Post a job
columns=2 Manage your hiring from start to finish
Post a job
Find quality applicants
columns=3 Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
columns=4 Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
Hire confidently
Background
background_color="background" Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
Hire confidently
background_color="background.weaker" Manage your hiring from start to finish
Post a job
Find quality applicants
Make connections
Hire confidently
Content model
| Field | Type | Choices / Reference | Default | Required | Multi | ||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Section Header | Group | — | — | — | |||||||||||||||||||||||||||||||||||||
section_header — nested schema
| |||||||||||||||||||||||||||||||||||||||||
| Items | Group | — | — | yes | |||||||||||||||||||||||||||||||||||||
items — nested schema
| |||||||||||||||||||||||||||||||||||||||||
| Background Color | Dropdown | background (White), background.weaker (Light Gray (Neutral 100)) | background | — | — | ||||||||||||||||||||||||||||||||||||