Side rail · Cobalt & chartreuse · JetBrains Mono + Inter
E-commerce
A shipping label is a fixed-size print job with no room to negotiate: barcode, service band, addresses and a tracking number, all of which must stay inside the label face.
3 designs, each a separate take on the same document rather than a recolour of one layout: Side rail, Band header 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 4×6" label, the same engine either way.
Side rail · Cobalt & chartreuse · JetBrains Mono + Inter
Band header · Charcoal & signal · Inter only
Minimal, type-led · Navy & brass · 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 |
|---|---|---|---|---|
| Barcode Rail | Side rail | Cobalt & chartreuse | JetBrains Mono + Inter | 1 · 4×6" label |
| Carrier Band | Band header | Charcoal & signal | Inter only | 1 · 4×6" label |
| Stark Label | Minimal, type-led | Navy & brass | Montserrat + Inter | 1 · 4×6" label |
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 |
|---|---|---|
| Barcode Rail | barcode bars — one label carries exactly one shipment, so no block multiplies | ship-to address block (2 lines domestic, up to 6 international); ship-from company line; the order and PO reference line may wrap to two lines |
| Carrier Band | barcode bars; handling chips — one label carries exactly one shipment, so nothing else multiplies | ship-to address block (2 lines domestic, up to 6 international); ship-from company line; order reference line may wrap |
| Stark Label | barcode bars — one label carries exactly one shipment, so no block multiplies | ship-to address block (2 lines domestic, up to 6 international); delivery instruction line; ship-from company line; the order and contents line may wrap |
These document sets each include the shipping label 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.