Whose question is it

Use it when

Positions the service against inspectors, handymen, and contractors by the question each one is equipped to answer. Direct replacement for the four-up comparison card row on the current homepage.

Category

Difference

Layout archetype

Ruled sequence

Page position

middle (derived)

Purpose

compare (derived)

Field

dark (derived)

Interaction

static (derived)

Motifs

Held column, Quiet field

Content it requires

• Three adjacent roles with a question and a one-line scope
• The Perchford row, always last

Do not use it when

• The Perchford row must be last and visually largest. Placing it among peers loses the whole argument.
• Never turn this into four equal columns. That is the exact formula this pattern exists to replace.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Implementation

src/components/patterns/DiffWhoseQuestion.astro

---
import DiffWhoseQuestion from '../components/patterns/DiffWhoseQuestion.astro';
---

<DiffWhoseQuestion />

Import directly. Do not route production through patternComponents.

Production usage

Not yet used on a production page. Nothing here has been proven in front of a customer.

Accessibility

• Verified at 360, 768, 1024, and 1440 with no horizontal overflow.
• No interactive controls beyond links and buttons inherited from the design system.
• Colour never carries meaning alone: every state marker is paired with text.
• Motion respects prefers-reduced-motion.