# Manifesto implementation guide

Read DESIGN.md before making design changes. demo/index.html is the runnable reference.

- Use the ivory/ink/brick palette and its full dark override.
- Build the page on a ruled sheet: visible vertical boundaries, consistent columns and aligned horizontal separators.
- Grotesque uppercase display, mono navigation and labels, sentence-case body. Use the documented local font stacks and container-relative hero type sizing.
- No rounded corners, tilted cards, blur, decorative shadows or shaded gradients. Flat repeating gradients may draw grid rules.
- Keep the architectural line study and project specimens code-native and offline.
- Preserve working project filters, native disclosures, guide toggle and independent specimen inversion.
- All links stay inside the preview. Theme switching supports both local controls and parent cyn-theme messages.
- Keep focus outlines and pressed states, respect reduced motion, and verify 360 px layout without hiding horizontal overflow.

## shadcn coverage

Use the full integration matrix and copyable stylesheet in DESIGN.md (also available as shadcn.css). Apply it to shared components and set data-design="manifesto" on html so portals inherit it. Keep provider behaviour intact, forward data-slot/data-variant, handle Sonner and DayPicker via their class-name APIs, and test all interactive states. Do not claim complete React integration from the HTML preview alone.