Modern invoice template
A clean, contemporary invoice layout with bold typography, color accents, and structured sections that make your brand stand out.
Fill in your modern invoice
Edit any line, set your tax rate (0% is fine) and download a PDF. Line amounts, tax and the balance due calculate as you type.
Tax starts at 0%. Enter the rate that applies to you, or leave it at 0 if you do not charge sales tax or VAT.
For example a deposit. The PDF then shows the balance due.
- Nothing is saved on our side. Download the PDF before you leave the page.
- Amounts print with a $ sign. If you bill in another currency, say so in the notes.
- Prefer to edit offline? Download this starting point as Excel (.xlsx) or Word (.docx).
A modern invoice template reflects contemporary design principles: clean layouts, thoughtful typography, and professional aesthetics that make your business look current and credible. Modern invoices are built for digital delivery, mobile viewing, and smooth payment experiences. This guide covers how to create invoices that look professional and perform well in today's digital business environment.
What the modern invoice covers
What you can do with this template, and what it does not do.
Clean Typography
Modern sans-serif fonts, generous white space, and clear visual hierarchy for easy scanning and professional appearance.
Mobile-First Layout
Responsive design optimized for mobile viewing with touch-friendly payment buttons and readable text on small screens.
QR Code Payment
QR code integration for instant mobile payment scanning, allowing clients to pay directly from their smartphones.
Minimalist Color Palette
Limited color scheme (2-3 colors max) with strategic use of accent colors for calls-to-action and important information.
Digital Payment Buttons
Prominent "Pay Now" buttons with integrated payment processing for one-click payment completion.
Flat Design Elements
Contemporary flat design aesthetic with subtle shadows and clean lines, avoiding outdated 3D effects or gradients.
How to fill in your modern invoice
- Clean Header: Logo and business name prominently displayed, minimal clutter.
- Business Contact: Address, phone, email, website in an organized section.
- Client information: Recipient name/company and billing address.
- Invoice details: Invoice number, date, due date clearly visible.
- Line Items Table: Clean table with description, quantity, rate, and amount.
- Summary Section: Subtotal, tax, discounts, and total in a clear format.
- Payment Button/Link: One-click payment option for digital invoices.
- Payment Instructions: Clear guidance on how to pay.
- Footer: Thank you message, terms, or additional notes.
- White Space: Ample breathing room for readability.
- Prioritize Readability: Clean fonts, good contrast, and logical hierarchy.
- Use White Space: Don't crowd information. Let elements breathe.
- Mobile-Friendly: Design for screens of all sizes, especially mobile.
- Add Payment Links: Include one-click payment options.
- Consistent Branding: Match your website and marketing materials.
- Limit Colors: 2-3 colors maximum for professional look.
- Clear Hierarchy: Most important info (total due) stands out.
- Professional Fonts: Clean, readable typefaces. Avoid decorative fonts.
- PDF for Sharing: Export to PDF for consistent display everywhere.
- Test on Devices: Check how it looks on different screens.
Design principles for modern invoices:
Layout Guidelines:
- Header: Logo + business info (top 15%)
- Client section: Recipient details
- Invoice details: Number, dates, reference
- Line items: 50-60% of page
- Summary: Clear totals section
- Footer: Terms, payment info
Typography:
- Sans-serif fonts (clean, modern)
- 2 fonts maximum
- Headers: 14-18pt bold
- Body: 10-12pt regular
- Good contrast ratios
Color:
- Primary brand color
- Neutral text (black/dark gray)
- Accent for CTAs
- White or light background
Modern Features:
- Online payment integration
- QR codes for payment
- View tracking
- Mobile optimization
- Automated reminders
Payment approaches for modern invoicing:
Digital Payment Options:
- Pay Now buttons (card, PayPal)
- ACH/bank transfer links
- QR codes for mobile payment
- Apple Pay/Google Pay
- Cryptocurrency (emerging)
Standard Terms:
- Due on receipt (digital ease)
- Net 15/30 (traditional)
- Auto-payment setup
- Recurring billing
Modern Features:
- Email delivery with payment link
- Automatic reminders
- Read receipts/tracking
- Online client portal
- Partial payment options
Presentation:
- Terms visible but not dominant
- Clear "Pay Now" call-to-action
- Simple payment instructions
- Contact info for questions
- Cluttered Design: Modern = clean. Use white space and clear hierarchy.
- No Mobile Optimization: Test on mobile devices. Most invoices are opened on phones.
- Missing Payment Links: Include one-click payment options.
- Poor Typography: Use readable fonts. Avoid decorative or script fonts.
- Too Many Colors: Stick to 2-3 colors for professionalism.
- Low Contrast: Ensure text is readable against backgrounds.
- Outdated Look: Update templates periodically to stay current.
- No Branding: Include logo and brand colors consistently.
- Complex Layouts: Simple, clean layouts work best.
- Buried Total: Make the amount due clearly visible.
Modern invoice: frequently asked questions
Related resources
Guides and articles
Related invoice templates
Explore more professional invoice templates for different industries
Retainer invoice template
Retainer invoice template for monthly client billing: the retainer fee, the period it covers, hours or deliverables used, rollover, and any out-of-scope work on its own line.
Excel invoice template
Free Excel invoice template (.xlsx) with working formulas for line amounts, subtotal, tax, amount paid, balance due and due date, plus a filled-in example sheet and an invoice log.
Word invoice template
Free Word invoice template (.docx): a line-item table with formula fields for amounts, subtotal, tax, total and balance due, bracketed placeholders and PDF export steps.
Google Docs invoice template
Google Docs invoice template: download the free .docx, upload it to your own Google Drive and save it as a Google Doc. Includes setup steps and what Docs cannot calculate.
Modern Invoice Templates With Clean Design
Discover how our modern invoice template simplifies your workflow, ensuring professional outcomes for your business.