Templates

HTML and CSS templates for business documents

Every page below carries a whole file. Not a fragment and not a screenshot: a doctype, a stylesheet and a body that renders to a finished page if you paste it into a renderer without changing a character. Replace the sample data and the layout holds.

Each one also says why its parts are there, which is the thing a file on its own cannot tell you. For the dimensions each template is set to, see PDF page sizes. For the break rules the templates use and which of them a browser-based render actually implements, see CSS for paged documents. For the render options each template's example call uses, see everything the API does.

Billing and receivables

  • The standard commercial invoice: a demand for payment with line items, a tax figure, and terms that say when the money is due.

  • A cross-border invoice inside the EU, with both parties' VAT identification numbers, tax broken out per rate, and a reverse charge statement.

  • An Indian tax invoice with GSTIN for both parties, HSN codes per line, and tax split into CGST and SGST or charged as IGST depending on the place of supply.

  • The customs document that travels with an international shipment: what the goods are, what they are worth, where they were made, and under what terms they move.

  • A document shaped like an invoice that is deliberately not one: it commits nobody to pay and exists so the buyer can raise an order, open a credit, or clear an import.

  • A document that reverses part or all of an invoice, naming the invoice it reverses and the reason.

  • A periodic summary of one customer's account: opening balance, everything that moved it, closing balance, and how old the outstanding amount is.

  • Sent by the payer, not the seller: a note saying which invoices a payment covers and what was deducted from each.

  • A letter chasing an overdue invoice, stating how overdue it is, where the account sits in an escalation ladder, and what happens next.

Payments received

  • Proof that a payment was made: the amount, the payment reference, the method, and what it was for.

  • The point-of-sale receipt printed on an 80mm roll, designed for a print head that is narrower than the paper and has no greys.

  • Rent receiptA5 landscape

    A landlord's acknowledgement that rent was received for a stated period, in the form a payroll or tax process will accept.

  • A charity's acknowledgement of a gift, in a form the donor can use as evidence for a tax deduction.

Selling and buying

  • A priced proposal with a validity date, a scope, optional items kept out of the headline total, and somewhere to sign.

  • Issued by the buyer: an instruction to supply specific goods at specific prices, with separate delivery and invoicing addresses and the conditions of the order.

  • A dated catalogue of prices by item code, usually with a second column for volume, issued to trade accounts.

  • Sent to the buyer after an order is placed: what was ordered, what it cost, and above all when it will arrive.

  • A two-column technical specification sheet with a revision number, grouped tables, a dimensions figure and an ordering code.

Fulfilment

  • The document that goes in the box: what was ordered, what was actually shipped, and no prices at all.

  • Shipping label4 x 6 inch

    A 4 by 6 inch thermal label with a service band, a large delivery address, a routing code and a barcode with real quiet zones.

  • The form that goes in the box for the customer to send back: numbered steps, a table to fill in, coded reasons and a choice of outcome.

  • The buyer's record of what actually arrived: ordered against delivered against accepted, with every discrepancy explained and signed for.

  • Address label sheetA4, 21 labels

    Twenty-one addresses in a fixed 3 by 7 grid on A4, with absolute row heights so the print cannot drift out of the die cuts.

Field operations

  • A job sheet issued to an engineer: the asset, the reported fault, space to record what was done and what parts were used, and two signatures.

  • A structured pass, fail or not-applicable list grouped by section, with a comment column and an overall verdict.

  • A time-limited authorisation for hazardous work, with precautions as an initialled checklist, a fire watch requirement and a formal hand back.

  • A factual record of what happened, kept separate from any judgement about why, with corrective actions that have an owner and a date.

People and payroll

  • A statement of pay for one period: gross made of its parts, deductions made of theirs, the net that was actually paid, and the year to date.

  • Weekly timesheetA4 landscape

    Hours by project and by day across a week, totalled both ways, with an approval signature.

  • An itemised claim for reimbursement: expenses with receipts and business purposes, mileage calculated separately, and a policy note explaining the rules being applied.

  • A letter offering a role, stating the principal terms in a scannable block, the conditions the offer depends on, and an acceptance section to sign and return.

Legal and awards

  • A two-party agreement with automatically numbered clauses and sub-clauses, a cover page, and an execution block that cannot be orphaned.

  • A mutual confidentiality agreement with the two commercially significant terms, the definition of confidential information and the duration, pulled out into a box.

  • CertificateA4 landscape

    A landscape award document: a double frame, the recipient's name as the largest element, a citation, and two signatures with a seal between them.

  • Scope, deliverables with acceptance criteria, assumptions, an explicit out-of-scope list and a milestone payment schedule, under an existing master agreement.

  • A signed amendment to an existing statement of work, showing the change as a before and after, with its effect on cost, schedule, and what happens if it is not agreed.

  • A residential letting agreement with the particulars in a grid at the top, obligations on both sides, and an execution block on its own page.

  • An assumption of risk and release, with the specific hazards of the activity listed in a box and a clause-by-clause initialling area.

  • A postcard-sized card that goes in the box, stating the term, the fields the owner fills in, and what the warranty does and does not cover.

Correspondence and reporting

  • A formal letter with a letterhead on the first page only and a recipient address positioned for a window envelope.

  • A structured report with a full-bleed cover, a contents page, automatically numbered sections and figures, and body pages that flow.

  • Numbered agenda items with decisions pulled out of the narrative, and an actions table with an owner and a date on every row.

  • Subject rows with an attainment grade, an effort grade and a teacher comment, plus an attendance summary and a grade key on the page.

Events, hospitality and membership

  • Event ticketA5 landscape

    A landscape ticket with a tear-off stub, a scannable code sized in absolute units, and terms that a gate can actually enforce.

  • A bearer instrument at postcard size: a value, a redemption code set to be read aloud, space for names, and terms that say what happens to an unused balance.

  • A timed schedule on A5, with the fixed item marked, and practical arrival information at the foot.

  • A single-sided menu with leader dots between the dish and the price, dietary marks, and an allergen note that promises only what a kitchen can deliver.

  • An ID-1 wallet card with the organisation, the member, a membership number and a tier, on a dark ground that has to survive print.

  • A pocket card whose entire purpose is one date and one time, with the cancellation rule stated where it will be seen.

  • A day-by-day schedule with times, references in a monospace face, and every booking reference repeated in one block at the end.