Inkleaf

Agent-built screenshot

Built by a coding agent from this system's prompt, on the same base apps as every other system. Unedited.

Applying a system copies its tokens and rules into your project's design-system/ folder, and every later screen is built from that copy. Updates here never restyle a project on their own — ask your agent to update and it applies only what changed since your copy.

1. 2026-10-14current

   First release of Inkleaf: warm ink on cream paper, a text serif for headings and a quiet sans for everything else, with almost no color. Its personality comes from hand-drawn brush-ink pictograms that draw themselves in once, frame by frame, and from soft pastel stages that hold product UI. Everything settles slowly.

   Details (7)

   • Ten defining rules and a Never list: paper and ink grounds, one warm accent kept to focus rings and a single hero drawing, serif headings in sentence case, depth from 1px rings and tonal bands instead of shadows.
   • Five signature recipes: brush-ink pictograms played once as a stepped sprite, pastel stages and plates, serif headings that fade in word by word, a hand-drawn "working" glyph instead of a spinner, and ink-and-paper ring controls.
   • Drawing rules an agent can follow: one subject per drawing taken from the app's own domain; hands built from long, separate hairpin fingers in four poses (present, grip, pinch, point), no pose on more than a third of an app's hands, with a wrist that runs off the edge of its plate or stage; a one-word test for every drawing; and each product drawn as itself when it has no photo, in the same plate color on every screen.
   • Large drawings keep a solid, unbroken line that swells in the middle and thins at the ends, like a brush. Plates and stages size their drawing by height, at most 416px, so no object is cut off at an edge.
   • Motion tokens for slow settles (750 to 1000ms), stepped loops and hover rings; under reduced motion every drawing shows its final frame and nothing stays hidden.
   • 14 specified components, avatar and empty state included, with designed hover, focus, disabled, loading and error states, and layout rules for dashboards, stores, articles and settings.
   • Light and dark themes with Source Serif 4, Instrument Sans and JetBrains Mono, all openly licensed.