# Invoice INV-2024-013

Prepared for **Acme Studio** · From **Maya Chen**, Product Designer

<Card title="Summary">
<Columns>
<Stat label="Amount due" value="$2,450.00" note="USD" tone="info" icon="currency-circle-dollar" />
<Stat label="Due date" value="December 15, 2024" note="In 9 days" tone="warning" icon="calendar" />
<Stat label="Status" value="Pending" tone="warning" icon="hourglass" />
</Columns>
</Card>

<Card title="What you're paying for">
| Description | Amount |
|---|---|
| Product design — 20 hours | $2,000.00 |
| Design system — 6 hours | $450.00 |
| **Total due** | **$2,450.00** |
</Card>

<Card title="Pay this invoice">
<Form name="invoice-payment">
<Radio label="Payment method" options="Credit or debit card | PayPal | Bank transfer" name="payment-method" hint="You'll be redirected to complete the payment securely" />
<Button variant="primary" size="large" icon="credit-card">Pay now</Button>
</Form>
<Callout tone="warning" title="Late payment">A 5% late fee applies if payment isn't received by December 15, 2024.</Callout>
</Card>

<FollowUps>
- Request a receipt after paying
- Contact Maya about this invoice
- View the full itemized breakdown
</FollowUps>