> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fileloom.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Starter Templates

> Get started quickly with 50+ professionally designed PDF templates for invoices, receipts, reports, and more.

Fileloom provides a library of professionally designed starter templates to help you get started quickly.

## Browsing Starter Templates

<Steps>
  <Step title="Open Create Template">
    Go to **Templates** → **Fileloom Templates** in the dashboard.
  </Step>

  <Step title="Browse Categories">
    Select a category or browse all templates.
  </Step>

  <Step title="Preview">
    Click any template to see a full preview.
  </Step>

  <Step title="Use Template">
    Click **Use Template** to add it to your workspace.
  </Step>
</Steps>

## Template Categories

### Invoices

Professional billing templates for various industries

### Receipts

Transaction confirmations and payment records

### Reports

Data presentation and analytics

### Contracts & Agreements

Legal and business documents

### Certificates

Awards, credentials, and completions

### Tickets & Passes

Event access and identification

### Labels

Shipping and product identification

## Customizing Starter Templates

After adding a starter template to your workspace:

### 1. Update Branding

Replace placeholder branding with yours:

```html theme={null}
<!-- 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>
```

### 2. Modify Colors

Update the CSS to match your brand:

```css theme={null}
:root {
  --primary-color: #your-brand-color;
  --secondary-color: #your-secondary-color;
  --text-color: #333333;
}

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

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

### 3. Adjust Layout

Modify the HTML structure for your needs:

* Add or remove sections
* Rearrange content order
* Include additional fields
* Change table columns

### 4. Update Fields

Modify Handlebars placeholders to match your data:

```handlebars theme={null}
<!-- Original -->
{{customer.name}}

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

## Template Data Examples

Each starter template includes sample test data. Here's an example for the Professional Invoice:

```json theme={null}
{
  "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"
  ]
}
```

## Tips for Starter Templates

<CardGroup cols={2}>
  <Card title="Start Simple" icon="seedling">
    Begin with a template close to your needs, then customize
  </Card>

  <Card title="Keep Originals" icon="copy">
    Duplicate before heavy customization to preserve the original
  </Card>

  <Card title="Test Thoroughly" icon="vial">
    Test with your actual data before using in production
  </Card>

  <Card title="Version Control" icon="code-branch">
    Publish versions as you make significant changes
  </Card>
</CardGroup>