Framed ceremonial · Oxblood & bone · Playfair Display + Inter
E-commerce
A commercial invoice travels with a cross-border shipment and has to satisfy customs as well as the buyer: HS codes, country of origin, declared values and a signed declaration, on a document that stays readable when the line items run long.
3 designs, each a separate take on the same document rather than a recolour of one layout: Framed ceremonial, Swiss grid and Minimal, type-led. 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.
Generating these from your own data? See how invoices render over the API
Framed ceremonial · Oxblood & bone · Playfair Display + Inter
Swiss grid · Steel & blue · Inter only
Minimal, type-led · Ochre & ink · Merriweather + Open Sans
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 |
|---|---|---|---|---|
| Border Stamp | Framed ceremonial | Oxblood & bone | Playfair Display + Inter | 1 · A4 portrait |
| Customs Grid | Swiss grid | Steel & blue | Inter only | 1 · A4 portrait |
| Declaration | Minimal, type-led | Ochre & ink | Merriweather + Open Sans | 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 |
|---|---|---|
| Border Stamp | goods lines (table rows; the filled header band repeats on page break); ledger cells wrap to further rows of three | goods descriptions; exporter, consignee and importer address cells; marks and handling note |
| Customs Grid | goods lines (table rows; the header row with the tinted HS/origin band repeats on page break); meta cells wrap to further rows of four | goods descriptions; exporter, consignee and importer address blocks; marks and numbers; customs notes |
| Declaration | goods lines (table rows; the ochre column heads repeat on page break); particular cells wrap to further rows of four | the certification paragraph and its supporting note; goods descriptions; exporter, consignee and importer address blocks; marks and handling sentence |
These document sets each include the commercial invoice 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.