Comparison shared spine, Pattern Paste Canonical: https://patternpaste.com/pattern/compare-shared-spine.html Core Patterns (https://patternpaste.com/patterns/) Compare (https://patternpaste.com/patterns/compare/) Catalogue access Standard # Comparison shared spine Repair and commission choices share a narrow central criteria spine, so each row compares the same question before moving on. ## All patterns Search patterns Loading patterns… The signature moment ## The criteria run down the seam between the choices Each ruled row holds a repair answer, its central criterion and a new-commission answer. The narrow painted spine runs through the full row sequence. On a phone each row remains a single bounded unit, with explicit Repair and Make new labels so the association survives stacking. 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 Repair and commission choices share a narrow central criteria spine, so each row compares the same question before moving on. ### The signature moment: the criteria run down the seam between the choices Each ruled row holds a repair answer, its central criterion and a new-commission answer. The narrow painted spine runs through the full row sequence. On a phone each row remains a single bounded unit, with explicit Repair and Make new labels so the association survives stacking. Theme behaviourInheritance, fixed decisions and contrast ### Display type The introduction follows the theme’s heading ladder. The criterion and option labels are bold 15px paragraphs, while each answer uses the medium body rung. Technical notesBlock mechanics, responsive behaviour and constraints ### Theme inheritance The Core payload follows the theme’s base ground, contrast ink, heading face and button treatment. Its painter lets heading and link colour follow a recolour. Text is intended for 4.5:1 contrast, with 3:1 reserved for large display type. ### Styled look Rosewater #F7E8EA, deep plum #322332 and aubergine #653D63, with Georgia headings and Arial text. The aubergine criteria spine links every row. Every action is deliberately filled or underlined. The Core payload preserves the same layout as the theme route. ### Editing Edit each matched row as a unit: left answer, centre criterion, right answer. Keep the option labels beside their answers for phone readers. The balanced closing recommendation is ordinary text. Questions ## Comparison shared spine: common questions Does Comparison shared spine 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 Comparison shared spine match my theme? Choose by variation. Theme takes your theme’s palette; Rosewater and aubergine brings its own colours. How many variations does Comparison shared spine have? 2: Theme and Rosewater and aubergine. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Comparison shared spine free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. Which WordPress version does it need? Requires a block theme on WordPress 7.0 to 7.1. 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, £49 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 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. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. 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 Donate impact tiers Four donation cards for a charity, each amount set at display size over what it pays for, one plain line of how, and a Donate button on the foot. The third card is inverted as the most given gift, and a note under the cards carries the charity number, Gift Aid and a link to give another amount. States no colour and no font of its own. (https://patternpaste.com/pattern/donate-impact-tiers.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)Features Appointment letter checklist What to bring to a first appointment, set as the confirmation letter itself: a card with the booking's details written into ruled blanks (date, time, who, where, length and fee) and a checklist of empty squares to tick the night before, beside a short introduction. States no colour and no font of its own. (https://patternpaste.com/pattern/appointment-letter-checklist.html) #### Before you paste Requires a block theme on WordPress 7.0 to 7.1. 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 Compare 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 4, font-size 2 WordPress 7.0+ Continue exploring ## Next in Compare Explore all 8 Compare patterns (https://patternpaste.com/patterns/compare/) Shot in Twenty Twenty-Five Compare No plugin needed ### Comparison service fork One repair question splits into a short workshop route and a longer home-visit route, then rejoins at a shared promise. Compare Preview pattern (https://patternpaste.com/pattern/compare-service-fork.html) Shot in Twenty Twenty-Five Compare No plugin needed ### Side by side comparison Two comparative cards side by side: the conventional method on the left with quiet styling, and your recommended approach on the right with a bold border, a badge pill, checkmark points, and a primary action button. Compare Preview pattern (https://patternpaste.com/pattern/compare-side-by-side.html) Shot in Twenty Twenty-Five Compare No plugin needed ### Tier comparison cards Three membership tier cards side by side: each card features a tier badge, price headline, ruled checklist of privileges, and a dedicated action button. Compare Preview pattern (https://patternpaste.com/pattern/compare-tier-cards.html)