Annotated plate

Use it when

Treats the photograph as a survey surface. Numbered pins sit at fixed coordinates on a full-bleed plate and a ruled legend beneath carries the reading, which is how you show a whole property judged in one pass.

Category

Plan and record proof

Layout archetype

Full bleed

Page position

middle (derived)

Purpose

prove (derived)

Field

light (derived)

Interaction

static (derived)

Motifs

Elevation frame, Condition marker, Register, Sequence mark

Content it requires

• A wide elevation image
• Three to five points with x and y percentages
• A condition state per point
• A provenance caption

Do not use it when

• Pins are decorative and hidden from assistive technology. The legend must carry every word, and nothing may be communicated by position alone.
• Pins are dropped below 640px because they crowd. The legend has to work on its own.
• Coordinates are tied to one specific crop. Swapping the image without re-measuring the pins produces nonsense.
• Five points is the ceiling. Six starts to look like an inspection report.

Variants

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

Implementation

src/components/patterns/ProofAnnotatedPlate.astro

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

<ProofAnnotatedPlate />

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.