
Editorial serif · Bark & saffron · Amiri + Cairo
Arabic / RTL
3 arabic quotation designs, each drawn as a separate take on the same document — editorial serif, minimal, type-led and swiss grid — and each one data-driven rather than a fixed picture.
3 designs, each a separate take on the same document rather than a recolour of one layout: Editorial serif, Minimal, type-led and Swiss grid.Every preview below is the actual compiled output, not a mock-up.
Open one in the editor and render it from your own JSON over the API — 1 page of A4 portrait, the same engine either way.

Editorial serif · Bark & saffron · Amiri + Cairo

Minimal, type-led · Ink & cream · Cairo + IBM Plex Sans Arabic

Swiss grid · Graphite & azure · IBM Plex Sans Arabic + Lato
Same document, same data model, 3 different arguments about how it should look on paper. Pick on layout and typography — the content behaves identically.
| Design | Layout | Palette | Typefaces | Pages |
|---|---|---|---|---|
| Night Quill | Editorial serif | Bark & saffron | Amiri + Cairo | 1 · A4 portrait |
| Plain Axis | Minimal, type-led | Ink & cream | Cairo + IBM Plex Sans Arabic | 1 · A4 portrait |
| Tally Grid | Swiss grid | Graphite & azure | IBM Plex Sans Arabic + Lato | 1 · A4 portrait |
Each design is authored against an explicit reflow contract, so it is defined up front which blocks are emitted once per record and which fields absorb longer content. That is what stops the layout falling apart at a hundred rows.
| Design | Repeats per record | Grows with your data |
|---|---|---|
| Night Quill | priced sections (one heading and paragraph in the measure, its figure hung in the margin) | the opening paragraph; every section's paragraph; the terms list |
| Plain Axis | quoted lines (one row each, the head repeats on page break) | the two party blocks; every line's note; the terms paragraph |
| Tally Grid | quoted lines (table rows with their share meters; the head repeats on page break); the phase rows | the client block; every line's description; the assumptions list |
Open a design in the editor and the agent reshapes it around your schema — then render it from your own data over the API, or let your users edit it in the embedded editor.