# ayesha-practice-site

## Layout
- `site/`: the website. Single HTML file with embedded CSS and JS.
- `assets/`: all pictures, named by story beat, each under 500KB.
- `docs/design.md`: brand rules and direction. Read before any design work.
- `docs/story-spine.md`: the six approved beats. The build implements this.
- `check-site.mjs`: run `npm run check` before publishing. It must pass.
- `shoot.mjs`: run `npm run shoot` to screenshot both widths into `docs/`.

## Critical rules
- The colours and fonts in docs/design.md are rules, not suggestions. Never substitute.
- Every picture needs an alt description. No file over 500KB.
- After significant changes, screenshot at 1440px and 390px and review both.
- Do not reorder or drop story beats without asking.
- Beat 6 must contain a working WhatsApp link. The checker verifies a link exists; you verify the number is hers.
- Any figure shown on the page must agree with any other figure it is derived from. The ledger in beat 3 and the total in beat 4 must reconcile exactly. See docs/defect-log.md, defect 6.
