Starter Templates

<!-- Change logo -->
<img src="https://your-domain.com/logo.png" alt="Your Company">

<!-- Update company info -->
<div class="company-info">
  <h1>Your Company Name</h1>
  <p>123 Your Street, Your City</p>
  <p>contact@yourcompany.com</p>
</div>

:root {
  --primary-color: #your-brand-color;
  --secondary-color: #your-secondary-color;
  --text-color: #333333;
}

.header {
  background: var(--primary-color);
}

.accent {
  color: var(--secondary-color);
}

<!-- Original -->
{{customer.name}}

<!-- Your version -->
{{client.fullName}}

{
  "invoiceNumber": "INV-2024-0042",
  "date": "2024-12-15",
  "dueDate": "2025-01-14",
  "company": {
    "name": "Your Company",
    "address": "123 Business Ave",
    "city": "San Francisco",
    "state": "CA",
    "zip": "94102",
    "email": "billing@yourcompany.com",
    "phone": "(555) 123-4567",
    "logo": "https://yourcompany.com/logo.png"
  },
  "customer": {
    "name": "Acme Corporation",
    "address": "456 Client Street",
    "city": "Los Angeles",
    "state": "CA",
    "zip": "90001",
    "email": "accounts@acme.com"
  },
  "items": [
    {
      "description": "Web Development Services",
      "quantity": 40,
      "unitPrice": 150,
      "total": 6000
    },
    {
      "description": "UI/UX Design",
      "quantity": 20,
      "unitPrice": 125,
      "total": 2500
    }
  ],
  "subtotal": 8500,
  "taxRate": 8.5,
  "tax": 722.50,
  "total": 9222.50,
  "notes": "Payment is due within 30 days. Thank you for your business!",
  "paymentMethods": [
    "Bank Transfer",
    "Credit Card",
    "PayPal"
  ]
}