# Design References — Designer Notes
**Master source:** `01_Website/` + `02_Products/` are the source of truth; every PDF/image reuses that content.
**Responsive references (this folder):** desktop 1440 · tablet 834 · mobile 390 (2×).
**Spacing:** sections 92/64/52px · container 1120/760 · radius 12/8/18.
**Type:** system sans; hero clamp(38–66px); H2 clamp(28–40px); body 16–19px.
**Color:** accent #4f46e5 / dark #8b93f8; gradient #6366f1→#4f46e5→#7c3aed. Tokens in `../css/styles.css :root`.
**Motion:** reveal-on-scroll, ease cubic-bezier(.16,1,.3,1), reduced-motion respected.
**Components/tokens:** `../05_BRANDING/STYLEGUIDE.md`, `../05_BRANDING/COMPONENTS.md`, live `../05_BRANDING/styleguide.html`.
**Editable asset source:** every rendered image has its HTML source in `../_asset_source/`; every PDF in `../03_PDF/_source/`.