Tax invoices, work orders, receipts, certificates
Every printable surface the Mufflermen workshop emits — paper-light documents that read correctly on screen and on A4. Each primitive lives on its own route inside the dark inspection frame.
Tax invoices, work orders, receipts, certificates is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Tax invoices, work orders, receipts, certificates: Every printable surface the Mufflermen workshop emits — paper-light documents that read correctly on screen and on A4. Each primitive lives on its own route inside the dark inspection frame.
Pick a document
Every document defaults to light theme inside the printSheet wrapper while the inspection chrome stays dark. Use the in-page Print button to test the browser print dialog.
Print sheet
A4 / Letter / 80mm receipt sheet wrapper. Compositional surface every document is built on top of.
Inspect primitive states 02Tax invoice
ABN-bearing tax invoice — bill-to block, line items, GST 10%, payment instructions, footer.
Inspect primitive states 03Thermal receipt
80mm thermal-roll receipt — workshop crest, line items, totals, change, barcode + footer message.
Inspect primitive states 04Work order
Workshop job sheet — customer, vehicle, scope, technician grid, hours log, parts table, sign-offs.
Inspect primitive states 05Quotation
Formal quote with valid-until date, numbered scope, pricing breakdown, T&Cs, signature blocks.
Inspect primitive states 06Packing slip
Outbound packing slip — ship-from / ship-to / freight tracking, packed-vs-ordered table, sign-off.
Inspect primitive states 07Purchase order
Supplier purchase order — supplier block, deliver-to block, line items, terms, authorised signature.
Inspect primitive states 08Consent form
Customer consent for performance / emissions work — risk disclosure, ADR ack, signature blocks.
Inspect primitive states 09Compliance certificate
Ornamental certificate of compliance — crest, scope certified, ADR ref, technician sign-off, QR.
Inspect primitive states 10Barcode block
Pure-SVG Code-128-style barcode rendered from any string — human-readable label below.
Inspect primitive states 11QR block
Pure-SVG 21×21 QR placeholder generated from a hash of the input. Renders the label underneath.
Inspect primitive states 12Print preview frame
Dark inspection chrome that wraps any printable surface — toolbar, ruler, print button, status bar.
Inspect primitive states