Heirloom keepsakes cast from a child's drawing. A warm, editorial, jewelry-box aesthetic — cream & maroon, serif elegance, restrained gold detail.
4px base unit. Generous section padding (64–96px) gives the layout its calm, editorial pace.
| Token | Value | Use |
|---|---|---|
| --space-2 | 8px | Icon-to-label gaps |
| --space-4 | 16px | Card internal padding, tight stacks |
| --space-5 | 24px | Card padding, grid gaps |
| --space-6 | 32px | Component gaps |
| --space-7 | 48px | Sub-section spacing |
| --space-8 / --space-9 | 64 / 96px | Between major sections |
| --space-10 | 128px | Hero top/bottom breathing room |
Sharp corners (2px), uppercase micro-tracked labels, generous horizontal padding. Only one filled/solid style — restraint keeps the maroon meaningful.
Material selector cards, process steps, and testimonial cards — the three recurring card patterns.
| Element | Rule |
|---|---|
| Maroon | Reserved for one primary CTA per view and headline word-emphasis. Never use as a large background outside the Stories module. |
| Gold | Metallic/material cues only — icons, rings, stars, section eyebrows. Not used for text links or buttons. |
| Serif italics | Emphasize one or two words per headline max — the technique loses power if overused. |
| Numbering (01/02/03) | Reserved for genuine sequences (the 3-step process). Don't apply to non-sequential content. |
| Corners | Sharp, 2–4px radius throughout — no pill buttons, no heavy rounding. Circles are reserved for material swatches and the hero locket motif. |
| Dividers | Small centered gold flourish (◆ or hairline + dot) under section eyebrows, used sparingly. |
| Focus blue (Dodger Blue) | System-reserved only: keyboard focus rings, form validation, checkbox/radio checked states. Never used decoratively — its high saturation exists to stand out from the warm palette on purpose. |