Preview every page
Read the document as you fill in the form.
Modern Hourly Invoice Template
Bill for recorded time at agreed hourly rates. Compare the filled example, check each detail and save your own copy.
Works in your browserNo account neededYour details stay on this device
Example document. Edit every detail.
Choose your style
Preview1 page
What this invoice needs
All set
- Invoice number
- Issue date
- Your business name
- Customer name
- At least one item
- Due date or payment terms
Invoice rules in the US depend on your state. This tool helps you lay out an invoice; it is not tax advice.
Next steps
Follow the form, preview and download
These pictures show the same document generator with fictional example details.
- 1
Add your own details
Replace the example names and contact details in the form. Keep only information that belongs in this document.
Add your own details - 2
Read the filled document
Check the page preview after changing the text. Read the amounts, dates and page breaks before exporting.
Read the filled document - 3
Save the checked copy
Use the download controls above the preview. Open the saved file and give it one final read before sharing.
Save the checked copy
What you get
Three document styles
Compare Classic, Modern and Minimal layouts.
Download a PDF
Save a copy when the names and figures are right.
Details stay here
The generator works on this device.
Choose paper size
Use A4 or Letter and check the page breaks.
Keep editing
Return to the form to correct a detail before sharing.
Examples
These are fictional details. Choose an example, then replace them with your own.
How to use this template
- 1
Replace the hourly invoice details
Start with work date and task description. Replace the fictional sample with information from your own records.
- 2
Read the draft in the preview
Check hourly rate beside time total. Read each page from the perspective of a client checking time against the work completed.
- 3
Save and open the finished document
Choose PDF or Word above the preview. Check supporting note in the saved copy before sharing it.
Using this hourly invoice layout
This modern hourly invoice uses an accent band to separate the document heading from its content. The filled preview concerns a workshop service visit recorded in hours and minutes. It is intended to help you bill for recorded time at agreed hourly rates. Start with the example to compare the visual layout, then work through the details below from the perspective of a client checking time against the work completed.
Work date
A Modern hourly invoice should make work date easy to find. Try the filled example, october 23, to see how this detail sits in the document. Give each time entry a date when the work spans several days. Then turn to task description: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Task description
A Modern hourly invoice should make task description easy to find. Try the filled example, repairing cabinet doors, to see how this detail sits in the document. Name the actual task. Then turn to hours worked: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Hours worked
A Modern hourly invoice should make hours worked easy to find. Try the filled example, 1:30 or 1.5, to see how this detail sits in the document. Use the time format deliberately. Then turn to hourly rate: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Hourly rate
A Modern hourly invoice should make hourly rate easy to find. Try the filled example, the rate agreed for that task, to see how this detail sits in the document. Check the rate beside every time entry. Then turn to client reference: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Client reference
A Modern hourly invoice should make client reference easy to find. Try the filled example, project Cedar, to see how this detail sits in the document. Use a project or purchase reference if the client needs it. Then turn to time total: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Time total
A Modern hourly invoice should make time total easy to find. Try the filled example, the sum of the recorded entries, to see how this detail sits in the document. Compare the total hours with your time record. Then turn to payments received: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Payments received
A Modern hourly invoice should make payments received easy to find. Try the filled example, a retainer already applied to this work, to see how this detail sits in the document. Enter only the amount you intend to credit against this invoice. Then turn to supporting note: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Supporting note
A Modern hourly invoice should make supporting note easy to find. Try the filled example, time record available with the project files, to see how this detail sits in the document. Describe the billing period or approval reference without copying private meeting notes into the invoice. Then turn to work date: the two entries need to describe the same situation. Use the preview to check your replacement text, especially when a name or description is longer than the sample.
Review the hourly invoice before saving
The accent heading should leave the main hourly invoice information easy to read. Check a long entry such as work date after typing it, since a real name may take more room than the fictional one. Continue down to client reference and check where the next section starts. Use the preview controls to compare a page at fit width and at a larger zoom. On a phone, switch from Edit to Preview to read the page without the form taking the screen. Before exporting, select the intended paper size under Design. Recheck the last page after that change. The file should present the complete hourly invoice, including any final note or signing area that belongs with a workshop service visit recorded in hours and minutes.
Common questions
What changes in the modern hourly invoice?
The Modern design uses a stronger accent band and a different visual hierarchy. The fields still describe a workshop service visit recorded in hours and minutes. Check the longest entries, including client reference, in the page preview after you edit them.
Can I change the modern hourly invoice color?
Use the accent controls under Design. Compare the heading with work date and read the body text at normal size. A color choice should support the document rather than draw attention away from its meaning.
How do I replace the hourly invoice example?
Use the form to enter task description and then work through time total. The preview updates from your entries. All names and figures in the gallery are fictional and need checking before use.
Can I download this hourly invoice in two formats?
PDF preserves the previewed page arrangement. Word provides editable text and may reflow when opened. Use the current draft to bill for recorded time at agreed hourly rates; whichever format you choose, inspect the saved copy before sharing it with a client checking time against the work completed.
Will this hourly invoice send itself to anyone?
No. Download the checked copy, then choose how to share it. Your entries are used on this device. On a shared computer, clear the saved draft when you no longer want those details stored in the browser.