Listings cover programme, Pattern Paste Canonical: https://patternpaste.com/pattern/listings-cover-programme.html Library (https://patternpaste.com/patterns/) Listings (https://patternpaste.com/patterns/listings/) Catalogue access Standard # Listings cover programme An event poster as a full-bleed cover: a heavy veil of your theme's contrast colour over the photograph, a huge event title with its dates and venue set in the top left, and below it, across the cover's full width, a dated programme of five sessions as ruled rows, each a day and time, a session title and a place. On a phone each row stacks, time above title above place, and stays ruled. 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, so the cover reads as a section and not the page. The signature moment ## The programme is on the poster An event page usually opens on a title and makes the visitor scroll for the times. This one prints the timetable on the photograph, the way a festival poster does: five rows, each a day and time, a session title and a place, stacked between hairline rules and spanning the cover edge to edge beneath the title. Scale collides with density: one enormous name at the top, a fine ruled grid of small facts at the foot. It holds in greyscale because it is made of size and rules alone. Theme handoff ## What comes from where ### Theme and pattern Inherits: every colour (veil contrast, type and rules base), the typeface, the spacing scale. Decides: the veil's opacity, the type ramp, the title's measure, the column split, the cover's minimum height. The cover states its own text colour chain so core's rule that paints cover text #fff never applies. The title is h1: this is a page opener. 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 full-bleed core/cover set like an event poster: a heavy veil of your theme's contrast colour over the photograph, a huge event title with its dates and venue in the top left, and across the cover's full width below it a dated programme of five sessions as ruled rows. The listing is the cover. ### The signature moment: the programme is on the poster An event page usually opens on a title and makes the visitor scroll for the times. This one prints the timetable on the photograph, the way a festival poster does: five rows, each a day and time, a session title and a place, stacked between hairline rules and spanning the cover edge to edge beneath the title. Scale collides with density: one enormous name at the top, a fine ruled grid of small facts at the foot. It holds in greyscale because it is made of size and rules alone. Make it yoursVariations and the edits to make first ### Variations - Programme column: the title drops to the lower left at a smaller clamp(3.5rem, 8vw, 10rem) and the programme becomes a narrow ruled column at 34% on the right, each session stacked time above title above place, the titles back on large to fit the column. Two core/columns, each stating its vertical alignment; below 782px the programme falls beneath the title. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits, what it decides Inherits: every colour (veil contrast, type and rules base), the typeface, the spacing scale. Decides: the veil's opacity, the type ramp, the title's measure, the column split, the cover's minimum height. The cover states its own text colour chain so core's rule that paints cover text #fff never applies. The title is h1: this is a page opener. Technical notesBlock mechanics, responsive behaviour and constraints ### Type on the photograph Type sits on the image only because the veil makes the ground a known quantity: contrast at dimRatio 80 under base type. The session places are body size, so they need the full 4.5:1, not the 3:1 allowed to large display type; the checker composites the veil over a white and a black photograph and the worse ground has to pass. Lower the veil below 80 and that stops being true. ### Type and hierarchy - The title is display: a bare clamp(3.5rem, 11vw, 14rem), off the theme's ladder, because its size is the composition; at 1920 it is 211px, held to a measure of clamp(18rem, 84vw, 84rem) so it breaks like a poster. - The dates and venue are paragraphs on their own clamp(1.125rem, 1.7vw, 1.875rem), the date line weighted: poster facts, not headings. - Session titles are h3 on the x-large rung, so the timetable reads from across a room; places are body copy on medium; the day and time, the edition line and "The programme" are labels with their own clamp() floored at 15px. - Hierarchy comes from size and the rules alone: nothing is set in capitals. - Every heading states its size and colour chain and nothing else. ### Layout - The cover keeps its default layout and position; its inner stack is a vertical flex group with space-between and a minimum height of clamp(40rem, 58vw, 68rem) (never vh), so the poster sits at the top and the programme at the foot. - Each session is a ruled group holding a core/columns row of three: the day and time at 22%, the title filling, the place at 26%. Below 782px the columns stack, so on a phone each row reads time above title above place and keeps its rules. - Rules are the role-rule chain ending on base, so without our theme tool they are the colour of the type. ### What a buyer changes first The photograph: choose Replace on the cover. Then the title, the dates and the venue, and the sessions. Add or remove a session by duplicating or deleting its group; the last one carries the closing rule. ### The hand-off row A short row on your theme's paper under the cover, a label and one paragraph at a 34rem measure, so the cover reads as a section and shows where it ends. It is the first thing a buyer rewrites or deletes. ### Included images The copied markup includes a WordPress Photo Directory example photograph. The public image URL keeps the example visible after pasting. Select the cover and choose Replace to use your own Media Library file. See image credits (https://patternpaste.com/image-credits/) for the source and license. Pasting an image URL does not import a Media Library attachment. 21KB of core-block markup, 6 blocks (column, columns, cover, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Start free trial to copy (https://patternpaste.com/account/#plan) What you copy is yours forever. Cancel whenever. Back to the library (https://patternpaste.com/patterns/) Catalogue access ### £70 a year Save £50 Or £10 a month All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. Start with three days of full access on sign-up, no card. Start free trial (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. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. 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 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)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)Call to action 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. (https://patternpaste.com/pattern/cta-band.html) #### Before you paste Requires a block theme on WordPress 6.7 to 7.0. 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/). #### What's inside Blocks column, columns, cover, group, heading, paragraph Core only yes Chains 64, deepest 3 rungs currentColor no color base, black, contrast, role-label, role-rule, white spacing 20, 30, 40, 50, 60, 70, 80 font-size medium, x-large Continue exploring ## Next in Listings Explore all 3 Listings patterns (https://patternpaste.com/patterns/listings/)Also in Cover (https://patternpaste.com/patterns/cover/) Shot in Twenty Twenty-Five Listings Listings Standard ### 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. 8 blocks · 1 variation Open preview (https://patternpaste.com/pattern/listing-rows.html) Night rows (https://patternpaste.com/pattern/listing-rows.html#variant=night-rows) Shot in Twenty Twenty-Five Listings Listings Standard ### Listing cards Six priced items as a grid of cards, each a 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. 6 blocks · 1 variation Open preview (https://patternpaste.com/pattern/listing-cards.html) Figure shelf (https://patternpaste.com/pattern/listing-cards.html#variant=figure-shelf)