Art Nouveau -- A Design Reference

Chapter I

Visual Characteristics

Core Motifs & Patterns

Whiplash Curves Asymmetrical, sinuous S-curves suggesting organic movement — the signature Art Nouveau line

Flowing Botanical Forms Stylized plants with visible stems, leaves, tendrils, and organic branching

Peacock Feathers Fan-like iridescent plumes used as decorative fills, borders, and standalone motifs

Stylized Flora Cyclamen, iris, orchid, thistle, mistletoe, water lily, and winding vines

Stylized Fauna Swans, peacocks, dragonflies, butterflies in elegant, abstracted forms

Feminine Figures Young women in flowing gowns, flower crowns, elongated graceful proportions

Celtic Knot Work Complex interlacing patterns, especially in Scandinavian and British variants

Moon Gate Circles Circular window forms inspired by Japanese Zen garden architecture

Visible Outlines Clear contour lines defining forms, influenced by Japanese woodblock prints

Design Principles

Organic, nature-derived construction — emphasizing curves over straight lines in every element
Asymmetrical composition — throughout all design elements, rejecting rigid symmetry
Integration of decoration and structure — ornament is not applied but integral to the form
Handcrafted quality — visible artistic technique, never industrial smoothness
Blank color spaces — influenced by Japanese woodblock print composition and negative space
Flowing continuity — lines and forms extend across boundaries, connecting elements organically
Vertical growth — compositions suggest upward botanical growth, reaching toward light

Chapter II

Color Palette

Suggested Palette

Olive Green

#6B7B3A

Mustard Yellow

#C5A033

Sage

#9CAF88

Lilac

#B39DCA

Warm Brown

#7B5B3A

Pale Pink

#E8C4C4

Gold

#C5A03F

Cream

#F5F0E1

Charcoal

#2D2B28

Palette Approaches

Muted, earthy palette with natural warmth — never saturated or neon; always faded and organic
Gold and silver as ornamental accents — used for borders, dividers, and decorative elements
Light backgrounds with organic accents — cream/ivory bases with olive, sage, and brown details
Dark variant — warm charcoal/dark brown backgrounds with gold and cream, evoking lacquered surfaces
Limited palette with tonal variation — 3–4 base colors with lighter/darker tonal shifts

The Dark Variant

Japanese Lacquer

Warm charcoal and dark brown backgrounds adorned with gold and cream evoke the luxurious depth of lacquered surfaces — a dramatic inversion that retains every ounce of Art Nouveau's organic elegance.

Chapter III

Typography

The flowing line speaks

where words cannot reach

Art Nouveau typography features hand-lettered, organic letterforms with flowing curves, Japanese-influenced design sensibilities, integrated ornamental decoration, and variable stroke weight mimicking calligraphic brushwork.

Elegance in Every Letterform

Typeface Characteristics

Hand-lettered, organic letterforms with flowing curves and natural rhythm
Japanese-influenced sensibilities in spacing, proportion, and form
Integrated ornamental decoration — letters merge with surrounding organic motifs
Variable stroke weight — thick-to-thin transitions mimicking calligraphic brushwork
Elongated, elegant proportions — tall ascenders and graceful descenders
Regional variation — British and Austrian versions tend toward geometric characteristics
Visible artistic personality — each letterform has handcrafted individuality

Recommended Web Fonts

Font	Style	Usage
Cormorant Garamond	Elegant serif with Art Nouveau proportions	Body text, subheadings
Playfair Display	High-contrast serif with flowing curves	Headlines, display text
Tangerine	Calligraphic script with organic movement	Decorative titles, accents
Cinzel	Refined serif with elegant weight	Formal headings, section titles
Cormorant	Flowing, high-contrast display serif	Feature headlines
Great Vibes	Flowing calligraphic script	Decorative accents, pull quotes
Marcellus	Inscriptional with gentle organic curves	Subheadings, navigation

Chapter IV

Layout Principles

Grid & Structure

Organic, asymmetrical layouts — avoid rigid grids; use flowing, off-center compositions
Vertical growth metaphor — content flows upward like a growing plant
Integrated borders and content — decorative frames flow into and around content
Generous negative space — influenced by Japanese woodblock prints
Curved containers — rounded, organic panel shapes instead of sharp rectangles

Section Organization

Organic dividers — sinuous vine lines, floral separators, whiplash curves
Generous whitespace around ornamented elements for elegance
Hierarchy through organic scale — flowing large headings curving into smaller text
Botanical framing — vine and tendril borders growing around content panels
Circle and arch motifs — moon gate circles, rounded arches for framing content

Chapter V

CSS & Design Techniques

Whiplash Curve Dividers

Sinuous S-curves rendered as inline SVGs with stroke-dasharray animation, creating the signature Art Nouveau whiplash line between content sections.

Gold Accent Line with Floral Endpoint

A linear-gradient line fading to transparent at edges, centered with a leaf-shaped ::after pseudo-element using asymmetric border-radius.

Stained Glass Effect (Tiffany-Inspired)

I

II

III

IV

V

VI

CSS Grid with narrow gap creates dark "leading" between tinted panes. An arched border-radius crowns the composition, evoking Tiffany glass panels.

Peacock Feather Element

Layered radial-gradient ellipses with organic border-radius create an iridescent peacock feather motif, gently swaying with a CSS animation.

Organic Panel with Botanical Corner

A Botanical Frame

Asymmetric border-radius: 20px 5px 20px 5px creates an organic container. The ::before pseudo-element places a vine ornament at the corner.

Panels use asymmetric rounding, subtle inner glow via box-shadow, and inline SVG pseudo-elements for botanical corner decoration.

Soft Organic Shadows & Background Textures

Diffused organic shadows — never sharp or geometric

Multi-layered box-shadow with warm brown and olive tones at low opacity create soft, natural depth. An inner glow adds warmth reminiscent of candlelight on parchment.

Chapter VI

Materials & Textures

Physical Art Nouveau materials and their web design equivalents

Hand-blown glass

Subtle translucent overlays with color tinting, frosted glass effects via backdrop-filter: blur

Wrought iron

Dark brown/charcoal thin ornamental borders and structural lines

Stained glass

Colored grid panels with dark "leading" borders between them

Ceramic

Muted earthy background tones with subtle texture noise

Gold leaf

Gold gradient accents on borders, text highlights, ornamental details

Enamel

Smooth, rich color fills with slight sheen via subtle gradients

Pearls

Small circular accent elements with soft radial gradient

Carved wood

Warm brown tones with organic border shapes

Silk fabric

Subtle gradient transitions, flowing SVG background shapes

Japanese lacquer

Deep dark backgrounds with high-gloss reflection gradients

Chapter VII

Poster Art & Graphic Design

Art Nouveau graphic design, particularly poster art, has distinct characteristics useful for web layout.

Color lithography style — flat color areas with visible outlines, as in Alphonse Mucha's posters

Blank color spaces — large areas of muted, flat color influenced by Japanese woodblock prints

Faded earthy tones — olive green backgrounds, mustard accents, never harsh or saturated

Visible outlines — defining all forms clearly with intentional contour lines

Hand-lettering integration — text flows as part of the overall organic composition

Female figures — central compositional elements framed by botanical arches

Circular and arch framing — content enclosed in organic rounded frames

Chapter VIII

Regional Variations

France & Belgium

Art Nouveau

Whiplash curves, foliage, flowing ironwork, glass-metal integration

Germany

Jugendstil

Named after Jugend magazine; similar flowing organic forms

Austria-Hungary

Wiener Secessionsstil

Straighter geometric lines blended with gentle florals; precursor to Art Deco

Britain

Glasgow Style

Rooted in Arts and Crafts; geometric straight lines with restrained floral decoration

Spain (Catalonia)

Modernisme

Inspired by Catalan, Mudejar, and Gothic architecture; highly sculptural

Italy

Stile Liberty

Named after Liberty & Co.; emphasis on decorative surface ornamentation

Netherlands

Nieuwe Kunst

Dutch interpretation with local craft traditions

Scandinavia

National Romantic Style

Viking-inspired complex knot ornaments and interlaces

United States

Tiffany Style

Glass design focus; naturalistic decorative motifs by Louis Comfort Tiffany

Chapter IX

Notable Artists

M

Alphonse Mucha

Poster art, decorative panels

Elongated female figures framed by botanical arches, circular halos, muted earthy palettes

G

Hector Guimard

Architecture (Paris Métro entrances)

Flowing glass-and-metal structures, exposed ornamental ironwork

H

Victor Horta

Interior architecture

Sinuous metalwork staircases, whiplash iron railings, integrated structural ornament

K

Gustav Klimt

Painting (Vienna Secession)

Golden surface patterns, decorative flat areas, organic abstraction over figurative forms

G

Antoni Gaudí

Architecture (Barcelona)

Undulating organic surfaces, sculptural facades, integration of natural forms into structure

T

Louis Comfort Tiffany

Glass design

Naturalistic stained glass with botanical and landscape motifs, layered colored glass

G

Émile Gallé

Glass and furniture

Three-layered hand-blown glass vases with nature motifs, botanical marquetry

Chapter X