Live demo — an original page built in the Elegant style. Open in new tab
Elegant
A refined, airy aesthetic built on generous whitespace, delicate serif type, and whisper-quiet transitions.
Install via CLI
$ npx staqd add elegantRequires 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
Elegant is a calm, refined design language defined by space, restraint, and quiet sophistication. It leans on a warm off-white canvas, delicate serif headlines, and a single muted gold accent to create interfaces that feel curated and unhurried. Reach for Elegant when you want a sense of luxury, craft, and editorial polish: fashion houses, premium services, and content that deserves room to breathe.
Design principles
- Let whitespace do the work. Generous margins and airy spacing communicate quality more than any decoration.
- Pair a graceful serif for headings with a clean sans for body to balance character and clarity.
- Keep color whisper-quiet: warm neutrals carry the page, and a soft gold appears only as a refined punctuation.
- Favor thin lines, light weights, and gentle curves; nothing should feel heavy or loud.
- Maintain a strict reading measure so long text stays comfortable and composed.
- Choose subtlety in every interaction; transitions should be felt, not noticed.
Color
The background is a warm off-white #FBFAF7 that softens the entire interface, with pure #FFFFFF surfaces for cards and panels to create the faintest layering. Text sits in a near-black warm charcoal #1C1B19 rather than harsh pure black, keeping the tone gentle. Secondary and supporting copy uses #8A877F, a muted warm gray. The accent is a soft antique gold #9C7A4A, used for links, small CTAs, prices, and active states. Borders and dividers are a delicate #E8E4DC. For dark mode, shift to a deep #1C1B19 background, #242220 surfaces, #FBFAF7 foreground, and a slightly brighter gold #B89360 so the accent retains warmth. Avoid saturated color entirely; elegance lives in the spaces between hues, not in their intensity.
Typography
Headings use Cormorant Garamond (or a comparable high-contrast serif) at light-to-regular weights, set large at 40-80px with neutral 0em tracking so the letterforms keep their natural grace. Body copy uses Inter at 400, 17-18px, with a relaxed 1.7 line-height and a hint of 0.01em tracking for an open, breathable texture. The type scale follows a gentle major-third ratio (1.25) so steps feel smooth and harmonious. Italic serif is welcome for pull quotes and emphasis. Use the mono stack only for fine print, captions, or metadata, kept small and unobtrusive.
Elegant is a Pro skill
Unlock the full Elegant 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
Refined hero
FreeBuild a centered hero in the Elegant style: a warm off-white background, a large Cormorant Garamond serif headline, a single line of muted body copy, and a slim outlined CTA with a soft gold accent.
Editorial article
ProBoutique product card
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.