Skip to content

Perchford design system

Internal, noindex
DIF-03

The second job

Problem framing. Names the four frictions of unmanaged homeownership before any solution is offered.

Untriaged
Open isolated

Use it when

Problem framing. Names the four frictions of unmanaged homeownership before any solution is offered.

Category
Difference
Layout archetype
Register grid
Page position
middle (derived)
Purpose
compare (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Register, Sequence mark, Held column, Quiet field

Content it requires

  • A statement paragraph
  • Exactly four frictions with a short title and one sentence

Do not use it when

  • This is the one place a four-up equal register is correct, because the four frictions are genuine peers with no ranking.
  • Must be followed by a pattern that resolves the tension. Never end a page here.

Variants

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

Implementation

src/components/patterns/DiffSecondJob.astro

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

<DiffSecondJob />

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.