✿ ✿ ✿

The Pre-Raphaelite Design System

A Visual Language Inspired by the Brotherhood & the Arts and Crafts Movement

Established MDCCCXLVIII · Revived in Digital Form

“Have nothing in your houses that you do not know to be useful, or believe to be beautiful.”
— William Morris, The Beauty of Life, 1880
Section I

Colour Palette

Drawn from Rossetti's canvases, Morris's wallpapers, and the verdant English countryside that inspired them all.

Forest Deep #2d4a2e
Auburn #8b3a2a
Tapestry Blue #2e4a6e
Gold Leaf #c5a028
Ivory Rose #f5ece0
Damask #6b3a4a
Earth #3a2a1a
Sage #7a9a6a

Each hue corresponds to a pillar of Pre-Raphaelite vision: the auburn of Rossetti's Beata Beatrix, the tapestry blues of Burne-Jones's stained glass, the verdant greens of Morris's Strawberry Thief, and the gold leaf of illuminated psalters that inspired them all.

Section II

Typography

Three serifs, each chosen for its kinship with the lettered arts of the medieval revival.

Display — EB Garamond
The Lady of Shalott
EB Garamond · 400–800 weight · Roman & Italic · For titles, illuminated initials, and ceremonial text
Heading — Cormorant Infant
On either side the river lie, long fields of barley and of rye
Cormorant Infant · 300–700 weight · Roman & Italic · For section headings, card titles, and navigational text
Body — Lora

The Pre-Raphaelite Brotherhood was founded in 1848 by seven young artists who rejected the mechanistic conventions of the Royal Academy. They sought a return to the abundant detail, intense colours, and complex compositions of Italian art before Raphael — hence their name. Among the founders were Dante Gabriel Rossetti, John Everett Millais, and William Holman Hunt.

Lora · 400–700 weight · Roman & Italic · For body text, descriptions, and long-form reading
Type Scale
3.2rem / 54px Ophelia
2.4rem / 41px Proserpine
1.8rem / 31px Beata Beatrix
1.4rem / 24px La Belle Dame sans Merci
1.1rem / 19px The Awakening Conscience
1.0rem / 17px Body text — the standard measure
0.85rem / 14px Caption & metadata
Illuminated Initial Capital

She left the web, she left the loom, she made three paces thro' the room, she saw the water-lily bloom, she saw the helmet and the plume — she look'd down to Camelot. Out flew the web and floated wide; the mirror crack'd from side to side; “The curse is come upon me,” cried the Lady of Shalott.

Section III

Spacing

An orderly rhythm of white space, as measured as the metre of a Tennyson stanza.

--space-xs
4px
--space-sm
8px
--space-md
16px
--space-lg
32px
--space-xl
64px
--space-2xl
96px
--space-3xl
128px
Section IV

Buttons

Organic, softly rounded forms with botanical shimmer effects — as though pressed from living vines.

Primary Actions
Secondary Actions
Sizes
Disabled State
Section V

Forms

Framed in vine-like borders, as though the inputs themselves were entries in a hand-lettered register.

Commission a Work

Choose from the Brotherhood's favoured subjects.
Section VI

Cards

Tapestry-bordered content panels, each a window into the Brotherhood's world.

Dante Gabriel Rossetti

Beata Beatrix

A memorial to Elizabeth Siddal, depicting Dante's Beatrice at the moment of her death — eyes closed in rapture, a red dove delivering a white poppy to her hands. The city of Florence dissolves in a golden haze behind her.

William Holman Hunt

The Light of the World

Christ stands at a long-unopened door, overgrown with ivy and weeds, lantern in hand. The door has no external handle — it can only be opened from within. A sermon in paint, realised with obsessive botanical precision.

John William Waterhouse

The Lady of Shalott

Inspired by Tennyson's poem, a pale maiden unmoores her tapestry boat upon the river, three candles guttering in the dusk. Her expression holds both terror and liberation as she faces the forbidden world of Camelot.

Edward Burne-Jones

The Last Sleep of Arthur in Avalon

Burne-Jones's final, monumental work: the dying king attended by weeping queens in a canopied pavilion. Seventeen years in the making, it stretches over twenty feet wide — a tapestry of sorrow painted in oil.

Section VII

Alerts & Badges

Illuminated notices in the tradition of marginalia — annotations in a living manuscript.

Truth to Nature Paint every blade of grass, every petal, every ripple of water exactly as it appears. The Brotherhood demands fidelity to the natural world above all artistic convention.
Colour & Passion Rossetti declared that intensity of hue was a moral imperative. Let no canvas leave the studio in muted tones when the world blazes with auburn, vermilion, and deepest lapis.
Medieval Devotion Look before Raphael, before the High Renaissance smoothed the world into ideal forms. Find beauty in the angular, the specific, the devotionally precise.
Illuminated Notice The initials “PRB” were inscribed secretly on early paintings, a monastic sign of shared purpose among the seven founders.
The Aesthetic Imperative Art should ennoble daily life. Every wallpaper, every chair, every book binding is an opportunity for beauty — this is the legacy of Morris & Company.

Solid Badges

Forest Deep Auburn Tapestry Blue Gold Leaf Damask Sage

Outline Badges

Millais Rossetti Hunt Burne-Jones Morris Waterhouse

Illuminated Badge

PRB · MDCCCXLVIII Arts & Crafts Aesthetic Movement
Section VIII

Design Principles

The philosophical pillars of the Brotherhood, translated into axioms for the visual designer.

I

Truth to Nature

Reject artifice. Observe the world with unsparing attention and render it faithfully. Every detail matters — the veining of a leaf, the texture of stone, the fall of light on water.

II

Medieval Revival

Draw from the well of pre-Renaissance art: its sincerity, its spiritual intensity, its intricate craftsmanship. The medieval world made no distinction between art and devotion.

III

Vivid Colour

Colour is meaning. The Brotherhood painted on wet white ground to achieve a luminous, jewel-like intensity. Let every hue be deliberate, saturated, and emotionally true.

Further Tenets of the Brotherhood

IV. Unity of the Arts — Painting, poetry, sculpture, and the decorative arts are facets of a single creative spirit. Morris's Red House embodies this: every surface designed as a unified work.

V. Narrative Depth — Every painting tells a story. The Pre-Raphaelites drew from Shakespeare, Keats, Tennyson, and Dante, layering symbols so each canvas rewards prolonged contemplation.

VI. The Hand over the Machine — Morris extended the Brotherhood's principles into social philosophy: the dignity of handcraft against the dehumanising factory. Beauty cannot be mass-produced.

VII. Serious & Heartfelt — The PRB declared their purpose: “to have genuine ideas to express.” Decoration without meaning is hollow. Every ornament must spring from conviction.