Credit Note — rendered output
npx @formepdf/html templates/credit-note/index.html -o credit-note.pdf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Credit note CN-0392 — Northmoor Industrial Group, Inc.</title>
<link rel="stylesheet" href="../northmoor-shared.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="sheet">
<div class="atop"></div>
<div class="pagefill">
<header>
<div class="hd">
<div class="mast-left">
<div class="mark">N</div>
<div>
<div class="wm">Northmoor</div>
<div class="sub" style="margin-top: 3pt">Industrial Group, Inc.</div>
</div>
</div>
<div class="addr" style="text-align: right">418 Ellingham Road, Suite 300<br>Rochester, NY 14604<br>(585) 274-0180<br>ar@northmoorgroup.com</div>
</div>
<div class="hr2 mast-divider"></div>
<div class="dochead">
<div>
<div class="lbl lbl-accent" style="margin-bottom: 7.5pt">Accounts receivable · against invoice INV-4417</div>
<h1 class="dtitle">Credit note</h1>
</div>
<div class="stamp">Credit</div>
</div>
</header>
<div class="meta meta-doc">
<div><div class="lbl">Issued to</div>Brightwater Foods LLC<br>Accounts Payable<br>2140 Carnegie Avenue<br>Cleveland, OH 44115</div>
<div><div class="lbl">Credit note no.</div>CN-0392<div class="lbl meta-gap">Issued</div>07 September 2026</div>
<div><div class="lbl">Against invoice</div>INV-4417, 07 Sep 2026<div class="lbl meta-gap">Authorised by</div>M. Okonjo, Controller</div>
<div><div class="lbl">Return authorisation</div>RMA-1188<div class="lbl meta-gap">Goods received</div>05 September 2026</div>
</div>
<p class="intro">This credit note reduces the balance of invoice INV-4417. It is not a refund; the amount below is applied to your account and will appear on the next statement. Returned material was inspected at our Rochester dock and accepted in resaleable condition.</p>
<table class="t items">
<thead>
<tr>
<th scope="col" style="width: 33pt">Item</th>
<th scope="col">Reason and description</th>
<th scope="col" class="num" style="width: 52.5pt">Qty</th>
<th scope="col" style="width: 36pt">Unit</th>
<th scope="col" class="num" style="width: 61.5pt">Rate</th>
<th scope="col" class="num" style="width: 69pt">Credit</th>
</tr>
</thead>
<tbody>
<tr><td>001</td><td>Fastener set, stainless 316, M8 × 40 mm — returned, over-ordered by customer</td><td class="num">200</td><td>ea</td><td class="num">1.85</td><td class="num">370.00</td></tr>
<tr><td>002</td><td>Gasket sheet, neoprene, 1/8 in — short shipped, four sheets not delivered</td><td class="num">4</td><td>sheet</td><td class="num">46.50</td><td class="num">186.00</td></tr>
</tbody>
</table>
<table class="tt">
<tbody>
<tr><td>Subtotal credited</td><td class="num">556.00</td></tr>
<tr><td>NY sales tax 8.00% reversed</td><td class="num">44.48</td></tr>
<tr class="total"><td>Total credit</td><td class="num">600.48</td></tr>
</tbody>
</table>
<div class="due">
<span class="lbl" style="color: #111111">Applied to account</span>
<span class="due-figure">$600.48</span>
</div>
<div class="pagefill-spacer"></div>
<footer class="foot">
<div style="flex-grow: 1"><div class="lbl">Effect on invoice INV-4417</div>Invoice total 4,647.07 · credit 600.48 · revised balance 4,046.59, due 07 October 2026.</div>
<div style="flex-grow: 1"><div class="lbl">Queries</div>Accounts receivable, (585) 274-0180 ext. 214. Restocking is waived on this return. Freight on the returned carton was prepaid by Northmoor.</div>
</footer>
</div>
</div>
</body>
</html>
/* credit-note — page geometry and document-specific rules.
* Spine comes from ../northmoor-shared.css. */
@page {
size: Letter;
margin: 52.5pt 57pt 40.5pt; /* 70px 76px 54px */
@bottom-left {
content: "Credit note CN-0392 · Brightwater Foods LLC";
font-family: Helvetica, Arial, sans-serif;
font-size: 5.625pt;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #8A857E;
}
@bottom-right {
content: "Page " counter(page) " of " counter(pages);
font-family: Helvetica, Arial, sans-serif;
font-size: 5.625pt;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #8A857E;
}
}
/* First-page 4px full-bleed accent head rule (escapes into the margin). */
.sheet { position: relative; }
.atop {
position: absolute;
top: -52.5pt;
left: -57pt;
right: -57pt;
height: 3pt;
background-color: #7B2233;
}
.meta-doc { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.items { margin-top: 19.5pt; } /* 26px */
northmoor-shared.css alongside them — the set’s shared spine (type scale, tables, signature blocks, the accent).
Sample data (data.json)
Sample data (data.json)
data.json
{
"issuer": {
"name": "Northmoor Industrial Group, Inc.",
"address": "418 Ellingham Road, Suite 300, Rochester, NY 14604",
"phone": "(585) 274-0180",
"ein": "16-1904472",
"bank": {
"name": "First Genesee Bank, Rochester NY",
"account": "8841 002937",
"routing": "021304559"
},
"email": "ar@northmoorgroup.com"
},
"document": {
"type": "credit-note",
"number": "CN-0392",
"againstInvoice": "INV-4417",
"issued": "07 September 2026",
"rma": "RMA-1188",
"goodsReceived": "05 September 2026",
"authorisedBy": "M. Okonjo, Controller",
"stamp": "Credit"
},
"issuedTo": {
"name": "Brightwater Foods LLC",
"lines": [
"Accounts Payable",
"2140 Carnegie Avenue",
"Cleveland, OH 44115"
]
},
"items": [
{
"item": "001",
"description": "Fastener set, stainless 316, M8 × 40 mm — returned, over-ordered by customer",
"qty": 200,
"unit": "ea",
"rate": 1.85,
"credit": 370.0
},
{
"item": "002",
"description": "Gasket sheet, neoprene, 1/8 in — short shipped, four sheets not delivered",
"qty": 4,
"unit": "sheet",
"rate": 46.5,
"credit": 186.0
}
],
"totals": {
"subtotal": 556.0,
"taxReversed": 44.48,
"totalCredit": 600.48
},
"effect": {
"invoiceTotal": 4647.07,
"credit": 600.48,
"revisedBalance": 4046.59,
"due": "07 October 2026"
}
}
MIT-licensed, free to copy — source on GitHub. Passes PDF/UA-1 validation (veraPDF) in CI; validation is a floor, not a certification.