Stylogeny combining Islamic Geometric × Iranian Modernist Graphic Design

Try

Style combination · Pairs well

Islamic Geometric × Iranian Modernist Graphic Design

Set one calligraphic word or a fragment of girih against flat colour and a modernist grid instead of reproducing whole tile panels.

From the research on Islamic Geometric & Calligraphic Tradition

Use girih geometry as the hidden construction grid for stretched and interlocked calligraphic letters.

From the research on Iranian Modernist Graphic Design

Mix them and make something Islamic Geometric Iranian Modernist Graphic Design

CalmIslamic Geometric × Iranian Modernist
A sample layout drawn from the recipe: shapes from Islamic Geometric, their arrangement from Islamic Geometric, the finish from Islamic Geometric. 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.

Islamic Geometric & Calligraphic Tradition Iranian Modernist Graphic Design

Type from Iranian Modernist Graphic Design
Colour from Iranian Modernist Graphic Design
Form from Islamic Geometric
Composition from Islamic Geometric
Surface from Islamic Geometric

02

The type

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

Display · Iranian Modernist Graphic Design

Calm

Rakkas, standing in for Nastaʿlīq

Text · Islamic Geometric

A visual system shared across the Islamic world in which proportioned calligraphy, compass-and-straightedge geometry and the vegetal arabesque carry meaning and beauty in place of figurative imagery. Star-and-polygon tilings repeat across whole surfaces as if continuing beyond the frame, while Kufic, Thuluth and Naskh inscriptions give hierarchy to buildings, manuscripts and objects.

Reem Kufi; Islamic Geometric used Kufic and Thuluth

03

The colours

The ground and leading colours come from Iranian Modernist Graphic Design, with a counter-accent from Islamic Geometric. The ink reads on the ground at 4.5:1 or more.

Islamic Geometric & Calligraphic Tradition Iranian Modernist Graphic Design

  • #efe6d2 ground · 36%
  • #1a1a1a ink · 14%
  • #c49a3a accent · 18%
  • #b0322a accent · 14%
  • #1d6f8a accent · 10%
  • #2a9d9b accent · 8%

As CSS

:root {
  --ground: #efe6d2;
  --ink: #1a1a1a;
  --accent-1: #c49a3a;
  --accent-2: #b0322a;
  --accent-3: #1d6f8a;
  --accent-4: #2a9d9b;
  --font-display: "Rakkas", cursive;
  --font-text: "Reem Kufi", cursive;
}

Use it with care

Islamic Geometric & Calligraphic Tradition: Qur'anic verses, the names of God and the Prophet and other sacred phrases must not be cropped, distorted, mirrored, used as texture or printed on floors, footwear or throwaway packaging; have any Arabic-script text read and approved by a fluent reader or calligrapher. Abstract geometric pattern is far less sensitive than script, but credit the traditions and makers it comes from.

05

More combinations

With Islamic Geometric

All 20 combinations with Islamic Geometric

With Iranian Modernist Graphic Design

All 10 combinations with Iranian Modernist Graphic Design

Every style combination