Skip to content
All skills
staqd.ai/previews/luxury
Open

Live demo — an original page built in the Luxury style. Open in new tab

Protone

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 luxury

Requires 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.

Premium brand and product sitesHigh-end commerce and membershipExclusive editorial and portfolios

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

Free

Build 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

Pro
Unlock this prompt with ProUpgrade

Membership tier

Pro
Unlock this prompt with ProUpgrade