Answers beside an invitation, Pattern Paste Canonical: https://patternpaste.com/pattern/faq-invitation.html Core Patterns (https://patternpaste.com/patterns/) FAQ (https://patternpaste.com/patterns/faq/) Catalogue access Standard # 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. ## All patterns Search patterns Loading patterns… 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". 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 membership FAQ that ends in an invitation: a tracked label, a two-line display title and a short lead, then five always-open question rows in a wide column beside a rounded panel, inverted to your contrast, that asks the reader to come and visit. ### 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". Make it yoursVariations and the edits to make first ### 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. Theme behaviourInheritance, fixed decisions and contrast ### 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. Technical notesBlock mechanics, responsive behaviour and constraints ### 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. Questions ## Answers beside an invitation: common questions Does Answers beside an invitation need a plugin? No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Answers beside an invitation match my theme? Choose by variation. Answers beside an invitation takes your theme’s palette; Common ground brings its own colours. How many variations does Answers beside an invitation have? 2: Answers beside an invitation and Common ground. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Answers beside an invitation free? It is included with a subscription, with every Core Pattern and variation. 50 Core Patterns are free to copy without one. Which WordPress version does it need? 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. 14KB of core-block markup, 7 blocks (button, buttons, column, columns, 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. Cancel whenever. 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. Cancel whenever. 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. 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 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/) ## Specifications Section FAQ 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 button, buttons, column, columns, group, heading, paragraph Presets color 5, spacing 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in FAQ Explore all 15 FAQ patterns (https://patternpaste.com/patterns/faq/) Shot in Twenty Twenty-Five FAQ No plugin needed ### FAQ index An editorial inquiry index structured as full-width ruled rows. FAQ Preview pattern (https://patternpaste.com/pattern/faq-index.html) Shot in Twenty Twenty-Five FAQ No plugin needed ### Lead question, rest on a rail One question answered in full with the other eight on a rail beside it: a tracked eyebrow, a question set at up to 56px and an answer that is always open hold a 55% column, and eight small disclosure rows run down a single ruled 45% column on the right, starting on a rule so the rail reads as a table from its first line. FAQ Preview pattern (https://patternpaste.com/pattern/faq-lead-rail.html) Shot in Twenty Twenty-Five FAQ No plugin needed ### FAQ ledger A display headline over three topic rows. FAQ Preview pattern (https://patternpaste.com/pattern/faq-ledger.html)