Stylogeny combining Islamic Geometric × Renaissance Book Typography

Try

Style combination · Pairs well

Islamic Geometric × Renaissance Book Typography

Use arabesque or moresque fleurons, as Venetian and Lyon printers did, to frame a classical text block.

From the research on Renaissance Book Typography

Mix them and make something Islamic Geometric Renaissance Book Typography

QUIETIslamic Geometric × Renaissance Book
A sample layout drawn from the recipe: shapes from Islamic Geometric, their arrangement from Islamic Geometric, the finish from Renaissance Book Typography. 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 Renaissance Book Typography

Type from Renaissance Book Typography
Colour from Islamic Geometric

Renaissance Book Typography avoids full polychrome: this is where the two pull against each other.

Form from Islamic Geometric
Composition from Islamic Geometric
Surface from Renaissance Book Typography

02

The type

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

Display · Renaissance Book Typography

Quiet

EB Garamond; Renaissance Book Typography used Jenson's roman and Griffo's roman

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 Islamic Geometric, with a counter-accent from Renaissance Book Typography. The ink reads on the ground at 4.5:1 or more.

Islamic Geometric & Calligraphic Tradition Renaissance Book Typography

  • #f2e9d8 ground · 36%
  • #1b1b1b ink · 14%
  • #c8a046 accent · 18%
  • #b23a2b accent · 14%
  • #2a9d9b accent · 10%
  • #1d3f8a accent · 8%

As CSS

:root {
  --ground: #f2e9d8;
  --ink: #1b1b1b;
  --accent-1: #c8a046;
  --accent-2: #b23a2b;
  --accent-3: #2a9d9b;
  --accent-4: #1d3f8a;
  --font-display: "EB Garamond", serif;
  --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 Renaissance Book Typography

All 16 combinations with Renaissance Book Typography

Every style combination