Open book, Pattern Paste Canonical: https://patternpaste.com/pattern/faq-open-book.html Core Patterns (https://patternpaste.com/patterns/) FAQ (https://patternpaste.com/patterns/faq/) Catalogue access Standard # Open book A reading-room FAQ with every answer already open: a small tracked label, a centred display title and a short introduction stand over a two-column grid of four questions, each hung from a hairline with a topic label, the question at heading size, the answer at reading size and a quiet ruled aside beneath it. A band inverted to your contrast closes the section with one line and a button. The grid drops to one column on a phone. States no colour and no font of its own. ## All patterns Search patterns Loading patterns… The signature moment ## Every answer is already open, hung from a hairline with a ruled aside Each question hangs from a full-width hairline: a tracked topic label, the question at heading size, the answer at reading size, then a short note set off by a vertical rule on its left. The two columns read like facing pages; the aside is the second voice, the thing a publisher would pencil in the margin. 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 reading-room FAQ in which nothing is folded away. A centred masthead (tracked label, display title, short introduction) stands over a two-column grid of four questions, and a band inverted to your contrast closes the section with one line and a button. ### The signature moment: every answer is already open, hung from a hairline with a ruled aside Each question hangs from a full-width hairline: a tracked topic label, the question at heading size, the answer at reading size, then a short note set off by a vertical rule on its left. The two columns read like facing pages; the aside is the second voice, the thing a publisher would pencil in the margin. Make it yoursVariations and the edits to make first ### The variations - Open book (base): your base and contrast, hairlines in currentColor. - Margin press: states its own colours, forest green on warm paper with sage hairlines and a green band. Like the Designed original, the body uses Arial and the title and questions use Georgia. Theme behaviourInheritance, fixed decisions and contrast ### Contrast Text is contrast on base (4.5:1 in any theme honouring the pair), the band the inverse. Margin press is #294337 on #f3f0e7 and the reverse, above 9:1. Technical notesBlock mechanics, responsive behaviour and constraints ### Mechanics worth knowing - The grid is core/group in grid layout, two columns with a 17rem minimum, so it holds two columns at tablet width and drops to one on a phone. - The display title is off the ladder on purpose (a bare clamp()), because its size is the composition; the questions sit on x-large, the answers on medium. - The closing band inverts to your contrast and its button inverts back to your base, so it reads in every theme. Questions ## Open book: common questions Does Open book need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Open book match my theme? Choose by variation. Open book takes your theme’s palette; Margin press brings its own colours. How many variations does Open book have? 2: Open book and Margin press. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Open book 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, 5 blocks (button, buttons, 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, group, heading, paragraph Presets color 5, spacing 6, 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 measure A single column of seven native disclosure rows running the full 1240 measure, ruled between and above and below. FAQ Preview pattern (https://patternpaste.com/pattern/faq-measure.html) Shot in Twenty Twenty-Five FAQ No plugin needed ### Open index A FAQ with nothing to click: six numbered entries run down the band as a two-column ledger, the index number and the question on the left, the answer opposite at reading size on a bounded measure, and a wide hairline closing every row. FAQ Preview pattern (https://patternpaste.com/pattern/faq-open-index.html) Shot in Twenty Twenty-Five FAQ No plugin needed ### FAQ pillars A three-column architectural layout organizing questions by topic into vertical pillars. FAQ Preview pattern (https://patternpaste.com/pattern/faq-pillars.html)