Get it

Take the gold with you.

Three prompts that build Art Deco for your own site — not a copy of this one. Paste one into any AI builder and bring your business.

Build my site

Build me a complete, responsive business website in the ART DECO style — the 1925 machine-age luxury language of the Chrysler Building, Cassandre posters, and gold-on-black hotel lobbies: every element staged like a treasured object, centered inside fine gold-lined geometric frames, with tall letterspaced display type on a deep, quiet ground. Color count, photography, and casual asymmetry recede; one champagne line on near-black carries the glamour. Combine this style seed with my brief below. If I don't give you the details, invent a plausible business that earns this ceremony — a cocktail bar, a jeweller, a boutique hotel, a theatre, a champagne house — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template — the same seed should produce visibly different sites for different businesses. A few dimensions are yours to choose: the GROUND FAMILY, the PALETTE within the style's logic, the DISPLAY FACE, and the LAYOUT ARCHETYPE. Pick one of each that fits my brand and COMMIT to it across the whole site. ── INVARIANTS (never break these — they define the style) ── • Staging: every element is presented — centered composition, bilateral symmetry, content set inside fine drawn frames like plaques or engraved invitations. A strong vertical axis runs each section; ornament mirrors left/right around it. • Line: hairline metallic linework (1–2px), never thick, never rough. The geometric motif kit only: sunburst rays, chevron cascades, fan/scale patterns, ziggurat steps. Ornament lives at edges, corners, and section seams — never behind body text. • Type: tall, high-contrast display faces set uppercase with wide letterspacing (+0.1–0.25em) for headings and labels — type behaving like engraving on a brass plaque. Body text is quiet and readable, never letterspaced to death. • Ground: deep, FLAT, quiet grounds — no gradients-as-decoration, no texture noise behind text. Radius 0 everywhere: no rounded corners, no soft shadows, no blobs. • Motion is stately: fade-settle entrances (opacity + small rise, 0.6–1.2s ease-out, children staggered ~120ms), ornament that draws itself in as a line, slow metallic glow pulses (2–4s loops), hover sheen. No springs, bounces, marquees, or cursor-follow gimmicks. • CONTRAST (WCAG 2.2 AA, non-negotiable): every text/background pair is ≥4.5:1 for body, ≥3:1 for large/headline text, judged against that block's actual background. Metallic gold is for large type and linework — never small body text on dark. Never light-on-light. ── VARIABLES (choose one of each that fits my brand, then commit) ── • GROUND FAMILY — dark-stage (deep ground, light type, metallic line) or engraved-invitation (cream/ivory ground, near-black ink, metallic rules) — or alternate sections between the two for rhythm. • PALETTE — the logic is "one deep ground + one metal + one paper + at most one jewel accent." Bring MY brand colors mapped into those roles if I give them. If not, choose (examples, not requirements): warm black #0E0C09 + champagne #C9A35C + cream #F2E9D8 + emerald #0F2B25 · midnight navy #101726 + brass + ivory + oxblood #6E2B25 · deep green + gold + cream. • DISPLAY FACE — one tall elegant display face in the Deco class (e.g. Marcellus, Cinzel, Poiret One, Cormorant SC) paired with a quiet geometric or humanist body face (e.g. Jost, Josefin Sans, a plain grotesque at 300–400). • LAYOUT ARCHETYPE — stacked framed plaques · a proscenium hero with plaque bands · engraved-invitation cards · a museum grid of framed objects · a skyscraper type-stack-led composition. Choose what fits the purpose and commit. ── MEDIA MODEL (mixed, leaning drawn) ── Most of the page is carried by type and hairline geometry. Where imagery serves my business, use dimmed warm photography or flat poster-style illustration of MY actual subjects — objects of desire, frontally framed, low warm light — always inside a drawn frame, never full-bleed bright, never candid lifestyle shots. Use real placeholder <img> elements for planned images. It is equally on-style to use no imagery at all and let geometry carry everything. WHAT THIS SITE MUST ACHIEVE (business goal): Make the business feel established and coveted — ceremony as trust. Present who it is and what it offers as staged, framed exhibits; prove quality with real evidence (craft, provenance, named work, credentials — whatever is true); and drive one clear next step (book, reserve, enquire, visit). Let the business and its brief decide which sections serve that goal, include exactly those in a sensible order, and build each one fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY business and goal, with real navigation and a footer, every section framed and centered in the style. • Don't be lazy with any section: real content depth (never a title plus one thin line), proper internal hierarchy, and the full Deco treatment — frames, seams, mirrored ornament — applied consistently to EVERY section, not just the hero. • Real, tailored copy for MY business — assured, precise, a little ceremonial; never lorem, never loud filler. • Fully responsive and accessible: semantic landmarks, alt text, keyboard-visible focus, prefers-reduced-motion honored, and the CONTRAST invariant enforced on every block.

Best for AI website builders — Lovable, v0, Bolt

Restyle my site

Restyle my existing website into the ART DECO style — keep ALL of my current content, structure, pages, and copy exactly as they are; change only how it looks, moves, and feels. Apply this style system to the code/site I provide alongside this prompt. THE STYLE SYSTEM to apply: • Staging: re-present each existing section as a staged plaque — centered composition, bilateral symmetry, content inside fine drawn hairline frames (1–2px metallic line). A strong vertical axis per section; ornament mirrored around it, living at edges, corners, and section seams — never behind body text. • Motifs: only the Deco kit — sunburst rays, chevron cascades, fan/scale patterns, ziggurat steps — as hairline SVG/border ornament at frames and dividers. • Type: map my current headings to a tall high-contrast Deco-class display face (Marcellus, Cinzel, Poiret One, Cormorant SC), uppercase with wide letterspacing (+0.1–0.25em); map body to a quiet geometric/humanist face (Jost, Josefin Sans class). Keep my copy verbatim. • Palette: map my existing brand colors into the roles "one deep ground + one metal + one paper + at most one jewel accent." If my colors can't fill a role, choose the nearest on-style value (examples: warm black #0E0C09, champagne #C9A35C, cream #F2E9D8, emerald #0F2B25). Choose dark-stage or engraved-invitation (cream) ground family — whichever suits my brand — and commit. • Surfaces: flatten everything — radius 0, no drop shadows, no gradient decoration; deep flat grounds with quiet reading zones. • Imagery: keep my existing images but stage them — inside drawn frames with caption plaques where captions exist, dimmed/warmed treatment rather than bright full-bleed. • Motion: replace existing animation with the stately Deco system — fade-settle entrances (0.6–1.2s ease-out, ~120ms staggers), line-draw ornament, slow gold glow pulses, hover sheen. Honor prefers-reduced-motion. • CONTRAST (WCAG 2.2 AA, non-negotiable): after recoloring, verify every text/background pair — ≥4.5:1 body, ≥3:1 large text — against each block's actual new background. Metallic gold is line and large type only, never small dark-ground body text. RULES: • Do not add, remove, merge, or reorder sections or pages; do not rewrite copy. • Apply the treatment to every page and every section consistently, including nav and footer (nav becomes an engraved gold rail; footer a mirrored plaque). • Keep the site fully responsive and accessible — semantic landmarks, visible focus, alt text preserved.

Paste alongside your existing site/code

Try one section

Build ONE complete section of a website in the ART DECO style. I'll name the section and its job below — if I don't, build a hero for a plausible business that earns ceremony (a cocktail bar, a jeweller, a boutique hotel) as a full working demo. THE STYLE, in brief: every element staged like a treasured object — centered, bilaterally symmetric, set inside fine hairline metallic frames (1–2px, radius 0) on a deep flat quiet ground. Tall high-contrast display type, uppercase, wide letterspacing (+0.1–0.25em), like engraving on a brass plaque; quiet readable body text. Ornament only from the Deco motif kit — sunburst, chevron, fan/scale, ziggurat — at edges, corners, and seams, never behind text. Palette logic: one deep ground + one metal + one paper + at most one jewel accent (bring my brand hues into those roles, or choose an on-style set and commit — e.g. warm black + champagne + cream + emerald; a cream engraved-invitation ground with dark ink is equally valid). Motion is stately: a fade-settle entrance (0.6–1.2s ease-out, staggered children), ornament that draws itself in as a line, a slow gold glow pulse, hover sheen — one entrance + one interaction, nothing springy. REQUIREMENTS: • The section must be complete and shippable on its own: real tailored copy for my subject (never lorem), real hierarchy, responsive from mobile to desktop. • If the section wants imagery, stage a dimmed warm image of my actual subject inside a drawn frame (use a placeholder <img> if the file doesn't exist yet); otherwise let type and hairline geometry carry it. • CONTRAST is non-negotiable: every text/background pair meets WCAG 2.2 AA — ≥4.5:1 body, ≥3:1 large text — against the section's actual background. Metallic gold is for large type and line only. • Honor prefers-reduced-motion. My section and its job:

Good for a focused first pass / chat assistant

Paste any prompt as-is — it builds a complete site with no edits. To make it yours, fill the “Your site” block with your business, pages, and goal; leave it blank and the prompt invents a fitting demo instead.

For AI coding agents
ART DECO — a composable style module for AI coding agents. Apply it to whatever content and purpose the site actually has; the ceremony is fixed, the sections are not. The core provocation: machine-age luxury — every element staged like a treasured object, centered in hairline gold frames on a deep quiet ground, while color count, photography, and casual asymmetry recede.

STANCE
Presentation is the product. A thing inside a drawn symmetric frame reads as chosen; a page that frames one thing at a time feels like a grand hotel, not a feed. Precision (hairline, aligned, mirrored) is what makes it luxury instead of decoration.

INVARIANTS (breaking one stops it being the style)
• Staging — centered composition, bilateral symmetry, content inside fine drawn frames/plaques; a strong vertical axis per section with ornament mirrored around it.
• Line — hairline metallic linework (1–2px), never thick or rough; motifs only from the kit: sunburst, chevron, fan/scale, ziggurat; ornament at edges/corners/seams, never behind body text.
• Type — tall high-contrast display faces set uppercase with wide letterspacing (+0.1–0.25em), engraving-like; quiet readable body text.
• Ground — deep, flat, quiet; radius 0; no soft shadows, rounded cards, or gradient decoration.
• Motion — stately only: fade-settle entrances (0.6–1.2s ease-out, ~120ms staggers), line-draw ornament, slow metallic glow pulses (2–4s), hover sheen; one entrance + one interaction per section; no springs/bounces/marquees. Honor prefers-reduced-motion.
• Contrast — WCAG 2.2 AA everywhere: ≥4.5:1 body, ≥3:1 large text, per actual background; metallics for line and large type only.

VARIABLES (choose one that fits, then commit across the whole site)
• GROUND FAMILY — dark-stage (deep ground, light type) · engraved-invitation (cream ground, dark ink, metallic rules) · alternate the two by section.
• PALETTE — logic "one deep ground + one metal + one paper + ≤1 jewel accent"; map the visitor's brand hues into the roles, else e.g. warm black #0E0C09 + champagne #C9A35C + cream #F2E9D8 + emerald #0F2B25, or navy + brass + ivory + oxblood (examples, not requirements).
• DISPLAY FACE — Deco class: Marcellus · Cinzel · Poiret One · Cormorant SC, with a quiet body face (Jost, Josefin Sans class).
• LAYOUT ARCHETYPE — stacked framed plaques · proscenium hero + plaque bands · engraved-invitation cards · museum grid of framed objects · skyscraper type-stack led.
• MEDIA — dimmed warm photography or flat poster-style illustration of the site's actual subjects, always inside drawn frames — or none at all (type + geometry carry it). Never bright full-bleed lifestyle imagery.

NEVER
Rounded/soft UI, neon or pastel palettes, thick cartoon outlines, busy pattern behind paragraphs, bouncy motion, gold small-body-text on dark.

Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.

See it worn two more ways.