[Library] Says one thing and stops

Says one thing and stops

One idea at size with nothing beside it: a statement, a quotation or a single ask, and air for the rest. 20 patterns, 28 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.

20patterns
48designs
How it behaves
What it holdsFree 2Holds your photographs 7Puts a name to it 2

20 patterns

Cover interval rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five CoverStandard

Cover interval

A 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 plateStill
Cover lap rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five CoverStandard

Cover lap

A 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 lap
Cover plate rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five CoverStandard

Cover plate

A 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 plate
Cover veil rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five CoverStandard

Cover veil

A 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 veil
CTA band rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionFreeStandard

CTA band

A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action. States no colour and no font of its own.

6 blocks · core only Preview
CTA cover rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionStandard

CTA cover

The 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 close
CTA footnote rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionStandard

CTA footnote

The smallest closing section in the catalogue: a full-bleed band on your paper, one currentColor hairline, and under it a single line holding a short sentence and a text action. No headline, no lede, no filled button. Its signature is density contrast by subtraction, for the foot of a long page that has already asked twice and should not shout a third time. The action is a core button styled flat rather than a link in a paragraph, so it carries its own colour chain instead of the theme's link colour. States no colour and no font of its own.

4 blocks · core only · 2 variations Preview Centred footnoteNight footnote
CTA ledger rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionStandard

CTA ledger

A closing ask filed as a row in a ledger rather than staged as a band: one line of business between two currentColor hairlines, with a tracked uppercase label at the left, a single sentence of ask holding the middle, and one square button at the right. No headline, no lede, no air around it, because the page above it has already made the case. On a phone the row wraps into label, sentence and button in that order. States no colour and no font of its own.

4 blocks · core only · 2 variations Preview Stacked entryNight ledger
Quiet CTA rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionStandard

Quiet CTA

A closing ask that does not raise its voice: your paper ground, a very deep band of air, one short line held to a narrow measure at the left, a text action under it, and a single hairline running the full width of the band beneath both, with the fine print hung at its far right end. The rule is the only mark in the section and it is what states the section's width. States no colour and no font of its own.

4 blocks · core only · 1 variation Preview Far-end action
CTA stamp rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Call to actionStandard

CTA stamp

A closing ask reduced to one small bordered box centred in a very deep band of empty paper. The box is a 1px currentColor outline with no ground of its own, and it is measured by its action: its width comes from the button inside it rather than from the page's grid, so the only geometry in the section is the size of the thing it asks you to click. Inside, a tracked label, three words and the button. States no colour and no font of its own.

5 blocks · core only · 2 variations Preview Night stampFilled stamp
404 page rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five 404Standard

404 page

A 404 page built as one mark: the numeral set at extreme display size in a single centred column, with the message and its heading bounded to the numeral's own optical width so the two read as one block. Nothing else on the page competes with it. States no colour and no font of its own.

5 blocks · core only Preview
Hero plate on paper rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five HeroStandard

Hero plate on paper

A hero that is a card laid on the page rather than the page's own top edge: a full-bleed band of your theme's paper with generous air on all four sides, holding one inset plate of your contrast colour that carries the whole hero, eyebrow, headline, lede and two buttons. No photograph and no cover; the authority comes from the ink ground and the paper around it. States no colour and no font of its own.

5 blocks · core only · 2 variations Preview Paper plateOffset plate
Hero quote open rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five HeroStandard

Hero quote open

A hero that opens in someone else's voice: one quoted sentence set at display size on a 44rem measure, a currentColor hairline under it, and beneath the hairline a tiny tracked attribution row and one action. Testimonials sit in the middle of a page; this puts the quotation first and makes it the first thing the page says. States no colour and no font of its own.

5 blocks · core only · 2 variations Preview Night quoteIndented quote
Hero reel rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five HeroStandard

Hero reel

A 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 reelStill
Hero statement rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five HeroStandard

Hero statement

An opening section with nothing in it but the sentence: one statement set at extreme display size on a narrow measure, a short rule under it, a single tracked meta line, and two actions. The band's own vertical air is stated rather than inherited, so the statement holds the screen on its own. States no colour and no font of its own.

5 blocks · core only · 1 variation Preview Flush left
Hero tint wash rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five HeroSignatureStandard

Hero tint wash

A 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 wash
Page header lap rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Page headerStandard

Page header lap

An interior-page opening with a tracked breadcrumb on an inverted band, then the page title and one line of orientation on a sheet of your base that laps over the band's lower edge. The breadcrumb, title and lede share one fluidly inset left edge at every width. No action, image or facts row. States no colour or font of its own.

3 blocks · core only Preview
Page header rule rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five Page headerStandard

Page header rule

The opening of an interior page, and nothing more: a tiny widely tracked breadcrumb, the page title at display size directly under it, one line of orientation held to a reading measure, and a currentColor hairline closing the whole thing. No action, no image and no coloured band, so it opens a page without competing with the section that follows it. States no colour and no font of its own.

3 blocks · core only · 1 variation Preview Hanging breadcrumb
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
Testimonial band rendered in Twenty Twenty-FiveThumbnail in Twenty Twenty-Five TestimonialsFreeStandard

Testimonial band

One client quote on a full-bleed inverted band: an oversized opening quotation mark hangs in its own margin column while the quote itself runs the full width of the band, and the attribution sits on a currentColor hairline beneath it, the name tracked wide at one end and the role at the other. States no colour and no font of its own.

4 blocks · core only · 1 variation Preview Paper band
No patterns matchClear a filter to see all 20 patterns.

All sections