# Stat pillars

> Three monolithic architectural pillars in 1px currentColor outline frames: each pillar carries a tracked index eyebrow, a figure at display scale, a dividing hairline, a bold metric label, and a full paragraph of empirical context. Anchored by a methodology footnote. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/stat-pillars.html
Section: Stats
Access: Free, and free to keep.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: column, columns, group, heading, paragraph
Keywords: stats, statistics, numbers, metrics, pillars, cards, columns, benchmarks

## Variations (3)

### Framed pillars (the default)

Identical markup in every theme.

Three framed pillars on your base ground, each drawn with 1px currentColor borders that follow your text colour and scale down gracefully on mobile.

### Folio

This variation states its own colours and states its own type: identical in every theme.

The Folio set’s numbers on bone: three graphite-framed pillars and a lintel of the same frame beneath, each figure in Helvetica at full display size over a mono frame number, the count’s source in mono small print.

### Night pillars

Identical markup in every theme.

The entire band inverts to your contrast ground with your base on it: the three framed pillars stand out on dark ground with crisp currentColor hairlines.


---

## The signature moment: monolithic columnar architecture

Each stat is given its own self-contained architectural pillar. Rather than
simple floating numbers, the figures sit inside balanced 1px `currentColor`
frames that structure the data into an orderly sequence of indexed findings
(01, 02, 03). An internal hairline cleanly bisects the raw numerical proof from
the practical real-world outcome.

## Why this is not the other stats patterns

- `stat-quadrant` is a 2x2 window with contiguous crossing hairlines.
- `stat-row` is a single horizontal strip with four numbers sharing one baseline.
- `stat-monument` is dominated by one giant marquee number.
- `stat-pillars` offers three balanced vertical cards with thorough explanatory
  paragraphs and indexed headings.

## Mechanics worth knowing

- **Uniform outline borders use currentColor.** The 1px frame on each pillar
  writes `border-color:currentColor;border-width:1px` and the `has-border-color`
  class, guaranteeing it renders across light, dark, and custom themes.
- **Internal divider is a border-top on an inner group.** This ensures the rule
  runs flush across the card without relying on `core/separator` margin quirks.
- **The footnote is held to 32rem.** Uses a constrained group with
  `justifyContent: "left"` to keep the methodology line readable.

## The variations

- **Night pillars.** The entire section inverts to your contrast ground with
  base text. The three pillar frames and inner hairlines follow the text colour
  in `currentColor`.

## What it inherits from your theme

- **Typeface.** No font family is stated anywhere.
- **Palette.** Ground and text resolve to `base` and `contrast` chains.
- **Spacing scale.** Uses core spacing presets for margins and padding.

## What it decides for itself

- **The three-pillar layout** and generous internal card padding.
- **The display typographic ramp**, flooring safely on mobile viewports.
- **The internal vertical rhythm** inside each card.

## What you change first

1. **The three numerical findings and their index labels.**
2. **The metric titles and explanatory paragraphs.**
3. **The section heading and methodology note.**

## Contrast

All text and figures are `contrast` on `base` (or `base` on `contrast` in
Night pillars). Display figures meet 3:1 criteria; all labels and body copy meet
4.5:1.

## Display type

Off the theme's ladder on purpose, because the size is the composition:
- paragraph at clamp(2.75rem, 5.5vw, 4.25rem)