Skip to content

Perchford design system

Internal, noindex
CAR-03

Visit record

A dated record of one visit, showing completed work, observations, and the item now waiting on a homeowner decision.

Untriaged
Open isolated

Use it when

A dated record of one visit, showing completed work, observations, and the item now waiting on a homeowner decision.

Category
Care
Layout archetype
Held column
Page position
middle (derived)
Purpose
explain (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Condition marker, Quiet field

Content it requires

  • Five entries mixing completed, noted, and needs-decision states

Do not use it when

  • At least one entry should need a decision. A record where everything is done is not credible.
  • State labels are text, never colour alone. Keep the label if you restyle the marker.

Variants

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

Implementation

src/components/patterns/CareVisitRecord.astro

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

<CareVisitRecord />

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.