[Library] Everything in it carries a date
Everything in it carries a date
Sections where every entry is dated: a history, an index of writing, a schedule, a record of what happened when. 23 patterns, 24 variations between them, drawn from 8 sections: 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.
23 patterns
Thumbnail 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
Thumbnail in Twenty Twenty-Five
404Standard
404 search
A 404 that offers the one thing a lost visitor can use: a working search field set at display size and running the full measure, so the field is the largest thing on the page and the apology is the caption above it. Under a rule, three recent posts from your own site, dated. The field and the three entries are dynamic core blocks, so they search and list your content; the preview here is sample data. States no colour and no font of its own.
8 blocks · core only · 1 variation Preview Beside the field
Thumbnail in Twenty Twenty-Five
HeroStandard
Hero stack rules
An opening section ruled like a ledger: three full-measure bands divided by currentColor hairlines, a tracked eyebrow and a date on the top line, the headline alone in the tall middle band at up to 104px, and a lede with two actions on the closing line. The headline is a row in a table rather than a statement floating in air. States no colour and no font of its own.
5 blocks · core only · 2 variations Preview Night ledgerDoubled rules
Thumbnail in Twenty Twenty-Five
ListingsStandard
Listing rows
A repeating ruled row for any index a visitor scans and acts on: a tracked date or label hanging in its own narrow column, the entry title beside it, two meta fields under the title, and one boxed action resting on the row's hairline at the right. Five rows, hand-written in core blocks rather than a query loop, so it works for jobs, events, episodes, documents or search results with nothing installed. States no colour and no font of its own.
8 blocks · core only · 1 variation Preview Night rows
Thumbnail in Twenty Twenty-Five
WritingStandard
Post featured lead
Two Query Loops read as one section: the newest post opens at display size with its featured image, its byline and an excerpt, and the three behind it sit in a rail beside it as ruled date-and-title lines with no picture at all. It reads your own posts, so the lead changes the moment you publish; the preview on this page shows sample posts from our demo site, not yours. States no colour and no font of its own.
12 blocks · core only · 1 variation Preview Stacked lead
Thumbnail in Twenty Twenty-Five
WritingStandard
Post grid
A run of writing as three openings across: each is an empty 3:2 image frame inset in its own mat, a hairline drawn beneath it that runs wider than the picture, and under the rule a tracked kicker, a title set tight and a date. Hand-written entries in core blocks, not a query loop, so it works on a static page and every word is yours to edit. The openings sit in a grid with an 18rem minimum column, so the run is three across on a desktop, two on a tablet and one on a phone. States no colour and no font of its own.
4 blocks · core only · 1 variation Preview Night openings
Thumbnail in Twenty Twenty-Five
Page headerStandard
Post header
Single-post furniture, built as a lit plate on an unlit band: the post's category, title and byline sit on a paper plate held to 74% of the measure, while the publication date hangs outside it on the ink, aligned to the plate's foot. Dynamic core blocks, so it shows the post it is placed on; the preview here is our sample content. Drop it into a single template, above the content. States no colour and no font of its own.
8 blocks · core only · 1 variation Preview Ruled slip
Thumbnail in Twenty Twenty-Five
WritingStandard
Post list
A run of articles as a dated index: each entry is a ruled row where a tiny widely-tracked date hangs outside the measure in its own left column, with a large title and a one-line standfirst set against it. Hand-written entries in core blocks, not a query loop, so a buyer edits the dates and titles as text. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Night index
Thumbnail in Twenty Twenty-Five
WritingStandard
Post query grid
A live Query Loop as three openings across: each post is its featured image inset in a mat, a hairline drawn beneath it that runs wider than the picture, and under the rule the post's author, its title and its date. It reads your own posts, so the six newest appear by themselves and stay current; the preview on this page shows sample posts from our demo site, not yours. States no colour and no font of its own.
9 blocks · core only · 1 variation Preview Night feed
Thumbnail in Twenty Twenty-Five
WritingStandard
Post query list
A live Query Loop as a dated index: each post is a ruled row where its date hangs outside the measure in its own left column, with the title and an excerpt set against it. It reads your own posts, so the five newest appear by themselves and stay current; the preview on this page shows sample posts from our demo site, not yours. States no colour and no font of its own.
12 blocks · core only · 1 variation Preview Night rows
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Data ledger table
A structured operational data ledger table featuring date stamps, record categories, status tags, and monetary figures, paired with header action controls. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Night ledger
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline ahead
A timeline that runs forward: six dated entries hung on one continuous currentColor hairline, three of them behind and three still to come, with the current entry set on an inverted plate so the reader can see at a glance where the work stands. The entries ahead carry the same rule and shorter copy, so the section visibly thins out toward the future. It is a history with an open end rather than a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Open road
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline archive
A history set as a contact sheet: eight square photographs four across in two tight rows, each filed under a currentColor hairline with the year in wide-tracked caps and three or four words of title. Nothing carries a paragraph. The heading and lede above are generous and set to a measure, and the sheet below is packed, so one section holds two densities. Images ship empty for your own media library. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Archive strip
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline axis
Five eras of one observatory hung across the page rather than down it. A single currentColor rule runs the full width of the section and each era hangs beneath it as a column: the year butted against the line, then a short title and two or three lines of copy. The eras are read side by side, so the reader compares them instead of scrolling through them. The rule is unbroken because the cells butt with no gutter, and each cell carries a left tick so its year reads as a mark on the axis. It is a history and not a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
3 blocks · core only · 1 variation Preview Inverted axis
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline on a cover
A whole history laid over one full-bleed photograph. Five dated entries sit on a bordered plate offset to the left of the cover, each a single ruled line of year and event, so the picture stays genuinely visible beside the record instead of turning into a texture behind it. The cover ships empty; you choose the photograph. States no colour and no font of its own, and no word ever sits on the image.
6 blocks · core only · 1 variation Preview On the veil
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline crossing
Six dated entries alternating across one continuous currentColor rule down the centre of the section: the first hangs left of the line and is set against it, the second hangs right, and so on. The rule never breaks and the reading crosses it six times, so a short list of years reads as a history rather than an inventory. It runs on above the first year and below the last entry. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Crossed plates
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline decades
A long history set as a record: four decade heads, each opened by a 2px currentColor rule and carrying five dated single-line entries under it, twenty in all. There is no vertical rail and nothing is numbered; the eras are the only structure, and the whole density of the section is the point. Where a rail timeline shows six moments, this one shows the shape of thirty years. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Eras across
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline frames
An image-led history: four dated milestones, each a portrait photograph cropped to 4:5 with its year and title on a slab beneath it, under a currentColor hairline that butts the frame. The second and fourth columns are dropped by one spacing preset, so the row reads as a drifting run with direction rather than a tidy grid of four. Ships all four image blocks empty; you choose the photographs. It is a history and not a process: nothing is numbered and nothing asks the reader to act. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Frames with a ledger
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline numerals
Five dated entries and no rule anywhere. Each year is set at display size in a narrow left column, ranged right, with the entry title and one short paragraph set at reading size immediately beside it and nothing in between. The years are the same four digits at the same size, so the column of numerals forms a hard vertical edge against the copy and does the work a hairline does in every other timeline. No border, no separator, no line of any kind. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Numerals inverted
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline parallel
Two histories run down the page together and are compared row by row: one track is the organisation itself, the other is the wider field it worked in, and a shared year sits between them. Six years, a title and one line per side, with two currentColor hairlines running the length of the record so each track is legible as its own. A header row names the two tracks once, above the entries. It is a comparison rather than a chronology: the point is what the organisation did set against what was going on around it. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview One rail, two tracks
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline rail
Six dated milestones hung on one continuous currentColor hairline: the year in a narrow column set against the rule, the event title and one short paragraph on the other side of it. The rail runs on above the first year and below the last entry, so the section reads as a length of a longer history rather than a closed list. It is a history and not a process: nothing is numbered and nothing asks the reader to do anything. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Mirrored rail
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline spread
Three eras, each given a whole editorial spread: a photograph on one side and, on the other, the date range set at display size with a title and a paragraph of copy under it. The picture changes sides between eras, and a currentColor hairline runs the full measure between one spread and the next, so three spreads read as three chapters of one document rather than three unrelated sections. The media frames ship empty; the buyer points them at their own library. States no colour and no font of its own.
4 blocks · core only · 1 variation Preview Spread as chapters
Thumbnail in Twenty Twenty-Five
TimelineStandard
Timeline stair
Six dated entries that step across the page as they descend. Each entry is indented one step further right than the one above it and carries a currentColor top rule across its own width, so the run reads as a flight of treads and the indent itself measures how far through the history you have read. Nothing is numbered and no rail is drawn. On a phone the columns stack and the staircase flattens into a plain ruled list, which is the same history at one width. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Stair reversed