# 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. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/story-two-voices.html
Section: Editorial
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: cover, group, heading, paragraph
Keywords: wedding, story, how we met, couple, proposal, two voices, about us

## Variations (2)

### Two voices (the default)

Identical markup in every theme.

Both monograms in your contrast colour with base initials, labels on the label role, hairlines in currentColor between the questions, your base ground.

### Vow

This variation states its own colours and states its own type: identical in every theme.

The Vow wedding set: a wisteria band, a midnight N and a peony S drawn as italic Didot monograms, Didot questions, peony name labels over Gill Sans answers and wisteria hairlines between the rows.


---

## 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.

## 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.

## What to change first

1. **The initials and names.**
2. **The questions and answers.** Duplicate a question group to add one.

## 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.
