No. 17 · Commerce & marketplaces · Rate it

Maison

Quiet luxury — Didone display, spaced small caps, hairlines and a great deal of ivory

A restrained, editorial language for luxury and premium commerce. Ivory paper and ink, a Didone display (Bodoni Moda) at whisper weights with italic accents, every label in widely spaced small capitals, hairline rules, underlined fields and text-first buttons. Product imagery is staged as still lifes — objects on soft backdrops — and the layout breathes with asymmetric spreads and huge margins. A full-screen menu, a quick-view dialog and a bag side sheet carry commerce; the client account keeps the same calm with a black membership card, order timelines and a scent profile. One bronze accent, used almost never. Persian is set in Vazirmatn at light weights.

Site demo Dashboard demo Download .zip Read SKILL.md

Screens

Best for

Fashion, fragrance, jewellery and beauty houses
Premium furniture, objects and design galleries
Boutique hotels, private clubs and concierge services
Client accounts and appointment booking for luxury retail

Not ideal for

Discount or high-volume e-commerce
Data-heavy dashboards and admin tools
Playful, youthful or community-led brands

Signature moves

Didone display at whisper weights, italic for the one word that matters
Every label in widely spaced small capitals
Hairline rules, underlined fields, text-first buttons
Still-life product imagery on soft backdrops
Full-screen menu, quick view and a bag side sheet
Huge margins, asymmetric spreads, a giant wordmark footer

Try it with another brand color

Opens the demo with only --brand changed. The style should still read as Maison.

#8e7146Site Dashboard
#4a5a6eSite Dashboard
#5c6b5aSite Dashboard
#8f3a32Site Dashboard

Install this skill

/plugin marketplace add tastefolio/tastefolio.github.io
/plugin install maison@tastefolio

npx skills add tastefolio/tastefolio.github.io --skill maison

curl -L https://tastefolio.github.io/downloads/maison.zip -o maison.zip
unzip maison.zip -d .claude/skills/

Copy the folder anywhere your agent can read it, then reference it from AGENTS.md / rules:
"Follow skills/maison/SKILL.md for every UI change."

Files

Rate this style

Like it? Give it a 👍 below; you sign in with GitHub. The gallery’s Top rated order counts these votes and refreshes every hour. Comments and questions are welcome too.