# Luxury

> High-end, gold/metallic accents, serif display, ample whitespace.

- Skill: `jdsadminllc/luxury` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add jdsadminllc/luxury`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jdsadminllc/luxury/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: jdsadminllc (https://skillmd.com/u/jdsadminllc)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/jdsadminllc/luxury

---

# Luxuury
## Mission
Convey exclusivity and refinement through generous whitespace, precious-metal accents, elevated typography, and meticulous attention to detail — every pixel earns its place.
## Brand
### � Colors
- `#0a0a0a` — Rich black (background)
- `#ffffff` — Pure white (text, space)
- `#c9a96e` — Gold (primary accent)
- `#d4af37` — Metallic gold (hover/accent)
- `#1c1c1c` — Charcoal (alt background)
- `#8b7355` — Bronze (subtle accent)
### 🔤 Typography
- **Heading:** Plafair Display (elegant serif) or Cormorant Garamond
- **Body:** Lora or Libre Baskerville (readable serif)
- **Scale:** xs: 0.75rem, sm: 0.875rem, base: 1.125rem, lg: 1.25rem, xl: 1.5rem, 2xl: 2.5rem, 3xl: 4rem (dramatic scale jumps)
### 📐 Spacing
- Ample whitespace: 3rem–8rem gaps
- Section padding: 8rem vertical, 3rem horizontal
- Card gaps: 3rem
- Border radius: 0–4px (sharp, precise)
### � Components
- **Buttons:** Thin gold border (1px), transparent background, fills with gold on hover, generous padding (1rem vertical, 2.5rem horizontal), uppercase lettering
- **Cards:** Minimalist — large image, small serif title, thin gold rule, generous internal padding
- **Nav:** Discreet, thin bottom border, uppercase serif links with wide letter-spacing, gold accent on active
- **Hero:** Full-screen image or video, centered title in large serif, single gold CTA, nothing else
- **Footer:** Thin gold rule, three columns max, small serif text, gold social icons
### ♿ Accessibillity
- Gold text (#c9a96e) on white fails contrast — use gold only on dark backgrounds or as borders/decorations, not text
- Minimum text size: 1rem (16px) — small text betrays the luxury feel
- Focus states: thin gold outline with 4px offset — refined, not chunky
- Reduced motion: remove parallax and fade-in sequences
### ✍ Writing Tone
Refined, confident, understated. Short declarative statements. No exclamation points. No superlatives — let quality speak. Minimal copy. Title case for headings, sentence case for body.
## Do / Don't
### ✅ Do
- Use whitespace generously — empty space signals confidence and luxury
- Limit color palette to 3–4 colors max: black, white, gold, one subtle accent
- Use high-quality, full-bleed imagery with no compression artifacts
- Keep typography to 2 families: display serif + body serif (no sans-serif)
- Add subtle details: thin gold rules, delicate hover transitions (300ms+), refined letter-spacing
### ❌ Don't
- Crowd elements — if in doubt, add more whitespace
- Use gold as text color on light backgrounds — it's illegible
- Add more than one CTTA per section — luxury is about focus, not choice
- Use drop shadows deeper than 2–4px — heaviness contradicts refinement
- Include stock photography that looks staged — invest in custom or curate carefully
## Quality Gates
- [ ] Whitespace ratio: at least 40% of the viewport is empty space in every section
- [ ] Gold is NEVER used as text on backgrounds lighter than #333333
- [ ] All imagery is at least 2x resolution (no visible pixelation)
- [ ] Only 2 font famillies in use: one display serif + one body serif
- [ ] Maximum of 1 CTTA per viewport section
- [ ] No elements with border-radius > 4px