[Library] Editorial

Editorial

Long-form sections with a measure, a rail and room to read. 10 patterns, 7 variations between them: every variation is its own copy-paste file, one click from its pattern.

Thumbnails on this page are rendered in Twenty Twenty-Five. Your theme is applied to every live preview, on a pattern's own page.

10patterns
17designs
How it behaves
What it holdsHolds your photographs 2Holds as many entries as you have 1Says one thing and stops 1Puts a name to it 3Everything in it carries a date 1

10 patterns

Article footer rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Article footer

The close of an article: the author's name and biography inside a currentColor slip held to the middle half of the measure, with the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. Dynamic core blocks, so the author and the two neighbours are the post's own; the preview here is sample data. The previous and next links only resolve on a single post template, which is where this pattern belongs.

7 blocks · core only · 1 variation Preview Bio leads
Article opener rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Article opener

The opening of a long read: a ruled strip of tiny metadata, a headline set as large as the section allows beneath it, a standfirst, and a first paragraph that opens with a drop cap at a strict reading measure. States no colour and no font of its own.

4 blocks · core only Preview
Chapter rail rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Chapter rail

A chapter of a guide: a narrow rail on the left carries the chapter numeral at display size and a short contents list, and stays put while the prose on the right scrolls past it. The rail stacks above the text on a phone. States no colour and no font of its own.

6 blocks · core only Preview
Comments region rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Comments region

The comment thread as a ruled record: a long rule under the count, then every comment opened by a currentColor hairline with the name tracked small against a plain date, the comment set at reading size, and the reply link tracked back down to the name's size. Replies are indented by WordPress, so the hairlines step in with the depth of the thread. Dynamic core blocks, so it shows the comments on the post it is placed on; the preview here is sample data.

9 blocks · core only · 1 variation Preview Hanging byline
Content columns rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Content columns

A long-form editorial section held to a strict reading measure, with a narrow sidenote rail hanging outside it: each note sits under its own hairline beside the paragraph it annotates, and drops beneath that paragraph on a phone. States no colour and no font of its own.

6 blocks · core only Preview
Editorial lap rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialSignatureStandard

Editorial lap

A two-frame editorial spread where an inverted headline slab laps up over the first photograph and breaks out of its column. Ships image placeholders you point at your own media. States no colour and no font of its own.

7 blocks · core only · 5 variations Preview Display shoutInk and sandMirror mastheadNight sectionPaper slab
Figure break rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Figure break

A reading column interrupted by one wide photograph: the prose holds a strict measure, the figure breaks out to twice that width, and its caption hangs from a small index at the figure's left edge before the column resumes. Ships an image placeholder you point at your own media. States no colour and no font of its own.

4 blocks · core only Preview
Newsprint columns rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Newsprint columns

A magazine body: a running head on a rule, a wide headline, then the prose packed into two true text columns under it with numbered footnotes gathered on a rule at the foot. Dense where the reading is and airy where it is not. States no colour and no font of its own.

6 blocks · core only Preview
Open letter rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Open letter

A statement set as a letter: a centred eyebrow, headline and short rule open it, the body runs left-aligned at a generous size and line height down one narrow measure, and it closes with a sign-off set in italic at display size. States no colour and no font of its own.

4 blocks · core only Preview
Quote break rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five EditorialStandard

Quote break

A reading column broken by one quotation: two hairlines run wider than the measure and between them the line is set at display size, with its source on a short rule beneath, before the prose resumes at its own width. States no colour and no font of its own.

3 blocks · core only Preview
No patterns matchClear a filter to see all 10 patterns.

All sections