# Answers beside an invitation

> A membership FAQ that ends in an invitation: a tracked label, a two-line display title and a short lead run down the left, then five always-open rows, each with the question on the left and its answer opposite, sit in a wide column beside a rounded panel inverted to your contrast that asks the reader to come and visit, with a heading, a line of copy, a button and a small promise. The panel drops below the questions on a phone and the question and answer stack. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/faq-invitation.html
Section: FAQ
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: button, buttons, column, columns, group, heading, paragraph
Keywords: faq, questions, answers, membership, visit, contact, co-working

## Variations (2)

### Answers beside an invitation (the default)

Identical markup in every theme.

Five open rows ruled in currentColor on your base, and the invitation panel inverted to your contrast with its button inverting back.

### Common ground

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

States its own colours and Arial face: plum lettering on blush, soft plum hairlines and a plum invitation panel. Take the base for your theme's colours and type.


---

## The signature moment: the invitation stands beside the answers

The questions are not the end of the page. While the reader works down the
rows, the panel sits level with the first of them, heavy and inverted, so the
section reads as a conversation that finishes with "come and see".

## Mechanics worth knowing

- Each row is a two-column grid with a 14rem minimum: question left, answer
  right on a desktop, stacked in the narrower column at tablet width and on a
  phone. Rows are ruled top and bottom in `currentColor`.
- The body is `core/columns` at 60/40, so below 782px the panel drops beneath
  the questions.
- The panel inverts to your contrast; its button inverts back to your base.
  The button's corner is your theme's.

## The variations

- **Answers beside an invitation** (base): your base and contrast.
- **Common ground**: states its own colours, plum on blush with a plum panel
  and soft plum hairlines. Like the Designed original, the body uses Arial and
  the headings use semibold Arial.

## Contrast

Text is `contrast` on `base` (4.5:1 in any theme honouring the pair), the
panel the inverse. Common ground is #42253e on #f8edf0 and #fff1ee on #42253e,
both above 10:1.