Style combination · Contrasts
Art Nouveau × Low Poly Illustration
Whiplash curves cannot survive a polygon budget; stage one sinuous line against a faceted field for deliberate tension, or use Art Nouveau to see everything low poly gives up.
Mix them and make something Art Nouveau Low Poly Illustration
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 Low Poly Illustration
- Type from Art Nouveau
- Colour from Low Poly Illustration
- Form from Low Poly Illustration
-
Art Nouveau avoids angular & zigzag: this is where the two pull against each other, which is the point of the contrast.
- Composition from Art Nouveau
- Surface from Art Nouveau
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Low Poly Illustration
A digital illustration and game look in which subjects are built from a visible mesh of a few flat-shaded polygons, so that animals, faces, vehicles and landscapes read as hard-edged facets with no outline or texture. Around 2012 the polygon budgets of early real-time 3D became a chosen style, in Timothy J. Reynolds's Cinema 4D illustrations and then in indie games such as MirrorMoon EP (2013). Triangulation tools such as Trianglify then carried it into 2D vector art, posters and web backgrounds.
Jost; Low Poly Illustration used Faceted display faces that replace every curve with straight segments, such as Ray Larabie's Alphii (Typodermic, 2006), which in the foundry's words 'does not imitate a mesh or toolpath; it shares their economy' and A clean geometric sans set flat beside the faceted picture, so the letters stay legible while the mesh carries the image
03
The colours
The ground and leading colours come from Low Poly Illustration, with a counter-accent from Art Nouveau. The ink reads on the ground at 4.5:1 or more.
Art Nouveau Low Poly Illustration
-
#f1e8d0ground · 36% -
#163a4fink · 14% -
#e8704faccent · 18% -
#c9a24baccent · 14% -
#3fa58aaccent · 10% -
#1f6f78accent · 8%
As CSS
:root {
--ground: #f1e8d0;
--ink: #163a4f;
--accent-1: #e8704f;
--accent-2: #c9a24b;
--accent-3: #3fa58a;
--accent-4: #1f6f78;
--font-display: "Federant", sans-serif;
--font-text: "Jost", sans-serif;
}04
The two styles
05
More combinations
With Art Nouveau
- Fileteado Porteño Pairs well · Fileteado's acanthus scrolls share the whiplash; combine them for ornate, hand-made lettering frames.
- International Typographic Style Contrasts · Ornamental curves against an orthogonal grid make a strong deliberate tension; let one botanical flourish break a cold grid.
- Psychedelic Poster Pairs well · San Francisco poster artists lifted Mucha's figures and whiplash wholesale; push the curves into saturated, vibrating colour for a 1960s-flavoured revival.
- Russian Constructivism Contrasts · Organic sensuality versus machine-age diagonals: use the opposition to stage nature against industry.
- Vienna Secession Contrasts · Set French whiplash against the Viennese square to show the turn from organic to geometric ornament within one decorative idiom.
- Skønvirke (Danish Art Nouveau, Bindesbøll) Contrasts · Shares the hand-lettering and abundance but swaps the whiplash line and the female figure for blunt abstract masses; set side by side they show the heavy Danish variant.
- Expressionist Woodcut Graphics Contrasts · The parent's smooth whiplash and floral harmony is exactly what the gouge splinters; use one against the other to stage order breaking down.
- Beggarstaffs Poster (Nicholson & Pryde) Contrasts · Its curving floral line is the opposite of cut masses; set side by side to show how much a poster can drop.
With Low Poly Illustration
- Claymorphism & Soft 3D Contrasts · Both float one rendered object on a pale ground, but clay is inflated, rounded and softly shaded while low poly is cut into hard facets with stepped tones; choose clay for warmth and touch, low poly for crispness and a constructed, mineral feel.
- Bitmap & Pixel Graphics Pairs well · Both turn the limits of early game hardware into a chosen look, square pixels in 2D and few polygons in 3D (Wikipedia's 'Low poly' calls it the 3D analogue of pixel art, without a source). Pair a faceted scene with pixel type and icons for a retro-game interface, or set the square step against the triangle to show the two eras side by side.
- Cubist Pictorial Space Contrasts · Cubism breaks an object into planes seen from several viewpoints at once and flattens the space; low poly facets it from one consistent viewpoint and keeps the perspective. Borrow Cubist overlap only when ambiguity, not legibility, is the point.
- Flat Design Pairs well · Flat design's solid fields, sans type and calm grids make a quiet frame for one faceted hero illustration or a triangle-mesh header; keep the interface flat so the facets are the only place where depth appears.
- Generative & Dynamic Identities Pairs well · Generate the triangle mesh from seeded points and a colour ramp, as Trianglify does, to give an identity a family of backgrounds that vary per page or per user but always read as one system.
- PS1 / Lo-Fi 3D Revival (PSX Aesthetic) Contrasts · Both count polygons, but low poly shows clean, untextured flat-shaded facets on bright grounds with a calm tone, while the PSX look wraps its meshes in tiny warping textures, fog and grain to make dread. Keep the facets clean for decoration and dirty them for horror.
- Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D) Contrasts · Both stylise real-time 3D, but low poly shows faceted polygons with no outlines; contrast inked silhouettes with bare facets.
- Isometric Tech Illustration Contrasts · Faceted meshes with perspective against parallel-projected boxes in three flat tones.