Gallery ledger: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/gallery-ledger.html Core Patterns (https://patternpaste.com/patterns/) Gallery (https://patternpaste.com/patterns/gallery/) Catalogue access Standard # Gallery ledger A gallery set as an index rather than a grid: four ruled rows, each with a small numeral in the left margin, one panoramic 21:9 frame in the middle and a title with a tracked meta line on the right. Includes replaceable example photographs cropped to the band. ## All patterns Search patterns Loading patterns… The signature moment ## The gallery reads as a ledger Four rows, each ruled off from the one above by a 1px currentColor hairline, with an index numeral in the left margin and a meta line on the right. The section is scanned like an index of works rather than browsed like a grid: the photographs are entries in a list, not tiles on a wall, and the eye runs down the numerals and the rules instead of across a mosaic. Theme handoff ## What comes from where ### Theme and pattern Inherits: every colour (the band is a base chain, all type a contrast chain, every rule currentColor), the typeface, and the spacing scale (spacing|70 above and below the band, spacing|50 under the intro row, spacing|40 inside each row, spacing|30 between stacked columns and spacing|20 between a title and its meta line). Decides: the ledger itself. The 1240px measure and the clamp gutters; the 8 / 60 / 32 column split, which gives the frame roughly 700px at 1400 so a 21:9 band is a band and not a strip; the row rhythm, which comes from padding on the row group rather than from block gap, so the hairlines sit tight against the rows they fence; the type proportion, a 13px numeral and a 13px meta line in wide caps against a clamp(1.125rem, 1.6vw, 1.5rem) title at 1.15 with a touch of negative tracking. The title states its own clamp because it is read; the numeral and the meta line are genuinely incidental labels, both well under 30 characters, which is the only place a flat 13px belongs. 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 A gallery set as an index rather than a grid. Four ruled rows run down a full-width band: a small numeral in the left margin, one panoramic 21/9 frame in the middle, and on the right a title with a tracked place-and-year line under it. Above them an intro row carries a tracked label on the left and one short line on the right. All four core/image blocks include example photographs; choose Replace to select your own media library files and scale: cover crops whatever they upload to the band. ### The signature moment: the gallery reads as a ledger Four rows, each ruled off from the one above by a 1px currentColor hairline, with an index numeral in the left margin and a meta line on the right. The section is scanned like an index of works rather than browsed like a grid: the photographs are entries in a list, not tiles on a wall, and the eye runs down the numerals and the rules instead of across a mosaic. It survives colourlessness because the whole device is hairlines, numerals and alignment. There is no wash, no tint and no accent anywhere in it: the rules are currentColor, so they are whatever the theme paints text, and the numerals are the same colour as everything else, distinguished by size and tracking rather than by hue. Take every colour away and the ledger is still a ledger. It survives 390px because a ledger is defined by its rules, not by its columns. Core stacks core/columns below 782px, so each entry becomes numeral, then frame, then title and meta, in one ruled block. The hairline sits on the row GROUP rather than between the columns, so it does not stack with them: on a phone each entry is still fenced top and bottom, still numbered, still read in order. What is lost is the left margin, and what is kept is the index. The hairlines are per-side group borders, not core/separator blocks. Twenty Twenty-Four narrows any separator that is not is-style-wide to a centred stub, and a group border is the shape that cannot be narrowed. The last row carries a bottom border as well as a top one, so the index closes rather than trailing off. Make it yoursVariations and the edits to make first ### Variations - Ink ledger: the band inverts. A contrast chain becomes the ground and a base chain becomes every word in it, including each heading's own explicit text colour, because a theme's heading element style beats an inherited group colour and would otherwise paint the titles the same colour as the plate. The hairlines are currentColor in both files and need no change at all: they follow the type from dark-on-light to light-on-dark by themselves, which is the argument for currentColor in one line. Rows, widths, frames and everything else are identical to the base. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits, what it decides Inherits: every colour (the band is a base chain, all type a contrast chain, every rule currentColor), the typeface, and the spacing scale (spacing|70 above and below the band, spacing|50 under the intro row, spacing|40 inside each row, spacing|30 between stacked columns and spacing|20 between a title and its meta line). Decides: the ledger itself. The 1240px measure and the clamp gutters; the 8 / 60 / 32 column split, which gives the frame roughly 700px at 1400 so a 21:9 band is a band and not a strip; the row rhythm, which comes from padding on the row group rather than from block gap, so the hairlines sit tight against the rows they fence; the type proportion, a 13px numeral and a 13px meta line in wide caps against a clamp(1.125rem, 1.6vw, 1.5rem) title at 1.15 with a touch of negative tracking. The title states its own clamp because it is read; the numeral and the meta line are genuinely incidental labels, both well under 30 characters, which is the only place a flat 13px belongs. Technical notesBlock mechanics, responsive behaviour and constraints ### What a buyer changes first The photographs. All four image blocks include example photographs; choose Replace to select an image from your media library, and the 21/9 aspect ratio with scale: cover crops it. Panoramic subjects suit it; a portrait crops hard and that is the point of the proportion being set for them. Then the entries. The numerals are plain text, so an index of six is two more rows copied and renumbered, and an index of three is one row deleted; nothing else needs touching, because the rules and the rhythm belong to the rows. Keep each title short enough to hold one or two lines in a 32% column, and keep the meta line to a place and a year, or anything else under about 20 characters, so the tracking still reads as tracking. ### Measured The base and the variation both take every colour and typeface from the theme. Both were checked in the editor, rendered and looked at. ### Included images The copied markup includes WordPress Photo Directory example photographs. The public image URLs keep the examples visible after pasting. Select an image or cover and choose Replace to use your own Media Library files. See image credits (https://patternpaste.com/image-credits/) for the sources and licenses. Pasting an image URL does not import a Media Library attachment. Questions ## Gallery ledger: common questions Does Gallery ledger need a plugin? No. It is built only from core WordPress blocks (column, columns, group, heading, image and paragraph), so it pastes into the block editor with nothing to install. Will Gallery ledger match my theme? Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted. How many variations does Gallery ledger have? 2: Paper index and Ink ledger. Each is its own markup; choose one in the toolbar above the preview before you copy. Can I use my own images? Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Is Gallery ledger free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 15KB of core-block markup, 6 blocks (column, columns, group, heading, image, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £49 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Editorial Article footer The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. The name, the biography and the two neighbours are dynamic core blocks, so they are the post's own and the preview here is sample data; the portrait is an ordinary image block you swap for your author's own. The previous and next links only resolve on a single post template, which is where this pattern belongs. (https://patternpaste.com/pattern/article-footer.html)Contact Contact cover ledger A full-bleed contact cover: a display heading in the top left, and a ruled ledger of address, hours, phone and email in the far lower-right corner, label left and value right between hairline rules, with the photograph running between them. A heavy veil of your theme's contrast colour keeps every line legible whatever photograph you choose. The ledger drops under the heading on a phone. Includes a replaceable example photograph. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it. (https://patternpaste.com/pattern/contact-cover-ledger.html) #### Before you paste Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. How we test patterns (https://patternpaste.com/how-we-test/) Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Video variations need your own clip. Image credits (https://patternpaste.com/image-credits/). ## Specifications Section Gallery Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme Type From your theme Motion None Blocks column, columns, group, heading, image, paragraph Presets color 5, spacing 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in Gallery Explore all 30 Gallery patterns (https://patternpaste.com/patterns/gallery/) Shot in Twenty Twenty-Five Gallery No plugin needed ### Gallery darkroom wall A selected-work wall on a dark slab: ten photographs hung in three bands, a wide frame beside a tall one, then a staggered trio of columns where portrait and landscape frames interlock, then the first band mirrored, every band ending level. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-darkroom-wall.html) Shot in Twenty Twenty-Five Gallery No plugin needed ### The long way round Five travel photographs make a still filmstrip with alternating landscape and portrait frames, each with its own caption. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-long-way-round.html) Shot in Twenty Twenty-Five Gallery No plugin needed ### Gallery spread An editorial spread with a one-sided bleed: a tall 2:3 portrait frame runs off the left edge of the viewport while the type column beside it stops flush with the 1240px measure, and a small 3:2 frame sits under the lede. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-spread.html)