Page header meta

The opening of an interior page whose facts matter as much as its name: a kicker, a title set deliberately low, and four facts on one ruled row underneath. A job posting, an event, a document, a project. Core blocks only: core/group, core/paragraph, core/heading, core/columns, core/column.

The signature is that nothing here is a chip. The four facts sit in one band closed top and bottom by hairlines, and each fact is opened by a vertical currentColor rule of its own. No plates, no pills, no borders around anything, so the row reads as one continuous line of record with ticks in it rather than as four little cards. Every rule in the section is currentColor, so the whole device is the colour of the text and cannot drift from it.

The second half of the signature is the ratio. The title is a clamp(1.75rem, 3.2vw, 2.75rem) and the values under it are clamp(1.0625rem, 1.35vw, 1.375rem), so the facts are set at reading size and the title is only about twice their size. That is what makes this a different pattern from page-header-rule rather than that pattern with extras: there the title is up to 84px and the collapse from a 15px breadcrumb is the design, here the title is deliberately quiet so the four facts can be the thing you read.

What the row does on a phone

The band's columns stack below 782px, and because the row carries no vertical gap the four fact groups arrive flush against one another. Their left rules join into a single unbroken rail down the left of the facts, and the labels and values run down beside it. The same four marks do both jobs: four ticks across a row at 1400, one continuous rail at 390. There is exactly one set of borders in the markup.

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.

1. The four facts. Label and value are separate paragraphs, so a fact can be anything: location and contract for a role, date and venue for an event, client and year for a project. Delete a column and the remaining three share the row.
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. It is the one place in the pattern where growing the type would break the composition, because the facts stop being the point.
4. The composition. Ship this one where the facts read as a line, and page-header-facts where the page wants the title held on its own beside a ledger of facts.

• The typeface. No font family is stated. The labels carry 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. Every rule is currentColor.
• Your spacing scale. The band's internal padding and the space above it are spacing presets.

• Full bleed with a 1240px measure, so the band's rules are long rules.
• Four equal columns. No widths are stated on the columns, so the facts share the row evenly and a longer value wraps to two lines inside its own column rather than pushing its neighbours about.
• The label/value pair. A 13px tracked uppercase label over a value at reading size, with a fixed 0.4rem between them, so all four pairs sit on the same two baselines.
• h1 with its own colour, because a theme's heading element style beats a colour inherited from the wrapping group.

• 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 vertical rules are borders on a group inside each column, not on the column itself, so they are on a block whose border support is not in question.