Full-bleed hero · Charcoal & signal · Libre Baskerville + Lato
Sales & marketing
A product one-pager is a leave-behind — what it is, the specs, the proof and the price, on one side of one sheet.
3 designs, each a separate take on the same document rather than a recolour of one layout: Full-bleed hero, 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.
Full-bleed hero · Charcoal & signal · Libre Baskerville + Lato
Minimal, type-led · Slate & emerald · Libre Baskerville + Inter
Band header · Teal & 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 |
|---|---|---|---|---|
| Catalog Plate | Full-bleed hero | Charcoal & signal | Libre Baskerville + Lato | 1 · A4 portrait |
| Spec Column | Minimal, type-led | Slate & emerald | Libre Baskerville + Inter | 1 · A4 portrait |
| Teal Panel | Band header | Teal & 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 |
|---|---|---|
| Catalog Plate | specification rows; construction columns; installation rows | the deck; the hero paragraph; per-column construction copy; installation descriptions |
| Spec Column | capability items; headline figures; specification rows; plan rows | the display statement; the standfirst; per-capability copy; specification values |
| Teal Panel | feature cards; pricing tier cards; integration chips; comparison rows | value proposition; per-feature copy; comparison cell text |
These document sets each include the product one-pager 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.