A Design Reference
Luxury · Glamour · Modernity · Progress
1910s — 1930s
Art Deco is a decorative art and design movement that emerged in the 1910s–1930s. It represents luxury, glamour, modernity, progress, faith in technology, the machine aesthetic, and speed.
The style celebrates technological advancement through geometric abstraction, luxury through material richness, forward momentum via dynamic angular composition, and industrial precision balanced with decorative opulence.
V-shaped angular patterns, often repeated in rows or borders, creating rhythmic geometric energy.
Fan-shaped rays emanating from a central point -- a signature Art Deco motif symbolizing radiance and optimism.
Sharp, angular repetitions used as borders, dividers, and background fills for dynamic visual tension.
Tiered, pyramid-like shapes inspired by Mesoamerican and Egyptian architecture.
Semi-circular fan shapes with internal geometric divisions, evoking elegance and symmetry.
Strong bilateral or radial symmetry throughout all compositions, anchoring each design in formal balance.
Abstracted, geometric versions of plants, animals, and human figures rendered with angular precision.
Repeating geometric pattern backgrounds -- triangles, hexagons, and diamonds forming ornamental textures.
Geometric construction emphasizing verticality and angular precision throughout every element.
Aerodynamic curves, especially in the later Streamline Moderne variant, balancing geometry with motion.
Every design element participates in formal symmetrical arrangements, radiating outward from center axes.
Chevron and sunburst patterns create a sense of dynamic motion and forward momentum.
Rich decorative detail throughout -- Art Deco is never minimalist, always generously embellished.
Height and vertical emphasis convey prestige, technological advancement, and dramatic power.
Monochromatic with high contrast gradients -- black to dark gray with gold accents
Metallic finishes as primary design elements -- gold, chrome, brass gradients
High contrast combinations -- dark bases paired with bright metallics
Limited color separation for bold impact -- restrict to 3–4 colors maximum
Art Deco typography features geometric, sans-serif typefaces with streamlined characteristics, bold angular letterforms with sharp terminals, strong vertical emphasis with tall narrow proportions, and uppercase-heavy usage for headlines and display text.
| Font | Style | Usage |
|---|---|---|
| Poiret One | Geometric, thin, elegant | Headlines, display text |
| Josefin Sans | Geometric, vintage feel | Headlines, subheadings |
| Bebas Neue | Bold, condensed, uppercase | Headlines, banners |
| Raleway | Thin geometric with elegant weight range | Body text, subheadings |
| Cinzel | Serif with classical proportion | Formal headings |
| Cinzel Decorative | Ornamental serif | Feature titles, logos |
| Tenor Sans | Clean geometric sans | Body copy |
| Limelight | Art Deco display font | Large display headlines |
Grid-based systematic organization using modular grids with strong alignment and careful rhythm.
Center-aligned content and mirrored columns create formal balance and visual authority.
Content flows along a central vertical spine, creating a strong sense of structure and hierarchy.
Content blocks arranged in pyramid or ziggurat formations, echoing architectural stepped forms.
Chevron lines, sunburst separators, and stepped borders create visual rhythm between sections.
Liberal whitespace (or dark space) around ornamented elements lets decoration breathe.
Oversized headings, medium subheadings, and refined body text establish clear visual hierarchy.
Frames, borders, and panels with geometric embellishment define and elevate content areas.
Gold metallic gradient applied via background-clip: text for luminous heading effects.
Nested border + outline with offset creates the signature Art Deco stepped frame motif.
Repeating conic-gradient creates radiating sun rays, a quintessential Art Deco element.
CSS conic-gradient with border-radius produces the iconic Art Deco fan arch ornament.
Sharp, offset box-shadows replace soft drop-shadows for a crisp, graphic depth effect.
Layered linear-gradients at 45deg create a repeating diamond rhombus background texture.
Physical Art Deco materials translated into web-native visual equivalents.
| Physical Material | Web Equivalent |
|---|---|
| Polished Marble | Subtle noise texture overlay on light surfaces |
| Chrome / Brushed Steel | Linear metallic gradients (silver/gray) |
| Gilt / Gold Leaf | Gold gradient text, gold borders |
| Lacquer (High-Gloss) | Deep black backgrounds with subtle sheen gradients |
| Exotic Wood Grain | Warm brown textured backgrounds (subtle) |
| Stained Glass | Jewel-tone color blocks with dark leading-style borders |
| Onyx | Dark translucent overlays with depth |
| Ivory / Bone | Off-white / cream tones for light themes |