Around 1900
Art Nouveau
A decorative approach associated with flowing lines and stylized natural forms across several media. The relationship between image, lettering, and border matters more than adding a floral icon.
What defines it
- Sinuous line
- Botanical structure
- Integrated framing
What it asks of the project
- Reading & layout
- Open spacing for a slower reading pace
- Visual emphasis
- quiet · ornamental
- Implementation
- Allow time for a coherent decorative or image layer and responsive checks.
- Images & assets
- A coherent botanical line drawing is the main asset investment.
Color in use
A botanical exhibition page whose border follows the composition of its main illustration.
Accent labelOpaque text/surface: 18.49:1 · Text/accent: 4.86:1.
These pairs meet the normal-text minimum; check other surfaces separately.
Context
Compare the continuous curves, botanical framing, and integrated figure-and-letter compositions. Those relationships are more distinctive than a floral motif on its own.
View collected reference imagesBuild it
- Draw one continuous framing motif
- Keep display lettering short
- Use plain body text inside the frame
Typography
Use organic display lettering for a short title. Keep the smaller text conventional so the border and lettering do not compete.
Watch out for
Generic flowers without the line structure or elaborate letterforms in controls and paragraphs.
A working interpretation
Original CSS composition with the same content and controls used in every direction. Image-led styles need additional artwork for their full expression.
Open the full example →Hand it to an agent
Point your agent at this guide, or save the files below.
Check the result
- Confirm: draw one continuous framing motif.
- Confirm: keep display lettering short.
- Confirm: use plain body text inside the frame.
- Review specifically for: Generic flowers without the line structure or elaborate letterforms in controls and paragraphs.