Theme And Branding
@luxy-creative/brand from the main luxy monorepo is the canonical long-term brand source. This website uses @luxy-creative/www-theme as a web/docs adapter until private package consumption is wired here.
Current website tokens
| Token | Value | Purpose |
|---|---|---|
--luxy-color-background | #FFF8E7 | Light ivory page background. |
--luxy-color-surface | #FFFCF4 | Cards, panels, docs surfaces. |
--luxy-color-surface-raised | #F6EAD5 | Raised or grouped surfaces. |
--luxy-color-text | #18110E | Body and heading text. |
--luxy-color-muted-text | #6B4E3D | Supporting text. |
--luxy-color-primary | #A61922 | Primary red accent and actions. |
--luxy-color-accent | #0F5B45 | Felt green secondary accent. |
--luxy-color-promotional | #D4AF37 | Restrained gold highlight. |
Aesthetic rules
- Keep the sites light-first.
- Use ivory backgrounds and thin red/brown rules.
- Use the serif display face for major headings, not dense UI labels.
- Keep motifs subtle; avoid turning the app into a literal themed illustration surface.
- Keep border radii at
4pxto8px. - Use shared components from
@luxy-creative/www-uiwhen a pattern appears in more than one place.