Two-column magazine · Oxblood & bone · Merriweather + Open Sans
Sales & marketing
A case study is proof in the customer's words: the situation, what was done, and the numbers that moved — with a pull quote doing the heavy lifting.
3 designs, each a separate take on the same document rather than a recolour of one layout: Two-column magazine, Minimal, type-led and Band header. 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.
Two-column magazine · Oxblood & bone · Merriweather + Open Sans
Minimal, type-led · Teal & coral · Merriweather + Inter
Band header · Indigo & coral · Montserrat + Inter
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 |
|---|---|---|---|---|
| Double Measure | Two-column magazine | Oxblood & bone | Merriweather + Open Sans | 1 · A4 portrait |
| Open Quote | Minimal, type-led | Teal & coral | Merriweather + Inter | 1 · A4 portrait |
| Results Story | Band header | Indigo & coral | Montserrat + Inter | 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 |
|---|---|---|
| Double Measure | headline figures across the measure; the two section stacks; method steps; ledger stage rows | standfirst; every section paragraph; method step descriptions; ledger stage labels |
| Open Quote | figure entries in the right-hand column; narrative sections in the left column; rollout rows | the opening quotation; every narrative section body; the measurement note; rollout row descriptions |
| Results Story | result figures; challenge / did / worked columns; shipped-artifact cards; timeline steps; before/after rows; roster names | per-column narrative; pull quote; before/after cell text |
These document sets each include the case study designs above.
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.