InvoiceKit

Four layouts · real fields · PDF built in your browser

Open the generatorGo Pro

Invoice template with four layouts and real fields

Pick one of four layouts, set how the line items read, and fill the same complete field set every invoice needs. The PDF is assembled in your browser, so client details and bank information never leave your machine.

1 · Invoice details

2 · From (you)

3 · Bill to (client)

4 · Line items

DescriptionQtyUnit priceAmount

5 · Template

6 · Adjustments

7 · Notes on the invoice

8 · Saved invoices

Saved in this browser only. Free keeps 3; Pro keeps unlimited and exports them together.

      What separates a usable template from a decorative one

      Most invoice templates fail in the same places. The layout looks good, and the document still cannot be paid, because a field is missing, the amounts were typed by hand and do not add up, or the totals get pushed below the print boundary when someone prints on Letter paper. A template earns its keep on boring properties, not on design.

      Before you judge a layout against a screenshot, check six things about the finished document:

      • Every field a payer needs is on the page: number, dates, both parties, lines, tax, total, payment instructions
      • The numbering pattern gives you a unique number every time, and a duplicate is easy to spot
      • Subtotal, tax, discount and balance are legible, in the order a bookkeeper expects
      • The amounts add up exactly as printed, row by row, not approximately
      • Nothing important falls off the page when printed on A4 or Letter
      • The currency is stated, so no amount is open to interpretation

      The four layouts and what each one is for

      1. Classic - clean B2B Type-led and restrained, in the shape accounts payable teams already recognize: invoice details on top, the two parties in blocks, a ruled line-item table, totals bottom right. If a finance department will forward the document internally, this is the safest choice, and the least memorable.
      2. Minimal - big totals Strips the page down to the fewest marks and sets the amount due large. Good when the reader is a person paying you directly rather than a department - one-off jobs, small clients, side work. Weaker when the invoice has to carry a lot of line detail, because the quiet layout makes dense tables harder to scan.
      3. Modern - color header Puts a color band across the top so the document reads as yours at a glance. Use it when brand recognition matters and the client opens the PDF on screen before deciding to print. Check a print preview first: heavy color is the thing most likely to look muddy on a plain office printer.
      4. Itemized - hours and rates Built around the line table, so a client who audits time sees rate, hours and per-row amounts without squinting. This is the layout agencies, consultants and tradespeople use when the client negotiated rates and checks them against the agreement line by line.

      Line-item columns: choose the argument you want to have

      The column setting changes how the same charges read to the person approving payment. Quantity, rate and amount is the natural set for goods and anything sold per unit; it shows the multiplication and invites no argument. Hours, rate and amount says the same thing in time - right for hourly work, wrong for a fixed fee, because a lump sum spread across invented hours asks the client to audit the hours instead of accepting the price. Description and amount collapses each row to a flat charge: good for a milestone fee or a reimbursed expense, and the weakest choice when the client expects to see how you arrived at the number.

      Which column set fits which way of charging
      Column setUse it whenWhat the reader checks
      Qty / Rate / AmountGoods, per-unit services, licensesThat the unit price matches the quote
      Hours / Rate / AmountTime-and-materials or retainer workThat the hours look plausible against the scope
      Description / AmountFixed fees, milestones, expensesThat the amount matches the agreed stage

      The fields every layout carries

      Below the layout choice, all four templates share one field set, and that set is the point: a pretty page with missing fields is stationery, not an invoice.

      • Invoice number with a pattern that auto-increments from the drafts you save in this browser
      • Currency picker with eighteen currencies, each formatted with the right number of decimal places
      • Issue date, due date, and terms from due on receipt to Net 60 - the due date follows the terms unless you set it yourself
      • From block: your business name, email, address, and payment instructions
      • Bill-to block: client name, client email, and client address
      • Unlimited line items, each with description, quantity and unit price, with the amount calculated for you
      • Tax rate you set, discount as a percent or flat amount, shipping or other charges, and amount already paid
      • Client PO or job number, printed so the document can be matched to a purchase order
      • Attach payment terms as a yes-or-no choice, plus a free-text notes field for everything else

      What this template honestly cannot do

      This is a single static page that produces a PDF in your browser, so it is worth being blunt about the edges. There is no client database: you type the name and address each time, or you reopen a saved draft. There is no recurring schedule: nothing here sends an invoice monthly on your behalf, because nothing runs after you close the tab. There are no hosted links: the finished document is a file you send yourself, not a page your client logs into, and there is no pay button embedded in the PDF.

      Drafts and the numbering history live in your browser's local storage, on the device you used. Clear site data and they are gone; a second laptop cannot see them. If you bill from two machines, keep one of them authoritative for numbering or type the number by hand. If you genuinely need a client list, scheduled sends and payment collection in one place, that is accounting-software territory, and no layout choice on this page substitutes for it.

      A short checklist before you download

      Read the finished document the way a clerk would. The word invoice and a unique number are on it. The due date is not blank. The totals panel matches the printed totals, and the amounts add up exactly as shown: each row rounded to the currency's smallest unit, then summed, then discount, tax and shipping applied in that order, then anything already paid subtracted. What the page prints is what the arithmetic says - that is the property hand-typed spreadsheets lose first.

      Then check the three things that cause silent payment delays:

      • Your payment instructions are on the document and the account details are correct - a client cannot ask a PDF for your bank number
      • The bill-to name and address match what the client's own records show, not your nickname for them
      • A reference to quote with payment - usually the invoice number - appears in the notes

      Frequently asked questions

      Can I change the layout after filling in the fields?

      Yes. The layout choice only changes how the same form data is arranged on the page - nothing you typed is reset. Switching from Classic to Itemized is one dropdown, so it is normal to fill the invoice, then try two or three layouts before you download the version that reads best.

      Why do two layouts in the dropdown say Pro?

      The four layouts described above - Classic, Minimal, Modern and Itemized - are free and stay free. The two extra ones, Serif letterpress and Dark header, belong to the paid plan, which is also the plan that removes the small footer line from the exported PDF. Nothing about a free document changes: same fields, same arithmetic, same download. Choose a Pro layout without the plan and the page says so plainly and puts you back on the layout you were using.

      Do I have to fill in the client PO or job number?

      No, it is optional, and plenty of invoices are perfectly payable without one. It earns its place when the client raises a purchase order before work starts: many accounts payable teams cannot enter an invoice that does not reference an open PO, so putting the number in the header saves an email round-trip.

      What is the difference between attaching payment terms and writing notes?

      The attach-terms choice prints standard payment wording on the document; the notes field is your own text, for delivery conditions, a thank-you, or the reference to quote with payment. Whether interest can be charged on a late balance depends on your contract and your jurisdiction, so keep any late-fee wording consistent with what you actually agreed.

      Will a template from this page satisfy my country's tax-invoice rules?

      It carries the fields most regimes ask for - a separately shown tax rate, space for a registration number in your details, and a unique number - but the mandatory wording differs by country and changes over time. Confirm the requirement with your tax authority or an accountant, and see the dedicated tax invoice page for VAT and GST setups.

      Does the tool remember which layout I chose?

      Your currency, terms and template choices are kept as preferences in the browser you used, so the next invoice on that device starts where the last one finished. It is local to that browser: a phone, a coworker's laptop or a private window will all start from the defaults.

      I chose Hours / Rate / Amount, but some rows are flat fees. Is that a problem?

      No. A row with a unit price and no quantity is treated as a single one-off charge rather than zero, so milestone and expense lines can sit in the same table as hourly ones. The column labels are presentation; the arithmetic below the table is the same either way.

      Can the client edit the PDF I send?

      A PDF you email is an ordinary file, and like any file it can technically be altered. That is why the number matters: the document you saved, the amount your totals panel showed, and the reference on the incoming bank transfer are what settle a dispute. Keep your copy, and put a quote-this-reference line in the notes.

      Sources and official references

      The field requirements described on this page follow published guidance from the tax authorities below. Rules differ by jurisdiction and change, so check the primary source for your own case - nothing here is tax or legal advice.

      Next tools & guides