# Build brief: Scrapbook

Resource base: https://mejohnc.org (or the preview host used to obtain this file).

Use this direction within the user’s requested project and existing design constraints.

## Illustrative use case, not project requirements
A yearly journal with dated photo groups and short notes beside each event.

A composition that organizes photographs, notes, and keepsakes as a personal record. It becomes useful when the layering helps connect an image to its story.

## Essential cues
- Paper layering
- Personal annotation
- Chronological fragments

## Recipe
- Pair every image with nearby context.
- Limit rotation to decoration.
- Keep the reading order explicit.

## Optional decoration
Personal photographs and nearby captions give the layers a reason to exist.

## Avoid
Scattering captions away from photos or turning chronology into a puzzle.

## Values and validation
Read [tokens](/territories/scrapbook/tokens.json) and [acceptance checklist](/territories/scrapbook/checklist.md). Use [the working example](/territories/scrapbook/example/) to inspect color roles, spacing, hierarchy, and interaction states. It is a UI translation, not a reproduction of historical art. Tokens describe the base UI; [example CSS](/territories/assets/example.css) contains the style-specific composition and decorative layer. Preview navigation with `?navigation=top`, `?navigation=sidebar`, or `?navigation=tabs`; combine with `project`. Use [Compare](/territories/compare/) for mobile (390 px), tablet (820 px), and desktop (1440 px) viewports.

## Delivery
Preserve real content and existing working behavior. Check keyboard, narrow layout, error, empty, and success states. Report any departures from this recipe with a reason. Do not claim to have inspected a preview or run checks that you could not access.

Schema 1.0.0; revision f5fd78058ba2.
