A design-system manifesto
One sky blue, five formats, no second color.
Quire is a cold-toned, chromatically monochrome design system for editorial documents. One serif carries hierarchy. One accent carries emphasis. Everything else is rule lines, tints, and disciplined whitespace. The same system produces playbooks, white papers, single-page reports, landing pages, and slide decks — this page among them.
How it works
A constraint system, not a style guide.
One palette
Sky blue, #1cb2f5
The accent is locked. There is no palette to pick from, and no second chromatic hue allowed anywhere in the document.
One serif
Fraunces carries hierarchy
Two weights only — 400 regular, 500 medium. Sans appears only on UI chrome: eyebrows, page numbers, table heads, tags.
One canvas
Cool, never pure white
Cool canvas #f7fbff. All grays cool-toned (B ≥ G ≥ R). No warm yellow-brown grays. No pure-neutral defaults.
1
Chromatic color
No second hue, anywhere. The accent is locked.
5
Format profiles
Playbook, white paper, single-page, landing-page, slides — same tokens.
10
Invariants
Hard rules the system will not break.
The bet
The reader only notices typography when it is bad.
Most "design systems" for documents are style guides — palettes, font pairings, header rules. Quire is the opposite. It is a constraint system: a small set of tokens and seven page archetypes, applied without exception. The discipline is the design.
Depth from rule lines, not weight
No drop shadows, no gradients, no blur. Strokes stay ≤ 2 px; border-radius stays ≤ 3 pt. Hierarchy comes from rule lines, tints, and disciplined whitespace — the same vocabulary editorial typography has used for two centuries. Pages should feel typeset, not designed.
Page archetypes, not free-form layouts
Every page belongs to one of seven archetypes: cover, TOC, chapter divider, standard content, stat-anchor, comparison, pull-quote. Changing the structure produces a different archetype, never a hybrid. Rhythm comes from sequencing archetypes — one visual reset every 5–7 content pages.
Two weights, two voices
Fraunces 400 for body, 500 for emphasis. That is the entire weight system. No synthetic bold, no italic body, no third weight introduced to "make it pop." Emphasis is reserved — when everything is loud, nothing is.
Build a system that disappears, and your content is what the reader remembers.
— Quire design system
Positioning
What it deliberately is, and what it isn't.
Quire is
- Editorial typography, with a cool-toned discipline.
- One sky-blue accent, one serif, two weights.
- Page-archetype driven — every page has a fixed structure.
- Output: typeset PDF via headless Chrome.
- A system that gets out of the reader's way.
Quire is not
- LinkedIn — no saturated corporate blue, no orange highlights.
- A default Word doc — no pure white, no Calibri, no cool blue-gray defaults.
- A marketing brochure — no multi-color charts, no gradients, no infographic decoration.
- A profile / dashboard UI — no avatars, no badges, no pill buttons, no card shadows.
- A style guide you can mix-and-match with a brand kit.
Read it next
Two demos already ship.
A 12-page self-introducing playbook and a 10-page white paper are live. The PDFs below use the exact tokens described on this page.