---
schema_version: 1
id: "art-deco"
name: "Art Deco"
summary: "Axial invitation compositions, stepped architectural ornament and ceremonial rules, paired with a house-story and room-concept layout."
family: "ornamental"
tags: ["decorative", "geometric", "precise"]
best_for: ["culture", "events", "hospitality"]
avoid_for: []
density: "balanced"
image_dependency: "low"
motion_level: "subtle"
complexity: "low"
signature: {"composition": "A centred axial invitation in a double-rule frame; B pairs a house narrative with stepped elevation, followed by room records.", "typography": "Measured uppercase serif invitation and restrained sans-serif supporting labels.", "navigation": "Small balanced header links, programme anchors and a real house-story route.", "content_rhythm": "Ceremonial title, timed movements and house note versus architectural arrival, story and room concepts.", "imagery": "Original fan, diamond, stepped tower and repeated windows authored as CSS geometry.", "color_and_material": "Deep green field, warm pale type and restrained gold accents on clear architectural rules.", "interaction": "Actual programme/room destinations and native guest/room disclosures, without fake booking controls.", "motion": "Still symmetrical ornament and readable content; reduced motion removes smooth navigation."}
status: "ready"
prompt_path: prompts/art-deco/prompt.en.md
---

# Art Deco

## Intent

Art Deco presents hospitality or culture as a carefully ordered occasion. It suits a recital invitation, a venue identity or a small hotel story whose character can be expressed through proportion and ornament. The fictional Ardelune combines an evening invitation with an imagined house and two room concepts. The visitor first encounters a ceremonial centre, then finds ordinary practical information. The historical reference is a geometric vocabulary, not a copied building, brand or authentic period programme.

## Signature

Preserve four traits: an axial invitation with a strong central line; repeated fine rules and stepped ornament; measured type with restrained uppercase labels; and a clear transition from ceremony to useful records. Ornaments should echo the architecture of the layout. The fan crowns the invitation, the diamond marks a pause and the tower gives the house a stepped silhouette. Avoid distributing ornament randomly or treating a gold border as the entire design idea.

## Typography

Use Georgia for display and Arial for body copy, both with explicit system fallback stacks. The display voice must remain distinct from captions, navigation and sustained reading. Keep paragraphs near sixty characters per line, let long headings wrap, and preserve useful caption sizes. The reference includes ĄČĘĖĮŠŲŪŽ and lowercase glyphs so the actual installed font can be inspected. There are no remote font requests or bundled font binaries. A new licensed font requires a recorded asset before use.

## Color and surfaces

Semantic tokens define the page, supporting surface, readable foreground, secondary labels, action accent, boundary and focus outline. Reference CSS consumes generated tokens.css; artwork may retain its separately authored material palette. Preserve the contrast relationships when replacing colors rather than copying an arbitrary accent. Do not use muted type for essential instructions if it becomes difficult to read. A successful token ratio is only one part of checking the rendered interface and every actual text background.

## Layout A

A balanced header opens onto a centred invitation bounded by two architectural rules. A fan crown precedes the title and doubles as navigation to the three timed movements; a diamond separates the invitation from its date and programme link. The next section changes from symmetry to a numbered introduction beside three timed programme movements. A short house note breaks the symmetry: its heading sits left and its paragraph sits right, creating a deliberate pause before guest information closes the page. The invitation remains the visual centre without hiding the route to its actual schedule.

## Layout B

The house story begins in a two-column arrival composition: an expressive serif statement beside an original stepped elevation. A broad architectural idea section follows, pairing a central statement with two readable paragraphs. Two room records use Roman numerals, a fact list (floor, outlook, layout, status) and native concept disclosures rather than a booking grid. Guest notes return to the evening programme. This narrative and room-index rhythm differs from A’s centred event invitation and timed programme.

## Imagery

The fan, diamond, double rules, tower and repeated windows are original CSS illustrations. They use the semantic palette and are identified as imagined architecture rather than a photographic building record. Decorative ornaments stay hidden from assistive technology; the meaningful house elevation receives a concise descriptive label. No external photographs, fonts or ornaments are redistributed. If using real venue imagery, preserve its rights and avoid claiming that these original geometric studies depict a documented historic building.

## Navigation and interaction

Small visible header links reach the programme, house story and guest notes. The event invitation uses a real anchor action instead of an unavailable ticket purchase. House links reach two actual room concepts, and native disclosures contain complete additional descriptions. Focus remains clearly visible on the dark ground. There is no fabricated booking calendar or availability state. A real hospitality implementation can add those features only with actual destinations and accessible transactional behavior.

## Motion

Content is present immediately. Short state transitions are allowed when they explain an operable control; essential copy never waits for a reveal. The reduced-motion media query removes nonessential animation, transitions and smooth scrolling. If an adaptation introduces movement, keep a useful static composition, avoid autoplay distractions and give visitors control over any sustained activity. A decorative motion effect must not turn the page into a different design direction or hide its navigation.

## Responsive behavior

At 1440 retain the axial frame and let the programme sit beside its numbered heading. The house arrival balances prose and a full stepped elevation. At 768 reduce frame margins and title scale while retaining the ornament’s central axis. Below 700 programme introduction precedes timed rows; house copy precedes the illustration and room records stack. At 360 the title, frame and fan fit without sideways movement, and supporting labels remain readable rather than becoming miniature period decoration.

## Accessibility

Use one main landmark, one descriptive h1, ordered headings, visible keyboard focus and a skip link. Links navigate and buttons change state; native disclosures expose real information. Provide informative alternatives for meaningful images, while purely ornamental geometry stays out of the reading order. Check actual loading, contrast, focus, control coverage and horizontal overflow at 360, 768 and 1440 pixels. The accompanying task evidence records what was executed; these bounded checks are not a full WCAG certification or a guarantee for adapted content.

## Adaptation

Replace the imagined programme, venue and room names with verified information. Keep the relationship between a ceremonial introduction and clear schedules or room records. A different color palette can work if it preserves rule contrast, axial rhythm and restrained accent frequency. In another stack, build the ornaments from lightweight code or rights-cleared assets, maintaining semantic text and native disclosures. If the content is highly utilitarian, reduce ornament while keeping the information sequence clear.

## Avoid

1. Do not keep a decorative frame or fan that links nowhere; each ornament should lead to content. 2. Do not repeat the same two full-width double-rule frames in every section. 3. Do not imply historical authenticity, booking availability or real tickets for fictional content.

## Closest styles

Bauhaus Geometric is the nearest named ready neighbor. Its asymmetric orthogonal modules and elementary colored planes differ from this axial invitation, repeated fine rules and stepped architectural ornament. Its plain bold sans-serif and compact programme/index navigation differ from measured serif ceremony and house/room records. Its flat red-blue-yellow balance becomes a restrained dark-ground architectural cadence here. Composition, typography, material and content rhythm change beyond a shared interest in geometry; both still use original code-native illustration.