A design system composed in candlelight
Drawn from the warmth of mahogany writing desks, the glow of beeswax candles on manuscript paper, and the quiet discipline of quill on parchment. Every element in this system echoes the precision and beauty of classical composition — measured, deliberate, and rich with history.
The palette of an 18th-century study — parchment and ink, mahogany and gold, burgundy wax seals and forest-green baize.
Four voices in harmony — display, accent, heading, and body — each chosen for its affinity with the music and manuscripts of the Classical era.
In the tradition of illuminated manuscripts, the drop cap signals the opening of a new movement.
Rendered in Cinzel Decorative, it establishes visual gravity at the head of any passage.
Music is the one incorporeal entrance into the higher world of knowledge which comprehends mankind but which mankind cannot comprehend. The study of counterpoint and harmony, of fugue and sonata form, demands the same rigorous discipline as mathematics, yet speaks to the soul in ways that numbers never could. In the quiet hours before dawn, by the light of a single candle, the composer sets quill to paper and begins the careful work of translating the music he hears in his mind into the notation that will preserve it for centuries to come.
Like rests in music, spacing gives rhythm and breath to the composition. Built on a 4px base unit, each increment doubles the sense of openness.
Each box below is sized to its spacing token, demonstrating the proportional relationship between values.
Use smaller tokens (--space-1 through --space-3) for tight internal component spacing.
Medium tokens (--space-4 through --space-6) suit card padding and element gaps.
Larger tokens (--space-7 through --space-10) provide section-level breathing room —
the grand rests between movements.
Every field is a line on the manuscript — waiting to receive the composer's notation. Inputs rest on parchment; focus brings the warm glow of candlelight.
Manuscript pages, each bearing a distinct passage. Stacked like the loose leaves on a composer's writing desk, rich with the texture of parchment and the gleam of gold leaf.
Topped with a colored accent border — gold for principal themes, mahogany for secondary, burgundy for emphasis.
The layered-page shadow evokes a sheaf of manuscript pages, loose on the desk.
Decorated with faint staff lines across the top, evoking a page of orchestral score.
A wider format for featured content, with an icon panel at left.
Marginal annotations in the composer's hand — notes of guidance, caution, and emphasis written in the margins of the score.
Five movements that govern every decision in this system — drawn from the language of musical composition itself.
Colors must work in concert, never in isolation. As voices in a chorale resolve to consonance, so must every hue on the page support its neighbours. Test combinations in context; a gold that gleams beside mahogany may clash against burgundy if the proportions are wrong.
Contrast is the engine of clarity. Light against dark, serif against sans-serif, ornament against white space — each element gains meaning through opposition. Without counterpoint, a composition dissolves into monotony; without contrast, a design becomes invisible.
Spacing sets the pace at which the eye reads the page. Tight spacing creates urgency and density — the presto of a final movement. Generous margins and breathing room invite contemplation — the adagio that lets a melody unfold. Match the tempo to the content's purpose.
Visual hierarchy is the art of controlled loudness. A fortissimo headline commands the stage; a pianissimo caption recedes to its supporting role. Every element should occupy its proper dynamic level, ensuring the eye is drawn first to what matters most.
Every composition needs a considered ending. Footers, closing states, and final interactions should resolve the experience with the same care as an opening. The coda is not an afterthought — it is the last impression, and it must satisfy.