# FAQ plate

> An FAQ designed as an isolated focal plate. A clean group container with a subtle 1px currentColor border and generous inner clamp padding houses a top header row with a support action, followed by five enclosed disclosure rows with internal dividing hairlines. Designed to drop cleanly onto varied background surfaces or between complex page sections without bleeding. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/faq-plate.html
Section: FAQ
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: button, buttons, column, columns, details, group, heading, paragraph, separator
Keywords: faq, questions, answers, plate, card, contained, box, support

## Variations (2)

### Contained plate (the default)

Identical markup in every theme.

A framed 1px currentColor plate holding a split header, direct support action, and five ruled disclosure rows on your theme's base ground.

### Night plate

Identical markup in every theme.

The contained plate inverted: contrast ground, base text, and the 1px border following in currentColor.


---

## The signature moment: the whole inquiry framed inside a single elevated plate

Rather than letting the questions bleed to the band's edges, the entire inquiry
lives inside a self-contained bordered plate. The top of the card pairs the section
heading with a secondary support prompt and action button, establishing a dedicated
service hub. Below the divider, five native `core/details` rows expand smoothly
within the card container.

This contained card format allows the FAQ to be dropped cleanly onto varied background
surfaces or between complex visual sections without losing cohesion.

## Mechanics worth knowing

- **Self-contained plate.** Uses an inner `core/group` with `border-width: 1px` and
  `border-color: currentColor`. Horizontal and vertical padding are responsive clamps,
  preserving internal proportions across all viewports.
- **Split header row.** The card header divides the section title and intro from a
  direct support action using `core/columns` with 62% and 38% widths.
- **Button typography.** The button inherits the theme's button elements and states
  no hardcoded radii or colors.

## The variations

- **Night plate.** The entire section inverts: `contrast` background with `base`
  type, and the 1px card border following in `currentColor`.

## What it inherits from your theme

- **Typeface.** Inherits font styles from the active theme.
- **Palette.** Built on standard `base` and `contrast` token fallback chains.
- **Corner styles.** Supports global corner radius via theme controls (`finish.corners`).

## What it decides for itself

- **The contained plate enclosure.** 1px border and custom clamp padding.
- **Split header layout.** 62% heading column and 38% contact action column.
- **Reading measure.** 34rem right-padding boundary on answer paragraphs.

## What you change first

1. **The questions.** Five disclosure rows addressing primary client uncertainties.
2. **The support action.** Link the "Talk to our team" button to your contact page or chat widget.
3. **The intro copy.** Tailor the heading and subhead to your product context.

## Contrast

All text and border elements meet or exceed WCAG 2.1 AA requirements across standard and inverted themes.