Live demo — an original page built in the Luxury style. Open in new tab
Luxury
An opulent, refined design system with deep tones, metallic gold accents, and exclusive typography that signals premium craft and prestige.
Install via CLI
$ npx staqd add luxuryRequires Pro — after subscribing, run npx staqd login to authenticate.
Pro skill
from $12/mo
$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.
Inside this skill
Luxury is restraint turned into prestige. Deep, near-black surfaces, airy serif typography, and sparing strokes of metallic gold create a sense of rarity and craft — the digital equivalent of a heavy embossed card. Reach for it when the brand sells aspiration: premium products, exclusive memberships, and high-end editorial where every pixel should feel deliberate and expensive.
Design principles
- Restraint signals value. Use less, space it generously, and let emptiness feel intentional.
- Metallic accents are precious. Gold appears in thin rules, fine borders, and single highlights — never as a flood.
- Serif elegance. Refined typefaces and airy tracking carry the sense of craft.
- Deep, quiet darkness. Rich near-black surfaces make light, text, and gold feel luminous.
- Hairline detail. Thin dividers and fine borders convey precision over heaviness.
- Slow, graceful motion. Nothing rushes; transitions feel composed and confident.
Color
The base is a deep near-black (#0E0E10) with a slightly lifted charcoal surface (#1A1A1E) for cards and panels, giving depth without ever feeling flat. The metallic gold primary (#C9A24B) is reserved for accents, fine borders, and a single highlighted action per view. A warm ivory secondary (#E8E2D4) and soft cream foreground (#F3EFE6) keep text elegant and readable against the dark. Muted taupe (#9A9385) handles supporting copy, and a quiet #2C2A26 defines hairline borders. A deeper antique gold #7A6A3E serves hover and pressed states. For a light variant, switch to a warm parchment #F6F2E9 background, #FFFFFF surfaces, near-black #1A1A1E foreground, and a richer #A8842F gold so the metallic reads on light fields.
Typography
Cormorant Garamond drives display headings with high contrast and graceful curves, set large and airy at +0.02em tracking. EB Garamond carries body copy at 17px with a relaxed 1.7 line-height for an editorial, unhurried read. IBM Plex Mono provides a tasteful contrast for prices, SKUs, and fine metadata. The dramatic 1.333 perfect-fourth scale gives headlines real presence while body and labels stay refined. Use light-to-regular weights; luxury here is delicacy, not bulk.
Luxury is a Pro skill
Unlock the full Luxury spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
- Every design skill, growing weekly
- Full Pro prompt library
- Commercial-use rights on skill output
$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.
Use it with these prompts
Hero section
FreeBuild a Luxury hero with a deep near-black background, an airy serif display headline, a thin gold divider rule, and a minimal gold-outlined call-to-action. Use generous whitespace and refined letter spacing.
Product showcase
ProMembership tier
ProMore tone skills
Clean
toneA minimal, distraction-free system where generous whitespace and crisp type let content do all the talking.
Premium
toneA high-end, exclusive look built on deep tones, gold-leaf accents, and serif-led typography that feels expensive on contact.
Refined
toneAn understated, professional look where precise spacing and subtle contrast turn small details into quiet polish.