Manuscript Illumination

A Design System for the Scriptorium

Inspired by the gilded folios of medieval Europe — gold leaf, lapis lazuli pigments, ornate initials, vine-scroll borders, and the patient craft of monastic scribes.

I

Color Palette

The pigments of the illuminator: ground lapis for ultramarine, cinnabar for vermillion, verdigris for green, gold leaf burnished to a mirror finish, and the warm tones of aged vellum.

Gold Leaf #c9a84c
Gold Bright #e8c84a
Ultramarine #1e3a8a
Vermillion #c0392b
Malachite #2d6a4f
Tyrian Purple #6b2fa0
Vellum #f0e6ce
Ink Black #1c1409
Ink Brown #3d2b1f
Ink Sepia #5c4033
Rubric Red #8b1a1a
Oxide Green #3b5e3b
II

Typography

Four tiers of the scribal hierarchy: blackletter display for grand titles, uncial for sacred headings, Cinzel small caps for rubrics and labels, and EB Garamond for the body text that fills the folio.

Display — UnifrakturCook 48px

In Nomine Domini

Uncial — Uncial Antiqua 36px

Illuminated Capitals

Heading — Cinzel 28px Bold

The Book of Hours

Subheading — Cinzel 20px Semibold

Decorated Borders and Vine Scrollwork

Body — EB Garamond 17px

The medieval illuminated manuscript is among the most enduring achievements of European art. Monastic scribes labored for years over a single volume, carefully ruling vellum pages and applying layer upon layer of pigment and gold. Each opening was a work of devotion and craft, from the smallest rubric to the grandest historiated initial.

Caption — EB Garamond 13px Italic

Folio 27v, the Lindisfarne Gospels, c. 715 — carpet page with interlace knotwork

Meta — Cinzel 11px Uppercase

Scriptorium • Folio XLII • Anno Domini MCCXV

Illuminated Initials (Drop Caps)

Beatus vir qui non abiit in consilio impiorum. The illuminated initial was the crowning glory of the manuscript page, often taking days to complete. Gold leaf was applied first, burnished to a mirror sheen, then the letter itself was painted in brilliant pigments ground from precious minerals.

Rubrics were written in red ink to distinguish headings and instructions from the main text. The word itself comes from the Latin rubrica, meaning red earth, the pigment used by Roman scribes for emphasis and annotation in their scrolls and codices.

Lapis lazuli, imported from the mines of Badakhshan, was ground to produce ultramarine — the most precious pigment in the medieval palette. Its cost often exceeded that of gold, and its use was reserved for the most sacred figures in a composition.

III

Spacing

Based on a 4px unit, as measured by the pricking holes along the margin that guided the scribe's ruling lines.

XS (4px)
4px
SM (8px)
8px
MD (16px)
16px
LG (32px)
32px
XL (64px)
64px
IV

Buttons

Crafted with the pigments of the illuminator. The primary ultramarine, the vermillion of rubrics, and the burnished gold of the finest folios.

Primary Variants

Sizes

States

V

Forms

The scribe's tools for gathering input — quill, ink, and ruled vellum translated to text fields, selectors, and toggles.

Select the type of codex being prepared for the patron.

VI

Cards

Folio panels for presenting content, each crowned with a gilded bar and styled by the dominant pigment of its illumination programme.

The Lindisfarne Gospels

Created around 715 CE at the monastery of Lindisfarne, this masterwork of Insular art combines Celtic interlace, Germanic animal ornament, and Mediterranean portraiture.

Les Très Riches Heures

Commissioned by the Duke of Berry, this Book of Hours by the Limburg brothers features calendar miniatures of unprecedented naturalism and luminous colour.

The Book of Kells

Ireland's greatest cultural treasure, containing the four Gospels in a riot of spirals, trumpets, and fantastical beasts rendered in iron gall ink and vibrant pigments.

VII

Alerts & Marginalia

In the tradition of marginal annotations and rubric instructions left by medieval scribes for binders, readers, and fellow illuminators.

Nota Bene

The quire signatures on the lower margin indicate the correct gathering order. Consult the binder before trimming.

Opus Completum

The illumination programme for this gathering is now complete. The gold has been burnished and the final pigments applied.

Caveat Scriptor

The supply of ultramarine runs low. Reserve the remaining lapis for the canon tables and the evangelist portraits.

Erratum

A line was omitted in the third column. The corrector must insert the passage in the margin with a signe de renvoi.

Marginalia Note

This section references the technique of burnished gold leaf on a gesso ground, as practiced in the Winchester school.

Marginalia were annotations, corrections, and sometimes doodles added to the margins of manuscripts by readers and scribes. They range from scholarly commentary to fantastical grotesques — knights fighting snails, rabbits jousting, and bishops transformed into birds. These marginal illustrations provide invaluable insight into the humor and preoccupations of medieval readers.

VIII

Decorative Elements

Ornamental devices drawn from the illuminator's repertoire — vine scrolls, knotwork, rubrics, and the colophon that marks the manuscript's completion.

This panel is framed by a vine border, evoking the white-vine interlace found in Florentine humanist manuscripts of the fifteenth century. Such borders served both as decoration and as a visual frame that elevated the text within.

Pigment Reference Table

Pigment Source Cost Usage
Ultramarine Lapis lazuli (Badakhshan) Exceeds gold Virgin's mantle, skies
Vermillion Cinnabar (mercury sulfide) Expensive Rubrics, borders, drapery
Verdigris Copper acetate Moderate Foliage, vine scrolls
Gold leaf Hammered gold on gesso Very expensive Initials, halos, backgrounds
Lead white Corroded lead Cheap Highlights, mixing
Carbon black Charcoal, lamp soot Cheap Outlines, text ink

This style guide was composed in the manner of the great scriptoria, with patience and reverence for the illuminated page.

Manuscript Illumination — A CSS Design System