# Build brief: Art Deco

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 cinema program with stepped borders and a clear screening schedule.

A decorative vocabulary of stepped geometry, symmetry, and stylized luxury. Its screen adaptation works best as a frame around content rather than an all-over effect.

## Essential cues
- Stepped forms
- Symmetry
- Geometric ornament

## Recipe
- Build a symmetrical title composition.
- Use metallic color as a flat accent.
- Pair a decorative heading with restrained body text.

## Optional decoration
A repeatable geometric frame is more useful than many stock ornaments.

## Avoid
Gold-on-gold text, excessive hairlines, or substituting generic luxury styling for the geometric structure.

## Values and validation
Read [tokens](/territories/art-deco/tokens.json) and [acceptance checklist](/territories/art-deco/checklist.md). Use [the working example](/territories/art-deco/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.