Material Design Billing Templates
5 print-ready HTML documents per theme — invoice, quote, receipt, credit note, payment reminder. A4 print-CSS, Handlebars placeholders, ready to plug into Stripe Invoice Templates, Lexoffice, sevDesk, or any Puppeteer/Playwright PDF pipeline.
Every template
Every document in the Material Design billing templates, rendered exactly as it ships. Click any one to enlarge.
Invoice Quote Receipt Credit note Payment reminder
Color tokens
- Primary
- #030213
- Background
- #ffffff
- Foreground
- oklch(0.145 0 0)
- Accent
- #e9ebef
Typography
Heading
Roboto
Body
Roboto Flex
What's inside
- Invoice
- Quote
- Receipt
- Credit note
- Payment reminder
About the Material Design billing templates
Material Design is a Showcase design language with its own palette, typography, and component rhythm. This billing templates renders that exact Material Design system — the same color tokens, type pairing, radius, and spacing — as a production React + Tailwind CSS build, not a mockup. Drop it in as-is, or lift the tokens into an existing project so the whole surface reads as one coherent Material Design brand. Every component below is real, copy-pasteable code with dark-mode support out of the box.
See the full Material Design showcase