Start here
What to change first
- 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.
- The kicker. One or two words.
- The title. Built for four to six words at this size, on a 46% measure.
- 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.
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.
Theme handoff
What comes from where
From your theme
- The typeface.
- Your colours.
- Your spacing scale.
- The title's size.
Set by this pattern
- Full bleed with a 1240px measure
- 46/54.
- 42/58 inside the ledger
- The title is deliberately quiet.
h1with its own colour- Bottom aligned.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
The opening of an interior page whose facts matter as much as its name, split in two: a kicker and the title hold the left 46% on their own, and the right 54% carries the facts as a ruled ledger, label against value, one line each. A job posting, an event, a document, a project. Core blocks only: core/group, core/paragraph, core/heading, core/columns, core/column.
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.
Make it yoursVariations and the edits to make first
What to change first
- 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/groupwith 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. - The kicker. One or two words. It names the kind of page, which is what lets the title be the specific thing.
- The title. Built for four to six words at this size, on a 46% measure.
- 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.
Theme behaviourInheritance, fixed decisions and contrast
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.
basefor the paper,contrastfor the type, both chains ending on a colour WordPress guarantees; the kicker and the labels takerole-labeland fall through to the samecontrast. Every rule iscurrentColor. - 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-largeas a two-rung chain with a tunedclamp()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.
h1with 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: bottomon the inner columns, so the two type sizes agree along the bottom of each line rather than along the top.
Technical notesBlock mechanics, responsive behaviour and constraints
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/separatoris 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.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…