Story two voices: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/story-two-voices.html Core Patterns (https://patternpaste.com/patterns/) Editorial (https://patternpaste.com/patterns/editorial/) Catalogue access Standard # Story two voices How we met, told twice: two monogram circles head two columns, Nell and Sam, then three questions set across the full width, each answered once by each of them side by side, the answers disagreeing a little. On a phone the answers stack and each keeps its name label. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The initials and names. - The questions and answers. Duplicate a question group to add one. The signature moment ## Two accounts of the same moment, side by side under one question Each question is a centred heading over a two-cell grid, the first voice's answer on the left and the second's on the right, so the reader compares them line by line and the small disagreements are the joke. The voices are headed by a monogram, an initial in a circle drawn with a plain colour core/cover, never a photograph of a face. On a phone the answers stack, and each keeps its name label so the voices stay clear. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. ### Set by this pattern - The heading. - The answers' measure. - The grid. 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 couple's "how we met", told by both of them. Two monogram circles head two columns, one for each voice, and three questions run across the full width, each answered once by each partner side by side. It sits in the editorial section beside testimonial-stagger (two voices offset, no shared question), team-studio-partners (partners paired with their own words, no question rows) and faq-dialogue (question and answer marks, one answer): none sets two answers to the same question. ### The signature moment: two accounts of the same moment, side by side under one question Each question is a centred heading over a two-cell grid, the first voice's answer on the left and the second's on the right, so the reader compares them line by line and the small disagreements are the joke. The voices are headed by a monogram, an initial in a circle drawn with a plain colour core/cover, never a photograph of a face. On a phone the answers stack, and each keeps its name label so the voices stay clear. Make it yoursVariations and the edits to make first ### What to change first - The initials and names. - The questions and answers. Duplicate a question group to add one. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. Your base ground with contrast type; the monograms are circles of your contrast colour with base initials, which the circle guarantees. Labels are on the label role, falling through to contrast. The hairlines between questions are currentColor. ### What it decides for itself - The heading. The xx-large rung; the questions x-large, the names large: hierarchy, so all on the ladder. - The answers' measure. Each answer is held to 34rem, well under 75 characters a line. - The grid. minimumColumnWidth: 22rem, so two across from a tablet up (never three) and one on a phone. Technical notesBlock mechanics, responsive behaviour and constraints ### The Vow look Part of the Vow Pattern Set, a couple's whole wedding website in one design language: wisteria white #f7f5fb ground, midnight #1f2240 ink, dusk #555a78 muted ink, card white #ffffff on a wisteria hairline #d9d3e6, peony #a8365a labels on light grounds and pale peony #f2b8c9 on the midnight slab. Names and headings are Didot at 400 with an italic ampersand; body, labels and buttons are Gill Sans. Buttons are square midnight rectangles or underlined peony links; cards and photographs are square. Every text pair is measured on the ground it is painted on. Take the base for your theme's colours, or the look's Use my theme chip. ### Notes - Core blocks only: group, cover, heading, paragraph. No photograph. Questions ## Story two voices: common questions Does Story two voices need a plugin? No. It is built only from core WordPress blocks (cover, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Story two voices match my theme? Choose by variation. Two voices takes your theme’s palette; Vow brings its own colours. How many variations does Story two voices have? 2: Two voices and Vow. 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 Story two voices free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 19KB of core-block markup, 4 blocks (cover, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £119 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 ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £119 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)Blog Post featured lead Two 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. (https://patternpaste.com/pattern/post-featured-lead.html)Call to action Callout response clock A call-out section where the day is drawn to scale: a label, heading and a call button over one framed bar of three segments whose widths are their hours, 8am to 6pm, 6pm to midnight and midnight to 8am. Each segment carries its hours, how long we take to arrive at display size and the call-out fee under a hairline, and one line under the bar gives the hourly rate after that. On a phone the bar stacks into three rows that still name their hours. States no colour and no font of its own. (https://patternpaste.com/pattern/callout-response-clock.html) #### Before you paste Requires a block theme on WordPress 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/). ## Specifications Section Editorial Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks cover, group, heading, paragraph Presets color 5, font-size 4, spacing 4 WordPress 7.0+ Continue exploring ## Next in Editorial Explore all 13 Editorial patterns (https://patternpaste.com/patterns/editorial/)Also in Team (https://patternpaste.com/patterns/team/) Shot in Twenty Twenty-Five Editorial No plugin needed ### 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. Editorial Preview pattern (https://patternpaste.com/pattern/quote-break.html) Shot in Twenty Twenty-Five Editorial No plugin needed ### 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. Editorial Preview pattern (https://patternpaste.com/pattern/article-footer.html) Shot in Twenty Twenty-Five Editorial No plugin needed ### Article opener The opening of a long read: a ruled strip of tiny metadata, a headline set as large as the section allows beneath it, a standfirst, and a first paragraph that opens with a drop cap at a strict reading measure. Editorial Preview pattern (https://patternpaste.com/pattern/article-opener.html)