---
name: Design Deliverable Checklist
description: Hit every literal requirement a design review/grade checks for.
---
# Design Deliverable Checklist

Design deliverables (system guides, audit reports, specs) are graded on literal presence of required elements. Run this checklist before submitting.

## Universal checks
- **Named addressee** if the brief implies one.
- **Word count band** — verify inside both floor and ceiling.
- **Labeled sections** using the brief's exact section names.
- **Concrete examples** for every abstract concept (a color token, a spacing ramp value, a type scale).

## Design-system guide specific
- Distinguish reference tokens (raw values, e.g. #2563eb) from alias/semantic tokens (intent-named, e.g. color.button.primary.bg). Give both.
- Provide concrete examples across all axes: color, spacing, typography (and ideally radius/shadow).
- List the full component-state set: default, hover, focus, active, disabled, loading, error.
- State governance: versioning + review/change-control (PRs).

## Accessibility audit specific
- Name all four WCAG POUR principles: Perceivable, Operable, Understandable, Robust.
- For each problem: state the principle violated, why it fails, and the concrete fix.
- Cover the common failures: placeholder-as-label (use real <label>), color-only error signaling (pair with text/icon), custom-control keyboard operability (semantic element/ARIA), missing focus visibility.
- State the WCAG AA contrast thresholds: 4.5:1 body text, 3:1 large text.
- State the minimum touch target size (44px).

## Final pass
Re-read the brief; tick each literal requirement. Unticked = point lost.