The Manuscript Language
being an account of a visual grammar for presenting digital content
as if it were typeset on handmade paper, printed from woodblocks,
and annotated by a scholar who could not stop writing in the margins
Origin on the provenance and animating spirit of the language
he Manuscript Language is drawn from the work of @instance_11 — known also as m_11 — a creator who presents generative shader code and mathematical art through the visual grammar of pre-modern printed texts. Their signature pieces place GLSL fragment shaders alongside the geometric forms they produce, on pages that appear to have been pulled from a sixteenth-century treatise on natural philosophy. Silver rings are cast from signed distance functions. Ornamental friezes tile across the page like woodblock-printed borders. Margin notes cite Ibn al-Haytham and Euclid.
The key insight is this: the form claims the content is serious. By presenting code — or any subject — through the apparatus of scholarship (section numbers, figure labels, ornamental initials, margin notes, horizontal rules), you give it the gravity of a theorem. You say: this is knowledge, not content.
Manuscript is not a retro filter, nor a period costume. It is a way of asserting that content has weight, history, and physical presence in a medium — the screen — that usually has none. When you build in Manuscript, you are saying: this was worth printing.
The Essence on what the language feels like, and what it does not
page torn from a book that should not exist. A medieval optics text that contains fragment shaders. A natural philosophy treatise on Pokémon types. A cartographic survey of a video game world. The subject is contemporary or fictional; the form insists it is ancient and serious. That tension — between the gravity of the presentation and the nature of the content — is the soul of Manuscript.
It feels like opening a leather-bound volume in the restricted section of a library. Like finding an annotated proof in a dead mathematician's desk. A page where the ink has weight, the paper has tooth, and the margins are full of someone's handwriting. The quiet confidence of something that does not need to shout because it is printed.
It does not feel like a "vintage" Photoshop filter, a fantasy RPG prop, a generic "old-timey" aesthetic, or parchment-and-wax-seal theming applied for vibes alone. The distinction is critical: Manuscript borrows the structure of old printed texts, not their surface decorations.
The Grammar being a catalogue of the elements from which the language is composed
§3.1Paper as Ground Truth
he background is not white. It is paper — and paper has texture. The color is a muted, slightly cool warm grey: not cream, not beige, but the color of handmade cotton or linen stock, around #ddd8cf. When possible, visible grain should be present — a real scanned paper image overlaid at very low opacity is far better than procedural noise. If convincing grain cannot be achieved, a flat paper tone with gentle mottling is preferable to bad fake texture.
Beneath any grain, subtle mottling: non-uniform color variation produced by gentle radial gradients at different positions, creating the natural unevenness of handmade paper. A very soft vignette darkens the edges, as if the page is lit from the center. The paper is the most important element. If the paper feels digital, nothing else matters — and an honest flat tone is always better than dishonest noise.
§3.2
Ink, Not Pixels
Text color is not #000000. It is ink — a warm, deep brown-black (#151210). On heavy text (titles, section numbers, drop caps), a subtle text-shadow simulates the slight ink spread of a letterpress: 0 0 0.5px rgba(21,18,16,0.3). This tiny imperfection makes type feel printed rather than rendered.
§3.3
Serif Prose as the Native Voice
The body text is in a proper book serif — warm, readable, with the cadence of scholarly writing. This is non-negotiable. Manuscript does not use monospace for body text; monospace is reserved strictly for code. The recommended face is Cormorant Garamond, a display Garamond with sharp contrast and elegant hairlines.
Line height is generous: 1.85–1.9, like a well-set book page. Non-first paragraphs carry a text indent of 1.5em, following the book convention. The result is prose that breathes and reads without fatigue.
§3.4
Widely Letterspaced Titles
Section titles are set in uppercase serif with extreme letter-spacing (0.2em–0.3em). Each letter breathes. This signals formality and gravitas — the typographic equivalent of a title page in a printed volume. Subtitles are lowercase italic, also letterspaced, functioning as thesis statements.
§3.5
Ornamental Friezes
Full-width horizontal bands of dense geometric pattern, drawn in ink on a dark ground. In the spirit of m_11 — where the code is the art — the friezes are generated from signed distance functions. Mathematical functions evaluate the distance from each pixel to geometric shapes; the boundaries between inside and outside become the paper-colored channels carved into the dark ink mass.
The tall friezes on this page are generated by computing the union of two rotated squares — an axis-aligned box and a 45°-rotated box — whose overlap produces an 8-pointed star. Concentric octagonal rings, radial spokes, and center rosettes are layered atop as additional SDF evaluations. The thin friezes use sinusoidal distance fields to produce a guilloche wave interlace. The code that generates these friezes is shown below in §3.8.
Each frieze has band architecture: outer border rules, inner guard lines, and a central motif zone. The SDF tile is rendered once, then tiled across the full width by the browser's native pattern compositor. No post-processing noise is applied — the mathematical precision is itself authentic to the m_11 aesthetic.
§3.6
Drop Caps in Woodcut Frames
The first letter of each major section sits inside a square frame with ornamental corner decoration — like an illuminated manuscript initial rendered as a woodblock print. Dark ink background, paper-colored letter, corner vine ornaments at reduced opacity, small decorative dots at the cardinal points. The drop cap is the signature move. It says: a human composed this page.
§3.7
Margin Notes
Small italic text in the right margin, providing scholarly commentary, cross-references, citations, or wry asides. Margin notes add information density without cluttering the main text. They create the feeling of an annotated document and allow a secondary voice — the scholar's personal observations — to coexist with the primary text.
§3.8
Code as Formal Proof
When code appears, it sits below a thin horizontal rule, with line numbers on the left, in monospace at a smaller size than body text. It is not a code block in a README — it is a mathematical demonstration. The following function generates the 8-pointed star lattice visible in the ornamental friezes on this page.
1// The 8-pointed star: union of two rotated squares2float sdBox(vec2 p, vec2 b) {3 vec2 d = abs(p) - b;4 return length(max(d, 0.0)) + min(max(d.x, d.y), 0.0);5}67float sdStar8(vec2 p, float R) {8 float s = R * 0.7071;9 float d1 = sdBox(p, vec2(s));10 vec2 q = mat2(0.7071, 0.7071, -0.7071, 0.7071) * p;11 float d2 = sdBox(q, vec2(s));12 return min(d1, d2);13}
fig. 1 — The signed distance function that generates the ornamental friezes on this page
The Palette on the chromatic restraint of the printed page
he palette is almost monochromatic. Ink and paper, with a spectrum of mid-tones between them for secondary text, rules, and margin notes. A single accent — burnt umber, #6b260b — appears only in the friezes and the printer's mark: one color that says this was hand-printed with a second pass of ink.
| Token | Value | Purpose |
|---|---|---|
| --paper | #ddd8cf | Background — handmade linen stock |
| --paper-light | #e4dfd7 | Lighter paper variant |
| --paper-dark | #ccc6bb | Darker paper variant |
| --ink | #151210 | Primary text — warm brown-black |
| --ink-soft | #262220 | Secondary text, code |
| --mid | #767066 | Margin notes, labels, comments |
| --mid-light | #a9a198 | Rules, separators, line numbers |
| --accent | #6b260b | Burnt umber — friezes, marks, sparing emphasis |
Voice & Tone on the manner of address proper to the language
he writing voice in Manuscript is that of a scholar who is precise and wondering in equal measure. Not dry, not cold — but never casual. Sentences have the structure of formal prose. The author uses "it is observed that" and "the mechanism remains unknown" but also, in the margins, writes "the author declines to offer a rational explanation."
Think: the way Robert Hooke described cells in Micrographia. The way Darwin described barnacles. Clinical attention to detail, married to quiet awe at what is being described. The primary text speaks with authority; the margin notes allow for humanity — doubt, wonder, the occasional dry aside.
The form asserts that the content is serious. The voice confirms it — not by solemnity, but by the care with which each sentence is composed.
What This Is Not on the boundaries and prohibitions of the language
anuscript is not a period costume. Do not fake ye olde English or employ blackletter fonts or append wax-seal clip art. The language is contemporary — it borrows the structure of old texts, not their surface decorations. It is not dark mode; the paper is the design, and dark mode would negate the entire point. It is not a theme you apply; it is a way of thinking about content — that it deserves the same care as a printed book.
And it is not maximalist. The page should breathe. Wide margins, generous line height, ample space between sections. Density comes from the content — margin notes, code, diagrams — not from cramming elements together.
When to Use on the proper occasions for the language
se Manuscript when building documentation or reference sites that should feel authoritative. Fan wikis or compendiums that recontextualize their subject as scholarship. Portfolio pieces or case studies that want gravitas. Long-form articles or essays. Any project where the subject deserves the dignity of being treated as knowledge rather than content.
The language works especially well when the subject is unexpected — when presenting something contemporary or playful through the apparatus of scholarship creates productive tension. A Pokémon type chart as a natural philosophy table. An API reference as a cartographic survey. A blog post as a printed treatise. The juxtaposition is where the character lives.
The Verification a checklist for the conscientious practitioner
Before delivering a work in the Manuscript language, the practitioner is advised to verify the following:
- Background feels like paper — flat tone with gentle mottling, or convincing physical grain
- Background has subtle non-uniform color variation
- Text is in a proper book serif, not monospace
- Titles are widely letterspaced uppercase
- Ornamental friezes present — generated from SDF functions with band architecture
- Friezes feel like carved woodblock: dark ink mass with paper-colored channels
- Drop caps are present at section openings
- Margin notes exist and add a secondary voice
- The layout has a text column and margin column
- Code blocks have line numbers and sit below horizontal rules
- Heavy text has subtle ink-bleed shadow
- A printer's mark appears at the end
- The overall feel is printed, not rendered
Composed in the Manuscript visual language.
Set in Cormorant Garamond with JetBrains Mono for demonstrations.
The ornamental friezes are generated from signed distance functions — the code is the ornament.
This was worth printing.