The document collection / Invoice

Freelance Invoice Template

Bill hourly work with a clear service period, hours, rates, expenses, and payment instructions. An editable HTML invoice with sample JSON for automated PDF generation.

Paper format: A4
Included: HTML layout + sample JSON
Customization: Content, colors, typography
Rendering: Handlebars + Chromium

Use this template Download HTML

Preview the sample document, then make it yours. Change the layout in your editor or clone it into your RelayPDF dashboard to create an editable draft.

Open full-size preview

RELAYPDF / DOCUMENT COLLECTION

A4 HTML → PDF

Make it work for you

From a sample to
your next document.

This layout uses standard HTML and CSS with Handlebars fields. The preview is rendered from the downloadable source and sample data shown below.

Use the sample as a starting point. Your application supplies dates, labels, and calculated amounts; the template handles their presentation.

Personalize the design
Update the organization name, typography, and CSS accent colors. Replace the sample wording with content appropriate to your business.
Connect your data
Keep the field structure in the sample JSON and replace its values. Repeating arrays create the document’s rows or sections.
Preview, publish, generate
Test with your longest content. Publish the draft, then generate PDFs using its templateId and fresh templateData.

What you can customize

Field	Purpose
`studio`	Editable document content. Replace the sample value with your own data.
`number`	Your document reference; use a stable, unique identifier.
`client`	Editable document content. Replace the sample value with your own data.
`period`	Editable document content. Replace the sample value with your own data.
`dueDate`	Date supplied by your application; ISO dates work with the template’s date formatter.
`currency`	ISO currency code used by the money formatter, such as USD.
`services`	Hourly services with hours, rates, and precomputed amounts.
`total`	Final amount calculated by your application, including applicable adjustments.
`paymentInstructions`	Editable document content. Replace the sample value with your own data.
`note`	Editable document content. Replace the sample value with your own data.

Start with real sample data

Download sample JSON ↓

Inspect sample JSON

templateData / JSON

{
  "studio": "Acme Studio",
  "number": "INV—2026—042",
  "client": "Northstar Labs",
  "period": "September 1–7, 2026",
  "dueDate": "September 21, 2026",
  "currency": "USD",
  "services": [
    {
      "description": "Brand strategy & discovery",
      "hours": 12,
      "rate": 150,
      "amount": 1800
    },
    {
      "description": "Visual identity exploration",
      "hours": 24,
      "rate": 150,
      "amount": 3600
    },
    {
      "description": "Guidelines & handoff",
      "hours": 8,
      "rate": 150,
      "amount": 1200
    }
  ],
  "total": 6600,
  "paymentInstructions": "Bank transfer · Reference INV—2026—042 · Net 14",
  "note": "Thank you for building with us."
}

Clone through the API

POST /v1/templates

curl https://api.relaypdf.com/v1/templates \
  -H "Authorization: Bearer $RELAYPDF_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"name":"Freelance Invoice Template","galleryId":"freelance-invoice"}'

This creates an account-owned draft. Publish it before using its slug or UUID as templateId with templateData on POST /v1/pdf. Follow the complete template workflow →

Will the PDF match this preview?

The preview uses the same HTML and sample data included with this template. RelayPDF renders HTML using Chromium. Use the document’s intended A4 paper size and enable print backgrounds. Review page breaks when you add longer content or more rows.

Can I use my own branding and data?

Yes. Edit the HTML and CSS, replace the sample values, and keep the field names your template expects. Save your customized draft in the dashboard and publish a version when it is ready for your application.