Stylogeny combining Art Nouveau × Cottagecore

Try

Style combination · Pairs well

Art Nouveau × Cottagecore

Use its whiplash floral borders for a more ornate, romantic variant.

From the research on Cottagecore

Mix them and make something Art Nouveau Cottagecore

RoseArt Nouveau × Cottagecore1890 · 2018
A sample layout drawn from the recipe: shapes from Art Nouveau, their arrangement from Art Nouveau, the finish from Cottagecore. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Art Nouveau Cottagecore

Type from Art Nouveau
Colour from Cottagecore
Form from Art Nouveau
Composition from Art Nouveau
Surface from Cottagecore

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Art Nouveau

Rose

Federant, standing in for Arnold Böcklin (Otto Weisert, 1904)

Text · Cottagecore

An internet-born pastoral aesthetic of cottage gardens, wildflowers, baking and slow rural life, circulated as mood boards, stickers, packaging, book covers and game art. Its link to Arts and Crafts is one of shared ideals (craft, rural simplicity, folk styles as a counter to industrial production), not a direct visual descent. It has been criticised for romanticising rural life and ignoring rural poverty, and for evoking conservative gender roles, Eurocentrism and heteronormativity.

EB Garamond; Cottagecore used Italicised roman title lettering, described on Wikipedia as reminiscent of a Chronicles of Narnia scrawl and Warm serifs and hand lettering

03

The colours

The ground and leading colours come from Cottagecore, with a counter-accent from Art Nouveau. The ink reads on the ground at 4.5:1 or more.

Art Nouveau Cottagecore

  • #f4ecd8 ground · 36%
  • #4f6b4a ink · 14%
  • #e8c872 accent · 18%
  • #c9a24b accent · 14%
  • #d9a5a0 accent · 10%
  • #3f7a75 accent · 8%

As CSS

:root {
  --ground: #f4ecd8;
  --ink: #4f6b4a;
  --accent-1: #e8c872;
  --accent-2: #c9a24b;
  --accent-3: #d9a5a0;
  --accent-4: #3f7a75;
  --font-display: "Federant", sans-serif;
  --font-text: "EB Garamond", serif;
}

05

More combinations

With Art Nouveau

All 28 combinations with Art Nouveau

With Cottagecore

Every style combination