Inspection Report — rendered output
data.json first. Caveat: the checklist is the set’s densest page — its row rhythm is deliberately tighter than the shared table spine to hold one page under the engine’s Times metrics (tolerances use the “max” idiom — see lab-report for the glyph-coverage note).
Engine features exercised: grouped-header table sections, checkbox cells as bordered blocks, break-inside-safe single-page fill dropped for natural flow at the knife edge.
Render it:
npx @formepdf/html templates/inspection-report/index.html -o inspection-report.pdf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Final inspection checklist QA-2026-2087 — Northmoor Quality Assurance</title>
<link rel="stylesheet" href="../northmoor-shared.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="sheet">
<div>
<header>
<div class="atop"></div>
<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">Quality Assurance</div>
</div>
</div>
<div class="addr" style="text-align: right">Form QA-16 rev. 5<br>Retain with the job packet<br>2200 Lyell Avenue, Rochester NY</div>
</div>
<div class="hr2" style="margin-top: 15pt"></div>
<div class="dochead">
<div>
<div class="lbl lbl-accent" style="margin-bottom: 7.5pt">Quality assurance · form QA-16</div>
<h1 class="dtitle">Final inspection checklist</h1>
</div>
<div style="text-align: right">
<div class="lbl" style="margin-bottom: 5.25pt">Record number</div>
<div class="refnum">QA-2026-2087</div>
</div>
</div>
</header>
<div class="meta meta-qa">
<div><div class="lbl">Job / shop order</div>20918 · Skid frames, units 41–48<div class="lbl" style="margin-top: 9pt">Drawing</div>4471-A rev. C</div>
<div><div class="lbl">Customer</div>Brightwater Foods LLC<div class="lbl" style="margin-top: 9pt">Release</div>R-07, ship window 05–16 Oct</div>
<div><div class="lbl">Inspector</div>H. Delacroix, stamp 44<div class="lbl" style="margin-top: 9pt">Date</div>07 September 2026</div>
<div><div class="lbl">Quantity presented</div>8 of 8<div class="lbl" style="margin-top: 9pt">Sampling</div>100% dimensional, visual all</div>
</div>
<table class="t checklist">
<thead><tr><th scope="col" style="width: 25.5pt">No.</th><th scope="col">Check</th><th scope="col" style="width: 97.5pt">Requirement</th><th scope="col" style="width: 57pt">Result</th><th scope="col" style="width: 22.5pt">Pass</th><th scope="col" style="width: 22.5pt">Fail</th><th scope="col" style="width: 22.5pt">N/A</th></tr></thead>
<tbody>
<tr class="ghead"><td colspan="7">Section 1 — Documentation</td></tr>
<tr><td>1.1</td><td>Current drawing revision in the job packet</td><td>Rev. C, dated 12 Jun 2026</td><td>Verified</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>1.2</td><td>Material certificates present for all heats</td><td>Mill certs, 3 heats</td><td>3 of 3</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>1.3</td><td>Welder qualifications current</td><td>ASME IX, in date</td><td>4 welders</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr class="ghead"><td colspan="7">Section 2 — Dimensional</td></tr>
<tr><td>2.1</td><td>Overall length</td><td>96.00 in ± 0.06</td><td>95.98 – 96.03</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>2.2</td><td>Overall width</td><td>48.00 in ± 0.06</td><td>47.99 – 48.02</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>2.3</td><td>Diagonal difference, squareness</td><td>0.12 in max</td><td>0.07 max</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>2.4</td><td>Mounting hole pattern, position</td><td>± 0.03 in to datum B</td><td>0.02 max</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr class="ghead"><td colspan="7">Section 3 — Welding and finish</td></tr>
<tr><td>3.1</td><td>Visual weld inspection, all joints</td><td>AWS D1.1 table 6.1</td><td>Accept</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>3.2</td><td>Undercut and spatter removed</td><td>None permitted</td><td>Accept</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>3.3</td><td>Dry film thickness, primer</td><td>2.0 – 3.5 mil</td><td>2.4 – 3.1</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>3.4</td><td>Adhesion, cross-hatch test</td><td>ASTM D3359, 4B min</td><td>4B</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr class="ghead"><td colspan="7">Section 4 — Identification and packing</td></tr>
<tr><td>4.1</td><td>Serial plate fitted and legible</td><td>NM-20918-41 to 48</td><td>8 of 8</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
<tr><td>4.2</td><td>Protective wrap and edge guards</td><td>Spec PK-04</td><td>Applied</td><td><div class="ck"></div></td><td><div class="ck"></div></td><td><div class="ck"></div></td></tr>
</tbody>
</table>
<div class="obsrow">
<div class="obs"><div class="lbl" style="margin-bottom: 5.25pt">Observations and non-conformances raised</div>Unit 44: minor spatter on the inside face of the near rail, removed and re-inspected at 14:20 — no NCR raised. Unit 47: primer at 3.1 mil on the corner gusset, within tolerance, noted for the powder coat line.</div>
<div class="box dispo">
<div class="lbl" style="margin-bottom: 4.5pt">Disposition</div>
<div class="dispo-lines">
<div class="ckpair"><div class="ckline"><div class="ck"></div><span>Accept</span></div><div class="ckline"><div class="ck"></div><span>Accept with note</span></div></div>
<div class="ckpair"><div class="ckline"><div class="ck"></div><span>Rework</span></div><div class="ckline"><div class="ck"></div><span>Reject</span></div></div>
</div>
</div>
</div>
<div class="sig sig-qa">
<div class="sigbox"><div class="lbl">Inspector</div><div class="sigline">H. Delacroix · stamp 44</div></div>
<div class="sigbox"><div class="lbl">Quality manager</div><div class="sigline">P. N. Raghunathan</div></div>
<div class="sigbox" style="flex-grow: 0.6">
<div class="lbl">Date of inspection</div><div class="sigline">07 September 2026</div></div>
</div>
<footer class="foot foot-tight" style="margin-top: 6pt">
<div style="flex-grow: 1">Retain with the job packet for seven years. A failed check requires an NCR before the job may proceed.</div>
<div>QA-2026-2087</div>
</footer>
</div>
</div>
</body>
</html>
/* inspection-report — final inspection checklist, form QA-16.
* Accent policy (operational): grouped-section header rows only. */
@page {
size: Letter;
margin: 52.5pt 57pt 40.5pt;
@bottom-left {
content: "Final inspection · Job 20918 · QA-2026-2087";
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;
}
}
.sheet { position: relative; }
.atop { position: absolute; top: -52.5pt; left: -57pt; right: -57pt; height: 3pt; background-color: #7B2233; }
.meta-qa { grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 12pt; line-height: 1.5; }
.checklist { margin-top: 18pt; }
.checklist td { padding-top: 2.25pt; padding-bottom: 2.25pt; line-height: 1.25; }
.checklist .ghead td { padding-top: 6.75pt; }
.obsrow { display: flex; gap: 19.5pt; margin-top: 7.5pt; }
.obs { width: 58%; font-size: 7.125pt; line-height: 1.65; }
.dispo { width: 187.5pt; }
.dispo-lines { font-size: 7.5pt; line-height: 1.6; }
.ckline { display: flex; gap: 4.5pt; align-items: center; margin-bottom: 4.5pt; }
.ckline .checklist .ck { width: 7.5pt; height: 7.5pt; }
.ck-unused { flex-shrink: 0; }
.ckpair { display: flex; gap: 15pt; }
.sig-qa { margin-top: 9pt; }
.sig-qa .sigline { margin-top: 12pt; }
.foot-tight { padding-top: 6pt; }
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
{
"recordNumber": "QA-2026-2087",
"form": "QA-16 rev. 5",
"job": "20918 · Skid frames, units 41–48",
"drawing": "4471-A rev. C",
"customer": "Brightwater Foods LLC",
"release": "R-07, ship window 05–16 Oct",
"inspector": "H. Delacroix, stamp 44",
"date": "07 September 2026",
"quantityPresented": "8 of 8",
"sampling": "100% dimensional, visual all",
"sections": [
{
"name": "Section 1 — Documentation",
"checks": [
[
"1.1",
"Current drawing revision in the job packet",
"Rev. C, dated 12 Jun 2026",
"Verified"
],
[
"1.2",
"Material certificates present for all heats",
"Mill certs, 3 heats",
"3 of 3"
],
[
"1.3",
"Welder qualifications current",
"ASME IX, in date",
"4 welders"
]
]
},
{
"name": "Section 2 — Dimensional",
"checks": [
[
"2.1",
"Overall length",
"96.00 in ± 0.06",
"95.98 – 96.03"
],
[
"2.2",
"Overall width",
"48.00 in ± 0.06",
"47.99 – 48.02"
],
[
"2.3",
"Diagonal difference, squareness",
"≤ 0.12 in",
"0.07 max"
],
[
"2.4",
"Mounting hole pattern, position",
"± 0.03 in to datum B",
"0.02 max"
]
]
},
{
"name": "Section 3 — Welding and finish",
"checks": [
[
"3.1",
"Visual weld inspection, all joints",
"AWS D1.1 table 6.1",
"Accept"
],
[
"3.2",
"Undercut and spatter removed",
"None permitted",
"Accept"
],
[
"3.3",
"Dry film thickness, primer",
"2.0 – 3.5 mil",
"2.4 – 3.1"
],
[
"3.4",
"Adhesion, cross-hatch test",
"ASTM D3359, 4B min",
"4B"
]
]
},
{
"name": "Section 4 — Identification and packing",
"checks": [
[
"4.1",
"Serial plate fitted and legible",
"NM-20918-41 to 48",
"8 of 8"
],
[
"4.2",
"Protective wrap and edge guards",
"Spec PK-04",
"Applied"
]
]
}
],
"observations": "Unit 44: minor spatter on the inside face of the near rail, removed and re-inspected at 14:20 — no NCR raised. Unit 47: primer at 3.1 mil on the corner gusset, within tolerance, noted for the powder coat line.",
"signatories": [
{
"role": "Inspector",
"name": "H. Delacroix · stamp 44"
},
{
"role": "Quality manager",
"name": "P. N. Raghunathan"
},
{
"role": "Date of inspection",
"name": "07 September 2026"
}
]
}
MIT-licensed, free to copy — source on GitHub. Passes PDF/UA-1 validation (veraPDF) in CI; validation is a floor, not a certification.