# Feature ruled trio

> Three vertical feature columns framed by vertical hairline borders with oversized display index numbers and crisp architectural typography.

Canonical: https://patternpaste.com/pattern/feature-ruled-trio.html
Section: Features
Access: Included in Pattern Paste access.
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: features, ruled, trio, numerals, columns

Promise: Identical markup in every theme.

---

## The signature moment: display index numerals and structural column rules

Each column opens with a display-scaled index numeral (`01`, `02`, `03`) set above an intersecting hairline rule. Vertical divider hairlines drawn in `currentColor` run the full height between the columns, giving the entire trio an architectural, editorial rhythm that organises principles or core offerings clearly.

## What it inherits from your theme

- **Typeface.** Inherits all theme font styles for headings and body copy.
- **Palette.** Section ground uses `base` (falling back to `white`), copy uses `contrast` (falling back to `black`).
- **Dividers.** All vertical and horizontal dividers use `currentColor`, following your active theme styles.
- **Spacing.** Column gutters and padding draw directly from core spacing presets.

## What it decides for itself

- **Proportion.** Three equal columns (33.33%) divided by clean vertical hairlines that stack neatly below 782px.
- **Typography hierarchy.** Section heading on `xx-large`, column headings on `x-large`, body copy on `medium` ladder rungs.

## What you change first

1. **Section principles & body copy.** Tailor each of the three columns to articulate your company's core values, technological pillars, or operational guarantees.
2. **Display numerals.** Renumber or modify the index marks to fit your section structure.

## Display type

Off the theme's ladder on purpose, because the size is the composition:
- paragraph display numerals at clamp(3rem, 5.5vw, 4.5rem)