A design system for stillness
Ink on paper, for screens that are paper.
Ink is a calm design system for reading. It uses sixteen grays and no motion, and it pages instead of scrolling, so an interface sits as quietly on a screen as a well-set book.
The practice
Five commitments, and why
Ink rests on five commitments. Each has a reason, and each reason becomes a rule the build checks, so it does not have to be remembered.
Sixteen grays
Ink on paper has always been enough to say anything. A small, fixed set of grays keeps every page in one quiet register, with nothing competing in hue.
So: Every color is one of the levels.The palette is exactly--gray-0to--gray-15, and each mode uses six.Stillness
Movement on a page pulls the eye whether or not the reader wants to look. A page that holds still leaves attention where the reader put it.
So: Nothing moves, and a press is an inversion.No transitions or animation anywhere; pressed and selected states are a pure inversion.A page at a time
A scroll has no edges and no end. A page has both: it can be read whole, and finished, as a book always could.
So: Content turns a page at a time.The whole page changes at once and the controls stay where they are.Clear in any light
Words are for everyone: tired eyes, low vision, a dim room or bright sun. Clear contrast is a kindness, not a style.
So: Contrast floors are higher.All text clears 7:1, control edges 4.5:1, and the full range of pure paper and pure ink is one class away.Nothing asks
An interface that ticks, refreshes and counts is asking for attention it was not given. Calm is mostly the absence of that asking.
So: Nothing updates itself.No clocks that tick, no live counters, no shimmer while loading. The page changes when someone touches it.
Two modes
Paper, and Night
Same tokens, same components, same markup. Put ink-paper or ink-night on <html>. With no stored choice, Ink follows the operating system’s light or dark setting until the person picks one.
Ink Paper
Dark on light
Ink on paper, as a page has always been.
Ink Night
Light on dark
For reading at night, with the lamp low. The same tokens, turned over.
Six principles
Still, legible, finite
Ink or paper.
Every mark is one of sixteen grays, and most of a page is just two: the ink and the paper it sits on.
Nothing moves.
A change happens in one step, never as a transition. Movement pulls the eye whether the reader wants to look or not, so there is none.
Pages, not scroll.
Long content arrives a page at a time with the count in view, and turning a page changes all of it at once. A page can be finished. Then it ends.
A press is black and white.
Feedback inverts the control, ink for paper and paper for ink, at once. It is unmistakable, and it asks for nothing more.
Type is the interface.
Lora for anything read, Atkinson Hyperlegible Next for anything operated. A notch heavier than usual, large, and well leaded.
Still is free.
Nothing ticks, refreshes or updates itself. A page left alone stays as it was left, and asks for nothing.
Where it comes from
Books, and a simpler way
Ink takes its shape from the printed book, and its temper from a simple idea: keep only what does the work. The constraints point the same way: attention left free, nothing decorative, and margins treated as part of the page rather than room to fill.
The printed page.
Five centuries of books settled what reading needs: a measure, a margin, a running head, a folio, and pages that end. Ink keeps all of it.
Ink, and nothing else.
One ink, one paper and the grays between them. With no color to decorate with, what is said has to carry the page.
Simplicity, simplicity.
“Simplicity, simplicity, simplicity!” Thoreau wrote, in a house he built himself by a pond. Ink is built the same way: few parts, each doing its work.
Ink also keeps the laws of the Ahimsa design system unchanged. Nothing appears unasked, there is no red, components read semantic tokens only, corners stay rounded, and nothing is loaded over a network.