# Facts beside the title

> An interior-page opening that splits in two: a small tracked kicker and the page title hold the left 46% on their own, and the right 54% carries four facts as a ruled ledger, label against value on each line, divided by currentColor hairlines and closed by one at the foot. The label and value hold their two columns at every width rather than stacking, so the ledger reads as a record beside the name of the thing. No action, no image and no coloured band. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/page-header-facts.html
Section: Page header
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 6.7 to 7.0. 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: page header, page title, meta, facts, ledger, job, vacancy, event, project

Promise: Identical markup in every theme.

---

## The signature moment: the facts are a ledger, not a row

**Nothing here is a chip and nothing here is a row.** Each fact is one line with
a `currentColor` hairline above it, the label in the left 42% of the ledger and
the value in the right 58%, and the last line carries a rule below it as well so
the ledger closes. Four rules and four rows, aligned on one pair of columns: the
shape of a record, in the half of the header where a lesser design would put a
photograph.

The split is what the pattern is for. A title on its own left half has room to
be a title, and facts in a column read down rather than across, which is how
somebody actually checks whether a role is in the right city for the right
money. `page-header-meta` puts the same four facts on one horizontal row under
the title, where they scan as a line of record; this puts them beside it, where
they scan as a list to be checked. Same facts, two different readings, and the
choice is the page's, not the palette's.

**The labels and values never stack.** The ledger's inner `core/columns` carries
`isStackedOnMobile: false`, so at 390 the label keeps its 42% and the value its
58% instead of collapsing into eight alternating lines. At a 350px measure that
is roughly 140px of label against 190px of value: enough for a tracked label in
caps, and enough for two or three words of value before it wraps inside its own
column. A theme with a large body size will wrap the longer values to two lines
there, and the ledger is still a ledger, because the rule belongs to the line
rather than to the type in it. The outer split is the one that gives way: core
stacks the 46/54 columns below 782px, so the title arrives first and the ledger
follows it whole.

**Every rule in the section is `currentColor`**, so the whole device is the
colour of the text and cannot drift from it: ink on paper in a light theme, pale
on ink in a dark one, and no slug a theme might not define.

## Why it is not a hero

No action, no image, no coloured band. The ground asks for `base`, which is the
page's own paper. A vacancy page's apply button belongs to the section that
carries the job description, not to the line that names it.

## What it inherits from your theme

- **The typeface.** No font family is stated. The labels carry 0.22em and 0.2em
  of tracking and the values carry -0.01em, which is where the record feeling
  comes from rather than from a chosen face.
- **Your colours.** `base` for the paper, `contrast` for the type, both chains
  ending on a colour WordPress guarantees; the kicker and the labels take
  `role-label` and fall through to the same `contrast`. Every rule is
  `currentColor`.
- **Your spacing scale.** The band's padding, the gap between the two halves
  when they stack and the air inside every ledger line are spacing presets.
- **The title's size.** `x-large` as a two-rung chain with a tuned `clamp()`
  behind it, so the title sits on the theme's own ladder one rung under a
  display heading.

## What it decides for itself

- **Full bleed with a 1240px measure**, so the header is a band rather than a
  column of text.
- **46/54.** The ledger gets the larger half, because a label and a value on one
  line need more room than four or five words of title do. Both widths are
  stated, because here the two halves are a proportion rather than a column and
  a remainder.
- **42/58 inside the ledger**, and that it holds at every width.
- **The title is deliberately quiet.** It tops out at 44px against values at up
  to 22px, so the facts are set at reading size and the title is only about
  twice their size. That ratio is the pattern; grow the title and the ledger
  stops being the thing you read.
- **`h1` with its own colour**, because a theme's heading element style beats a
  colour inherited from the wrapping group.
- **Bottom aligned.** Every label sits on the same baseline as its value, set by
  `verticalAlignment: bottom` on the inner columns, so the two type sizes agree
  along the bottom of each line rather than along the top.

## What to change first

1. **The four facts.** Label and value are separate paragraphs in separate
   columns, so a fact can be anything: location and contract for a role, date
   and venue for an event, client and year for a project. A line is one
   `core/group` with a top border, so a fifth is a copy of a block; the last
   line in the ledger is the only one that also carries a bottom border, so move
   that rule if you add below it.
2. **The kicker.** One or two words. It names the kind of page, which is what
   lets the title be the specific thing.
3. **The title.** Built for four to six words at this size, on a 46% measure.
4. **The split.** If your facts are short and your title is long, 54/46 the
   other way is two attribute edits and the ledger still holds.

## Notes

- Core blocks only. No plugin, no script, no separator: every rule is a group
  border, which cannot be narrowed to a stub the way a plain `core/separator` is
  in Twenty Twenty-Four.
- The rules are borders on the group wrapping each ledger line, not on a column,
  so they are on a block whose border support is not in question at the 6.6
  floor.
