Skip to main content

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

TokenValuePurpose
--luxy-color-background#FFF8E7Light ivory page background.
--luxy-color-surface#FFFCF4Cards, panels, docs surfaces.
--luxy-color-surface-raised#F6EAD5Raised or grouped surfaces.
--luxy-color-text#18110EBody and heading text.
--luxy-color-muted-text#6B4E3DSupporting text.
--luxy-color-primary#A61922Primary red accent and actions.
--luxy-color-accent#0F5B45Felt green secondary accent.
--luxy-color-promotional#D4AF37Restrained 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 4px to 8px.
  • Use shared components from @luxy-creative/www-ui when a pattern appears in more than one place.