Art Nouveau Design System — 1900

Nature
as Form,
Beauty
as Function

❧

An interface kit drawn from the sinuous lines, botanical ornament, and chromatic richness of the Liberty movement.

Where the curve reigns over the straight line, and every detail — from petal to serif — carries intention and grace.

Amarante · Cormorant Garamond — 1900 / 2024

❧ ❧ ❧ ❧

Color Palette

Natural Tones Drawn from the garden, the peacock's plume, and the gilded manuscript. Every hue breathes.

Tonal gradients — light to deep

Core swatches

Primary

Gilded Gold

#B8892A

Accent · Ornament · Focus

Primary

Peacock Teal

#2D6B6B

Action · Links · Trust

Accent

Antique Rose

#9B4E5A

Error · Danger · Warmth

Nature

Garden Sage

#7A8C6E

Success · Growth · Rest

Ground

Warm Ivory

#F7F3E9

Canvas · Background

Typography

Living Letters Amarante for titles — its blackletter roots bloom into organic curves. Cormorant breathes beneath.

Type specimens

FamilyAmarante

WeightBold 700

UseDisplay · Headings

FamilyCormorant Garamond

WeightLight 300 Italic

UseBody · Quotes

A B C D E F G H I J K
L M N O P Q R S T U V
W X Y Z · 0 1 2 3 4 5

FamilyAmarante

WeightLight 300

UseLabels · Display

"The curve is the path
of Nature — the straight
line, of Man."
— Victor Horta, 1893

Size15px / 2.0

StyleLight Italic

UseBody · Quotes

Type scale

Display82px / 700

Liberty

Heading 148px / 600

Nature as Form

Heading 232px / 400

Ornamental Language

Heading 322px / 300

Botanical Interface

Body16px / italic

Every line flows from the root of the plant to the tip of the petal.

Label10px / SC 300

Art Nouveau · Milano · 1900

Buttons

Bloom & Press Framed like illuminated miniatures. Each press, a petal unfolds.

Variants — Teal · Gold · Outline · Rose · Ghost

Sizes — Small · Default · Large

States — Disabled

Input Fields

Gentle Frame The golden border awakens on focus, like light touching stained glass.

First Name As it appears on the illumination

Last Name

Email Address No intrusion — ever

Password Minimum 8 characters required

Message

Selector

The Open Petal A dropdown unfurls like a flower at dawn — each option a leaf in the garden of choice.

Variants — Default · Grouped · Error · Disabled

Artistic Movement Select the style that speaks to your work

Botanical Motif

Medium A medium must be chosen to continue

Year of Creation Locked — period is fixed

Full width — with option groups

Atelier Location Each city breathes a different air of the movement

Selection

Choose & Bloom A golden dot blooms inside the circle. A teal glow fills the square.

Radio Button

Organic

Sinuous

Ornamental

Checkbox

Botanical motif

Flowing curves

Gold accents

Toggle

Ornament mode

Show grid

Soft shadows

System Notifications

Whispered Notes Messages dressed in colour and calm. Even the error speaks with grace.

I

❧

Information Notice

The atelier is under gentle restoration. Available again from 08:00.

S

✦

Operation Completed

Your composition has been preserved with care. All changes are held safely.

W

❧

Attention Required

The session fades in five minutes. Please preserve your work before the hour turns.

E

✦

System Error

The connection has been severed. Tend to your network and try once more.

Natureas Form, Beautyas Function

I

S

W

E

Nature
as Form,
Beauty
as Function