Home Commentary

Geometric Ornaments for Typesetting

by Spencer Scorcelletti

Commentary #10 ()


The word t4zh1b, reserved in paper out of a field of twelve-pointed stars on lapis

The word Tazhib (تذهيب) refers to the The Classical Islamic style of manuscript illumination. The t4zh1b library is an effort to emulate some of these patterns for the purpose of typesetting. Read on to learn more or see the demo.

Tilings, Rays, and Patterns

A tiling of octagons and squares; the same tiling with two short rays leaving the midpoint of every edge; the star pattern those rays make when they meet
A tiling. Two rays off every edge, at one angle. Where they meet.

The process begins with a tiling, which is just repeating shapes to cover a geometric plane. Rays then are imaginary lines that symmetrically emanate from each edge of the tiling’s shapes. When rays intersect with one another they form patterns. The resulting patterns are the ornaments.

By starting with different tilings one can produce different patterns. Below are square, hexagonal, octagon–and–square, and dodecagon–and–triangle tilings.

The same construction on four tilings: square, hexagonal, octagon-and-square, dodecagon-and-triangle
Four different tilings as inputs.

The angle of the tips of the patterns is determined by the following formula:

tip = 180° + 360/n − 2 × contact

One grid drawn three times at 60, 90 and 120 degree star tips
The same tiling but with different angles.

Hatching, Color, and Materials

Before print publishing was wide spread there were pre-established conventions for representing certain colors with hatching. Both are supported here.

Seven panels of identical strapwork over seven different heraldic hatchings
argent, or, azure, gules, vert, purpure, sable.
The same seven panels again, this time laid as actual pigment: paper, gold, lapis, red lead, malachite, folium, carbon black
The same seven as the materials they stand for.

Additionally there can be ornate materials used within ornaments. The three blue hues below are distinct and reflect different regions and centuries.

The same bordered panel rendered in four palettes: one ink, Mamluk gold on lapis, Persian, Andalusi
The same pattern set in four different materials.

Strapwork refers to a ribbon either drawn or woven over and under, acting as a continuous, unbroken line. Along any strand the crossings must alternate, with each crossing binding the two strands.

The same band of strapwork drawn as unbroken line, then woven so each strand passes over and under
Strands are drawn across or woven.

Depth and Shading

The patterns can be quite overwhelming when rendered in 2d. Therefore, like their architectural counterparts, they can be made concave or convex. With depth shading then becomes possible.

The same square border drawn flat, then raised into a moulding, then sunk, each shaded against a light from the upper left
The light source is the upper left in all three.

Lettering and Furniture

A common need when typesetting is to have some kind of ornamented letters.

A capital D reserved from ornament four ways: the field running through its bowl, the bowl closed, the bowl given its own finer grid, and all four regions of the panel filled differently
The tool can accept a font as input to aid in this.

Additionally shamsas, verse markers, and marginal almonds can be formed.

Two shamsas, two verse markers and a marginal almond
Shamsa. Verse marker. Marginal almond.

Everything at once

These elements combined can make interesting and historically accurate ornaments. Below is a tall ogee window, with four rings of ornament, standing in relief off a bordered outline: lapis reversed, gold stipple woven, two rings left in diagonal hatching, red lead two-toned, with a shamsa and two verse markers in the opening.

A very tall ogee window in four rings of ornament, standing in relief off a bordered page: lapis reversed, gold stipple woven, two rings left in diagonal hatching, red lead two-toned, with a shamsa and two verse markers in the opening
Four rings in relief on a bordered page.

The generator is t4zh1b, MIT licensed, with no dependencies. Everything above is a scalable vector graphic (SVG). It was built for work towards typesetting this club’s own edition of the Arabian Nights.


Contextual Relations

Refers To

References Commentary

  • (none)

Refrenced by Commentary

  • (none)

Comments # (0)

Comment