[Library] Holds your photographs
Sections built around image frames: your own pictures, in a grid, a run or behind the type. 60 patterns, 75 variations between them, drawn from 15 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.
60 patterns
Three full-width bands stacked with no gap between them, alternating between your base and your contrast colour, each holding a pair of 3:2 photograph frames with a tracked caps label, a short heading and a caption under each frame. The hard edge where one band meets the next is the only rule in the design. Ships all six image blocks empty; you choose the photographs. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Inverted bandsThree 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 cardsThree visual comparison pillars side by side: each column carries a 16:9 media frame, capability highlight, feature checklist, and conversion button, with the centre recommendation elevated with a bold border. States no colour and no font of its own.
10 blocks · core only · 1 variation Preview Night pillarsA contact section for one address you can walk to. A 3:2 frame runs off the page edge on one side, carrying the door or the street rather than a portrait, with a tracked caption under it; opposite it the facts hold a 24rem measure: the place name at display size, three lines of address, then one hairline and a short paragraph of hours and directions. No labels, no ruled rows and no form. The frame ships empty for your own photograph. States no colour and no font of its own.
8 blocks · core only · 1 variation Preview Mirrored placeSix square frames packed three across in two rows, with a tight gutter so the six read as one printed sheet, each frame numbered under a hairline rule. An airy label and one line sit well above it. Ships all six image blocks empty; you choose the photographs. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Ink sheetA short full-bleed band of looping video set between two text sections, almost empty on purpose: a 20% veil of your contrast colour over the clip and one small ink plate on the bottom-right edge carrying a tracked label and one line. Ships the cover empty; you choose the clip. States no colour and no font of its own. Ships with a paragraph of essay copy above and below, so the band reads as a break in a page.
3 blocks · core only · 2 variations Preview Paper plateStillA page opener where a full-bleed photograph gives way to a band of your theme's paper, and an ink plate carrying the eyebrow, headline, lede and button straddles the edge between them: half on the picture, half on the page. 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 cover reads as a section and not the page.
6 blocks · core only · 2 variations Preview In motionPaper lapA 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 ledgerA full-bleed cover on your own photograph with a paper plate grown out of its bottom-left corner carrying the eyebrow, headline and one line. The type never touches 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.
4 blocks · core only · 2 variations Preview In motionInk plateThree photograph frames in a row, each a cover with a small caption plate in its bottom-left corner, and the middle frame raised above the other two. The type never touches the image. Ships all three covers empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 2 variations Preview In motionInk captionsA full-bleed cover whose photograph is reduced to grain behind a display headline by a heavy veil of your theme's contrast colour. The one cover design where the type sits on the image, measured against the lightest and darkest photograph you could choose. 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 cover reads as a section and not the page.
4 blocks · core only · 2 variations Preview In motionPaper veilThe closing band that ends on a photograph. A short full-bleed cover, shipped empty, with a heavy veil of your theme's contrast colour over whatever image you point it at, and one centred ask on top of it. It is the only CTA in the library that closes a page on a picture rather than on a colour. Ships with a short hand-off row on your theme's paper below it, so the section ends and the page does not. States no colour and no font of its own.
6 blocks · core only · 2 variations Preview In motionPaper closeSix portrait frames in three columns of two, each column started lower than the one before it, so the frames read as a descending diagonal. A tracked label sits above the first column and one short line of type sits in the space the offset opens at the top of the third. Ships all six image blocks empty and cropped to 4:5; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Rising driftTwo photograph frames at deliberately unequal weight: a tall 3:4 portrait across 64% of the width and a small square at 36%, sitting on the same bottom line. The space left above the square is kept empty apart from one display numeral and a single line beneath it. Ships both images empty; you choose the photographs. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Mirrored duoA 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 slabFour feature rows, each an empty 4:3 frame set against its copy, with the seam flipping side to side down the page. The hairline that closes each row runs only under the text half, so the rule changes sides with the picture and the section never squares up on one edge. Image blocks ship empty for your own media library. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Night alternatingFour square photographs in a two-by-two grid, each one inset inside its own ruled plate with a generous mat of white space around it and a small tracked caption underneath, so the four read as framed prints rather than tiles. Ships all four image blocks empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 2 variations Preview Filled matsSix upFive portrait frames butted edge to edge with no gutter between them, running the full width of the page as one continuous band, with a constrained intro above and a small tracked caption line below. Ships all five image blocks empty; you choose the photographs, and each is cropped to 4:5. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Ink friezeA 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. Ships all four image blocks empty; you choose the photographs and they are cropped to the band. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Ink ledgerAn 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. Both image blocks ship empty with their crops set; you choose the photographs. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Mirrored spreadA fifty-fifty split in which one frame equals four: a single square on the left and a two-by-two of four squares on the right, at a tight gutter, so the two halves occupy the same rectangle. A tracked caps label and one short line sit above the pair. Ships all five image frames empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Swapped halvesAn 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 cover ships empty; you choose the image or the clip. States no colour and no font of its own.
6 blocks · core only · 2 variations Preview In motionInk apertureAn opening section whose photograph stands as a column rather than a band: a tracked eyebrow, a display headline, a lede held to a 30rem measure and two actions on the left, and on the right a single portrait cover taller than everything beside it, carrying nothing but one tracked caption on an opaque plate at its foot. The cover ships empty; you choose the picture. States no colour and no font of its own.
8 blocks · core only · 2 variations Preview Night portraitPortrait leftA 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 railA hero built on Media & Text rather than columns, so the photograph runs off the side of the screen while the words stay on the page's own measure. The picture takes 45% of the full viewport width and bleeds to the left edge; the eyebrow, the headline, the lede and the two buttons sit in a 30rem measure beside it. Ships the media frame empty; you choose the photograph. States no colour and no font of its own.
6 blocks · core only · 2 variations Preview Media rightNightA full-bleed video cover, 44rem tall, with every word of it packed into the bottom-left corner: a tracked eyebrow, a display headline held to a measure that stays 26rem up to a 1300px window and opens to 38rem on a wide one, one line of orientation and two buttons. The other four fifths of the bleed are left empty on purpose, so the clip has somewhere to be a clip and the type reads as one dense mark against it. The cover ships empty, image or video, and the veil is heavy enough that whatever you point it at, the words pass contrast. 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 whole page.
6 blocks · core only · 2 variations Preview Paper reelStillA picture-led hero that reverses the usual hierarchy: the photograph takes the wide right column at a 4:3 crop and the words are a narrow 38% caption beside it, set small and hung from the same bottom line. The headline is deliberately smaller than a hero headline usually is, because the picture is doing the asserting. The image block ships empty; you choose the photograph. States no colour and no font of its own.
8 blocks · core only · 2 variations Preview Night weightMirrored weightTwo full-bleed slabs stacked on one hard edge: an inverted band carrying an eyebrow, a display headline on a 32rem measure and two buttons, and beneath it a full-bleed picture that carries no type at all. Type and photograph never mix, so no headline can be lost against an image the buyer chooses. The cover ships empty and the block gap between the slabs is zero, so the seam stays a drawn line rather than a margin. 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.
6 blocks · core only · 2 variations Preview In motionPaper slabA full-bleed photographic opener with exactly three things on it: one two-word headline at up to 128px, a 12px tracked line sitting straight underneath it, and one button. The jump between the two type sizes is the whole composition, and a 90% veil of your contrast colour is what lets a two-word headline hold a 36rem stage whatever photograph you choose. Ships the cover empty. States no colour and no font of its own, and ends on a short hand-off row on your theme's paper.
6 blocks · core only · 2 variations Preview In motionStated washAn opening built from two identical photograph frames side by side with a hairline gutter between them. The left frame carries an opaque plate with the eyebrow, the headline and the one action; the right frame carries nothing at all. Both covers ship empty; you choose the two photographs. 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 opening reads as a section and not the page.
8 blocks · core only · 2 variations Preview Loaded rightInk plateA carousel standing still: one wide 3:2 lead frame at the full measure, a tracked label and a position counter under it, and a strip of five square thumbnails at equal width, the first one marked as current by a hairline rule beneath it. Nothing moves and nothing is hidden, so the whole set is readable at once. Ships all six image blocks empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Strip aboveOne wide 16:9 lead frame with a vertical rail of three square thumbnails beside it, tuned so the rail finishes level with the bottom of the lead, and a two-part caption row under the pair. Ships all four image blocks empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Rail leftSix priced items as a grid of cards, each an empty 4:3 frame over a title set deliberately small and a figure set at display size under it, closed by a hairline and one tracked action. The number is the largest thing on the card and the name is the smallest, which is the inverse of every other card in the library. Hand-written core blocks, so it carries workshops, rooms, tickets, plans or a menu without a plugin. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Figure shelfTen client logos in a five by two grid of ruled cells, hairlines running both ways and the frame closed on all four sides, so the band reads as a table of clients rather than a row of them. Every cell is the same fixed height and every mark is contained inside it, so a tall square logo and a long horizontal one both sit uncropped at the same optical weight. Image blocks ship empty for your own files. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Sector ledgerA social-proof band that argues as well as displays: a display-size claim and a short proof paragraph hold the wide side, and four client logos stack in a narrow ruled rail opposite. The rail is the only ruled thing in the section, so the marks read as the evidence for the sentence beside them rather than as decoration under it. Image blocks ship empty for your own files, each contained in a fixed cell so no mark is cropped. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview MastheadThree stacked 3:2 photograph frames in a wide right-hand column, each with its caption hanging in a narrow left margin, and a single 1px rule running unbroken down the join for the whole height of the section. The rule is a per-side border in currentColor, so it follows your theme's text colour. Ships all three images empty; you choose the photographs. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Notes rightTwo photographs made into one object by overlap: a tall portrait frame with a smaller landscape frame lapping over its lower-right corner, hanging past both the bottom and the right edge, and a caption plate below squaring the pair back up. Both image blocks ship empty; you point them at your own photographs. States no colour and no font of its own.
3 blocks · core only · 1 variation Preview Mirrored lapTwo 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 leadA 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 openingsA 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 feedA full-bleed band holding a narrow 34rem ribbon of four portrait frames stacked one under another, each ruled off by a hairline and captioned with a tracked title and one short line. The rest of the page width is left as air on both sides, so the section reads as a photo essay rather than a grid. Ships all four image blocks empty; you choose the photographs. States no colour and no font of its own.
3 blocks · core only · 1 variation Preview Ink proofsA display-size quotation held between two portrait frames. The centre column is the widest and the largest thing in the section; the two 3:4 frames are smaller, bottom-aligned and captioned, so they read as brackets around the sentence. No word sits on a photograph. Ships both image blocks empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Ink quoteA two-by-two photograph grid in which every frame keeps a different proportion: square, three-by-two, four-by-five and sixteen-by-nine. The columns are equal and the ratios are not, so the inner edges never line up and the bottom edge stays ragged; a tracked label and one short line sit in the largest gap the rag opens. Ships all four image blocks empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Ink ragThree stacked rows of two photograph frames each, split roughly 64/36, with the wide frame changing sides from row to row and a hairline ruling the joins. A small tracked label sits above the narrow frame in every row, so the labels alternate too. Ships all six frames empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Reversed staggerA software walkthrough in four columns: an empty 16:10 screenshot frame ruled in currentColor, then a numeral chip that laps half into the frame and half into the caption below it, then the step title and one sentence. The chip is the section's mark: it inverts to your contrast with your base on it, so it reads as a tab pressed into the bottom edge of each screen. Image blocks ship empty for your own screenshots. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Titles on the seamA 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 matrixAn 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 sheetSix people in two ruled strips of three, each a 4:5 portrait frame with the name and a tracked role beneath. The frames are held inside a hairline band ruled top and bottom, so a row reads as one strip of people rather than six cards. Image blocks ship empty; you point them at your own media. States no colour and no font of its own.
6 blocks · core only · 1 variation Preview Lead portraitOne client quote against one empty square portrait, two up on your page ground. The picture is the small half and is aligned to the foot of the row, so it starts well below the first line of the quote and the words overhang it; the quote is set at reading size rather than display size, and the name and role sit on a currentColor hairline beneath it. The image ships empty for your own media library. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Ruled footA 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 stripA 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 veilAn 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 ledgerThree 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 chaptersFive portrait frames hung in one row at deliberately unequal widths, bottom-aligned so their tops are ragged and their bases sit on one line, each with a small museum wall label beneath it: a tracked uppercase title and a line of medium and year. Ships all five images empty; you choose the photographs. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Labels above