# Rally implementation guide

Read DESIGN.md. Use demo/index.html for the storefront and demo/system.html for the design specimen.

- Keep Anton headings, plain sans body, cream/ink anchors and flat pink/yellow/lilac/mint blocks.
- Use crisp 1.5–2 px outlines, small radii and hard 3–5 px offset shadows. No blur, glass, clay shading or gradient materials.
- Illustrations must be original, code-native and offline. Do not reuse another brand's logo or characters.
- Apply shadcn.css to shared primitives via html[data-design="rally"], retaining data-slot, data-variant, native behaviour and provider-specific state mapping.
- Preserve functioning filters, local basket, native dialog, theme switch, focus outlines and reduced motion. Do not add payment or external communication to this fictional demo.
- Check light/dark and 360 px/tablet layouts, including long headings, basket and focus states.
- Keep FONT-LICENSE.txt with redistributed Anton font data.