Skip to main content

Brokerage Trade Confirmation

A three-page institutional trade confirmation that the front-office at Mercer Sterling Securities mails to clients after every equity execution. One JSON file plus a small data context produces the entire document — no fixed coordinates, no template-engine post-processing, no manual page layout.

What it stacks on one page:

  • Editorial masthead — type-driven brand block in espresso (#1A1410) with an oxblood (#7A1F2E) accent rule, a tracked "TRADE CONFIRMATION · #conf · Issued date" info strip below, and a hairline divider. No banner block, no slab fill — paper on paper.
  • Half-open page chrome — running header anchored with a |‾‾‾‾ canvas L-bracket on the left, footer mirrored with a ‾‾‾‾| bracket on the right. Drawn with two line commands per zone, so there's no table-border gotcha.
  • Page-numbered running header — three-column layout with firm name, confirmation number, and Page $global.PAGE / $global.NUMPAGES on every page.
  • Customer-copy watermark — diagonal repeating "CUSTOMER COPY" tile at 7% opacity, 48pt — present but doesn't compete with the document.
  • Vector action chip — BUY rendered as a precise 56×22pt canvas chip in deep forest (#0F5132), sitting inline above the trade summary heading instead of stretching to fill a column.
  • Nested layout — columns containing tables containing inline formatting, with monospaced right-aligned money columns, subtotal rules, and a 1.5pt rule-up to the net-amount row.
  • Disclosures — ordered list nested with sub-bullets covering best-execution, Reg T, SIPC, dispute window, and 1099-B tax reporting.
  • Section break to a different page setup — cream-tinted background, wider margins, no running header — purely for the customer acknowledgment form.
  • AcroForm interactivity — printed-name text field, date field, contact-method dropdown all at a unified 320×22pt size for vertical alignment; four consent checkboxes at 14×14pt; vector signature line. Real PDF AcroForm widgets, fillable in any reader.
  • Barcodes — Code128 confirmation reference on page one, QR code on the acknowledgment page deep-linking to the firm's online verification endpoint.

Why this matters for the tool choice: every one of those layers is described declaratively in JSON. Change the trade from BUY to SELL, swap the security, edit the fee schedule, re-brand the letterhead — all data edits. No designer round-trip, no DOCX surgery, no fragile drag-and-drop layout that breaks when text overflows.

Features used: Canvas, Headers & Footers, Watermarks, Tables, Columns, Lists, Separators, Breaks, Form Fields, Barcodes, Data Injection, Styles