[Library] Spells out the facts
Spells out the facts
Labelled facts in a run: an address, opening hours, dimensions, the four things a reader has to know before anything else. 15 patterns, 18 variations between them, drawn from 7 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.
15 patterns
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Product spec cards
Three product comparison cards in a row: each card carries an empty image frame cropped to 4:3, model name, key technical attributes, pricing, and an action button. States no colour and no font of its own.
10 blocks · core only · 1 variation Preview Night cards
Thumbnail in Twenty Twenty-Five
ContactStandard
Contact ledger
A contact section with no form in it. A display-size invitation sits over four ruled rows, each a small tracked label in a narrow left column against its value in a wide right one: email, phone, studio address and opening hours, all set at the scale of content rather than of fine print. One action closes the section, and every hairline is currentColor so it follows your type. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Night ledger
Thumbnail in Twenty Twenty-Five
ContactStandard
Contact offices
A contact section for a practice with more than one room in it. Four equal bays hang from one continuous currentColor hairline, and each holds the same six lines: the city, its time zone tracked small beneath, three lines of address, its own hours and its own direct email and telephone. Nothing is central and there is no single button, because each office answers its own post. A closing rule under the four sets where deliveries go. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Offices in pairs
Thumbnail in Twenty Twenty-Five
ContactStandard
Contact split
A contact section with no form in it: the left sixty per cent is almost empty, holding a tracked label, one display invitation and a single action, and the right forty per cent is packed, three stacked groups of address, hours and direct lines hanging off one vertical hairline. The seam between the two is the design, airy against dense across a single currentColor rule, and every line of detail is text a visitor can read and copy rather than a field they have to fill. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Night split
Thumbnail in Twenty Twenty-Five
CoverStandard
Cover ledger
A full-bleed cover on your own photograph with nothing on it but a ledger of three paper plates flush along its foot: a number at display size, a small tracked label and one line on each, with the photograph showing through the gaps. No headline on the image. Ships the cover empty; you choose the photograph. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it, so the cover reads as a section and not the page.
5 blocks · core only · 2 variations Preview In motionInk ledger
Thumbnail in Twenty Twenty-Five
FooterFreeStandard
Footer ledger
A footer read as a colophon: four ruled rows run the full container width, each a small tracked label hanging in a narrow left column against its values in a wide right one. Address, contact links, social links and the legal line each take a row, the first and last rules close the ledger, and the site name sits above it at a moderate size beside one line of orientation. No link columns, no grid of boxes, and every hairline follows your type. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Night ledger
Thumbnail in Twenty Twenty-Five
HeroStandard
Hero cover rail
A full-bleed hero on your own photograph, with a 1px hairline running down the middle of the picture to divide the statement from the facts. The headline, the line of orientation and the one button sit on a 28rem measure to the left of the rule; four tracked label and value pairs sit to its right. The rule is currentColor, so it is whatever colour your theme paints the type. Ships the cover empty. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it, so the hero reads as a section and not the page.
8 blocks · core only · 2 variations Preview In motionPaper rail
Thumbnail in Twenty Twenty-Five
HeroStandard
Hero flex row
A hero built on a wrapping flex row instead of columns: one loose 30rem block holding a tracked eyebrow, a display headline and a single ruled action, and beside it four small ruled facts, each a tracked label over a short value. Because it is flex and not columns, the row reflows continuously as the window narrows rather than stepping from two columns to one at 782px: the facts fall past the headline one at a time and finish as a pair of pairs beneath it. States no colour and no font of its own.
5 blocks · core only · 2 variations Preview Night rowFacts first
Thumbnail in Twenty Twenty-Five
HeroStandard
Hero ledger
A full-bleed opening section that doubles as a spec sheet: a display headline, a short lede and one action fill the left, while the right holds three ruled rows, each a tracked label over a value set large enough to read as content rather than fine print. The rules are currentColor and the ledger closes on a bottom rule. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Night ledger
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
Page headerStandard
Page header meta
An interior-page opening for a page whose facts matter as much as its name: a small tracked kicker, a title set deliberately low, and four facts on one ruled row beneath it, divided by currentColor hairlines rather than boxed into chips. The values are set at reading size and the labels at 13px, so the row reads as a line of record rather than as decoration. No action, no image and no coloured band. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Facts beside the title
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Spec table
A two-column specification sheet in a core table, ruled between every row, hanging off one heavy rule with the section title beside it in the margin. Airy on the left, dense on the right, and every fact where a reader can run down and stop. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Stacked sheet
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Benchmark matrix
A high-density performance and latency benchmark table comparing five execution workloads across our engine, legacy systems, and industry standards, with right-aligned numeric data and a methodology footnote. States no colour and no font of its own.
4 blocks · core only · 1 variation Preview Night benchmark
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Property spec matrix
A dual-image gallery header paired with a structured property and architectural specification table, dimension breakdown, and inquiry action button. States no colour and no font of its own.
9 blocks · core only · 1 variation Preview Night property matrix
Thumbnail in Twenty Twenty-Five
Compare and tablesStandard
Split spec sheet
An image-anchored datasheet: a product photograph, summary, and download action on the left, paired with a dense technical specification table on the right. States no colour and no font of its own.
9 blocks · core only · 1 variation Preview Night spec sheet