FAQ plate, Pattern Paste Canonical: https://patternpaste.com/pattern/faq-plate.html Library (https://patternpaste.com/patterns/) FAQ (https://patternpaste.com/patterns/faq/) Catalogue access Standard # 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. Start here ## What you change first - The questions. Five disclosure rows addressing primary client uncertainties. - The support action. Link the "Talk to our team" button to your contact page or chat widget. - The intro copy. Tailor the heading and subhead to your product context. 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. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Corner styles. ### Set by this pattern - The contained plate enclosure. - Split header layout. - Reading measure. 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 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 contact action, followed by five enclosed disclosure rows with internal dividing hairlines. ### 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. Make it yoursVariations and the edits to make first ### The variations - Night plate. The entire section inverts: contrast background with base type, and the 1px card border following in currentColor. ### What you change first - The questions. Five disclosure rows addressing primary client uncertainties. - The support action. Link the "Talk to our team" button to your contact page or chat widget. - The intro copy. Tailor the heading and subhead to your product context. Theme behaviourInheritance, fixed decisions and contrast ### 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. ### Contrast All text and border elements meet or exceed WCAG 2.1 AA requirements across standard and inverted themes. Technical notesBlock mechanics, responsive behaviour and constraints ### 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. 13KB of core-block markup, 9 blocks (button, buttons, column, columns, details, group, heading, paragraph, separator), 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 Pricing Pricing cover menu A screen-height cover with three plans set on it like a restaurant menu: a heavy veil of your theme's contrast colour over the photograph, a display headline in the lower left and a narrow ruled price list in the right-hand column, each plan a name and its price on one line and a sentence beneath, hairline rules between, one button under the list. The list drops beneath the headline on a phone. Includes a replaceable example photograph and placeholder prices. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it. (https://patternpaste.com/pattern/pricing-cover-menu.html)Tables Compare matrix A capability matrix in a core table: one row per capability, one column for each of the two plans people choose between, and a mark in every cell, with a third plan named in one line under the table instead of a fourth column that would ladder its row headers on a phone. The recommended column is announced by a two-pixel bracket that stands over it and hands off to the table's own hairlines, so nothing is filled and nothing is coloured. Three fixed columns hold roughly 117 pixels each at 390. States no colour and no font of its own. (https://patternpaste.com/pattern/compare-matrix.html)Compare Compact comparison rows A mobile-first responsive comparison layout using stacked capability cards: each row pairs a feature title and summary with a side-by-side comparison block, avoiding horizontal table scrolling on small screens. States no colour and no font of its own. (https://patternpaste.com/pattern/compare-compact-rows.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/) #### What's inside Blocks button, buttons, column, columns, details, group, heading, paragraph, separator Core only yes Chains 18, deepest 3 rungs currentColor yes color base, black, contrast, role-label, white spacing 20, 30, 50, 80 font-size medium, xx-large Continue exploring ## Next in FAQ Explore all 13 FAQ patterns (https://patternpaste.com/patterns/faq/) Shot in Twenty Twenty-Five FAQ FAQ Standard ### FAQ pillars A three-column architectural layout organizing questions by topic into vertical pillars. 7 blocks · 1 variation Open preview (https://patternpaste.com/pattern/faq-pillars.html) Night pillars (https://patternpaste.com/pattern/faq-pillars.html#variant=night-pillars) Shot in Twenty Twenty-Five FAQ FAQ Standard ### FAQ spotlight A FAQ with one question promoted to display size: a tracked eyebrow, the question everyone asks set at up to 64px across the full measure, and its answer always visible beneath at a bounded measure. 7 blocks Open preview (https://patternpaste.com/pattern/faq-spotlight.html) Shot in Twenty Twenty-Five FAQ FAQ Standard ### FAQ bento An asymmetric bento layout pairing a large featured lead card on the left with four compact question tiles on the right. 6 blocks · 1 variation Open preview (https://patternpaste.com/pattern/faq-bento.html) Night bento (https://patternpaste.com/pattern/faq-bento.html#variant=night-bento)