Folio Open the colophon
A design language for planning visual stories

Folio

The interface reads like a freshly opened picture book.

01Spread one · sequential storytelling

Every screen is a page you turn.

Information arrives left to right — with pauses, reveals and quiet endings — the way a picture book carries a reader, never a neutral dashboard grid.

02Spread two · child-readable clarity

Read at arm's length.

Big gouache shapes, few competing colours, strong labels and generous paper — hierarchy grasped in a glance, before a single word is read.

3Highlighter inks
20Spreads a book
1.Turn that matters
03Spread three · print tactility

Ink settles into register.

Paper grain, offset plates, and one warm colour that lands exactly as the page does. Move your cursor — watch the plates drift out of register, then settle.

Registration · 46% · slate + brick + ochre
04Spread four · the page-turn

And the red bird crossed the whole wide sky.

One loud plate, held for the single moment the page turns — the only time brick red floods the whole spread.

05Colophon

Close the book.
Start the next.

Folio is a picture-book language for editorial planning tools, classroom story builders, museum education screens, and children's-literature archives — wherever warmth and narrative clarity matter.

Folio · the design commons Fraunces · IBM Plex Sans · IBM Plex Mono