Geometric symmetry, golden ornament, and high-contrast luxury. The design language of the Machine Age — timeless and precise.
Five tones drawn from Chryselephantine sculpture and lacquered brass. Every shade earns its place through restraint and contrast.
Gradient combinations
Every element is governed by symmetry, serif type, and gold as the sole accent. No component escapes the geometric grid.
Primary — Golden Shimmer gradient sweep
Ghost & Outline variants
Size variants
Four named axioms govern every transition in Art Deco. Hover or interact with each demo below to feel the difference.
duration-500 / duration-700
cubic-bezier(0.16,1,0.3,1)
No abrupt bounces — noble pacing
Hover to feel the slow, considered lift
bg-[length:200%_auto]
hover:bg-right — gradient slides
Simulates metallic light sweep
Hover to trigger the metallic sweep
group-hover:{-translate-x, -translate-y}
group-hover:{translate-x, translate-y}
Corners expand symmetrically outward
Hover the card to see symmetric expansion
hover:-translate-y-0.5
hover:shadow-[0_0_30px_rgba(212,175,55,0.4)]
Gold halo expands on hover
Hover to see the subtle lift with gold halo
A luxury hotel reservation interface rendered in full Art Deco discipline. Symmetric layout, gold accents, and serif type throughout.
45 m²
85 m²
240 m²
Sunburst radials, corner brackets, gradient dividers, and diamond separators form the decorative vocabulary of Art Deco.
Rotating gradient lines from a central ornament. Used as hero backgrounds and section dividers.
Four-corner accent lines that expand symmetrically. Hover the box above to see the Symmetrical Expansion rule.
Gradient lines fading to transparent, with optional diamond separators for section breaks.
Typography Specimen
Three governing axioms. Adherence to all three is mandatory. Deviation produces pastiche, not Art Deco.
Balance is non-negotiable
Every layout element has a mirror. Radial patterns, paired columns, centered typography. Asymmetry is an error, not a choice.
High contrast, high luxury
Deep navy or slate backgrounds only. Gold (#d4af37) as the sole accent. Cream (#f5f5dc) for surface-level text contrast.
Unhurried, noble, precise
Transitions take 500-700ms. cubic-bezier(0.16,1,0.3,1) — a controlled deceleration. No spring overshoots, no bounces.
Six defining characteristics that ensure every page rendered in Art Deco speaks the same disciplined visual language.
One accent color. #d4af37 and its warm derivatives. Nothing competes with gold.
Deep navy and slate backgrounds. Darkness amplifies the luminosity of gold.
Every shape is rectangular, trapezoidal, or radially symmetrical. Organics are forbidden.
Font-serif throughout. Wide letter-spacing (tracking-[0.3em]) for a monumental scale.
Long durations (500-700ms), controlled easing. Elegance is measured by restraint.
Corner brackets, radial lines, gradient dividers. Every container is decorated at its edges.