# Comparison shared spine

> Repair and commission choices share a narrow central criteria spine, so each row compares the same question before moving on. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/compare-shared-spine.html
Section: Compare
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: button, buttons, column, columns, group, heading, paragraph
Keywords: comparison, furniture, repair, commission, criteria

## Variations (2)

### Theme (the default)

Identical markup in every theme.

The same composition in your theme’s colours and fonts.

### Rosewater and aubergine

This variation states its own colours and states its own type: identical in every theme.

Rosewater #F7E8EA, deep plum #322332 and aubergine #653D63, with Georgia headings and Arial text. The aubergine criteria spine links every row.


---

## 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 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.

## 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.

## 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.