Compose two styles

Rather than blending two styles into a middle, this assigns them roles: one carries the structure, the other appears as an accent. Where the two fight, it says so before you start.

How to divide the work

Composition
Follow Flat Design / Vector Minimalism: Simple silhouettes and clear hierarchy
Type
Set in Flat Design / Vector Minimalism's manner (A rounded sans-serif), and let Grunge's lettering (Decayed sans, typewriter faces) appear only where you want the eye to catch.
Material
Ground in Flat Design / Vector Minimalism's material (Three to five colors; shadows only when they mean something); bring in exactly one thing from Grunge (Dirty paper, grain, low chroma plus one accent).
Colour
Build on #e9f1e4, #ef6651, #3a68a8 and admit one accent from #d8cbb1, #6d694e, #281f1b.

Where they fight

  • Flat Design / Vector Minimalism and Grunge share no intent, so the contrast has to become the subject rather than something to smooth over.

Caution

  • Flat Design / Vector Minimalism Figures easily become generic. Define your own ratios, lines and color rules.
  • Grunge Texture overlays alone feel dated. Run the logic of wear through photo, type and margin alike.

Image prompt

An original image that takes its structure from Flat Design / Vector Minimalism (Style, 2010s–) and its accent from Grunge (Style, 1990s). Structural cues: Uniform planes; Simple shapes; Few shadows; Clear color. Accent cues, used sparingly: Scuffing; Tears; Disordered type; Low-quality copies. Composition: Simple silhouettes and clear hierarchy. Type and lettering: A rounded sans-serif. Let one material quality come from the second style: Dirty paper, grain, low chroma plus one accent. Mood: Trust, Intimacy, Play, Rebellion, Nostalgia. Color: build on #e9f1e4, #ef6651, #3a68a8 with a single accent drawn from #d8cbb1, #6d694e, #281f1b. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above.

Related entries

  • Flat Design / Vector Minimalism 2010s– / Style / UI Expression

    Reduces information to plain planes and color, portable across screens and media.

  • Grunge 1990s / Style / Counterculture

    Uses dirt, tears and wear as resistance to the neatly managed screen.

Share this pairing:
https://indexstyle.org/compose?ids=flat-design+grunge

Back to index position