Policy Acknowledgement — rendered output
npx @formepdf/html templates/policy-acknowledgement/index.html -o policy-acknowledgement.pdf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Policy acknowledgement ACK-2026-20614 — 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="pagefill">
<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">Compliance</div>
</div>
</div>
<div class="addr" style="text-align: right">418 Ellingham Road, Suite 300<br>Rochester, NY 14604<br>Form CP-02 rev. 6 · Jan 2026</div>
</div>
<div class="hr2 mast-divider"></div>
<div class="dochead">
<div>
<div class="lbl lbl-accent" style="margin-bottom: 7.5pt">Compliance · form CP-02</div>
<h1 class="dtitle">Policy acknowledgement</h1>
</div>
<div style="text-align: right">
<div class="lbl" style="margin-bottom: 5.25pt">Return by</div>
<div class="refnum">30 September 2026</div>
</div>
</div>
</header>
<div class="meta meta-ack">
<div><div class="lbl">Employee</div>Priya N. Raghunathan<br>Employee no. 20614</div>
<div><div class="lbl">Department</div>4300 · Quality<div class="lbl meta-gap">Supervisor</div>R. A. Halloran</div>
<div><div class="lbl">Issued</div>07 September 2026<div class="lbl meta-gap">Cycle</div>Annual, plus on hire</div>
<div><div class="lbl">Return to</div>Compliance, Suite 300<br>or compliance@northmoorgroup.com</div>
</div>
<div class="prose measure80" style="margin-top: 16.5pt"><p>Please read each policy below, initial the corresponding box to confirm that you have read and understood it, and sign the declaration at the foot of this page. Policies are available on the intranet and in printed form from your supervisor. If anything in a policy is unclear, ask before you sign; signing does not waive any right you have under law.</p></div>
<table class="t" style="margin-top: 15pt">
<thead>
<tr>
<th scope="col" style="width: 52.5pt">Policy</th>
<th scope="col">Title and scope</th>
<th scope="col" style="width: 58.5pt">Version</th>
<th scope="col" class="num" style="width: 58.5pt">Pages</th>
<th scope="col" style="width: 48pt">Initials</th>
</tr>
</thead>
<tbody>
<tr><td>HS-01</td><td>Health and safety, including personal protective equipment and lock-out procedures</td><td>rev. 9</td><td class="num">14</td><td></td></tr>
<tr><td>HS-07</td><td>Accident, near miss and unsafe condition reporting</td><td>rev. 4</td><td class="num">6</td><td></td></tr>
<tr><td>CP-04</td><td>Code of conduct, gifts and hospitality</td><td>rev. 7</td><td class="num">11</td><td></td></tr>
<tr><td>CP-06</td><td>Anti-bribery and dealings with public officials</td><td>rev. 3</td><td class="num">8</td><td></td></tr>
<tr><td>CP-09</td><td>Conflicts of interest and outside employment</td><td>rev. 5</td><td class="num">5</td><td></td></tr>
<tr><td>CP-12</td><td>Speaking up — protected disclosures and non-retaliation</td><td>rev. 2</td><td class="num">7</td><td></td></tr>
<tr><td>IT-03</td><td>Acceptable use of company systems and data</td><td>rev. 8</td><td class="num">12</td><td></td></tr>
<tr><td>IT-05</td><td>Information classification and handling of drawings</td><td>rev. 3</td><td class="num">9</td><td></td></tr>
<tr><td>HR-05</td><td>Equal opportunity, harassment and bullying</td><td>rev. 6</td><td class="num">10</td><td></td></tr>
<tr><td>FIN-22</td><td>Travel, expenses and company cards</td><td>rev. 4</td><td class="num">8</td><td></td></tr>
</tbody>
</table>
<h2 class="sh">Declaration</h2>
<div class="prose measure80"><p>I confirm that I have received, read and understood the policies listed above; that I have had the opportunity to ask questions about them; and that I agree to comply with them. I understand that these policies do not form part of my contract of employment, that the company may amend them, and that a failure to comply may lead to disciplinary action up to and including dismissal. I understand that nothing in these policies or in this acknowledgement prevents me from reporting a suspected violation of law to a government agency.</p></div>
<div class="sig sig-ack">
<div class="sigbox"><div class="lbl">Employee signature</div><div class="sigline">P. N. Raghunathan</div></div>
<div class="sigbox datebox"><div class="lbl">Date</div><div class="sigline">Date signed</div></div>
<div class="sigbox"><div class="lbl">Received by compliance</div><div class="sigline">Name and date</div></div>
</div>
<div class="pagefill-spacer"></div>
<footer class="foot">
<div style="flex-grow: 1">Retention: duration of employment plus six years, policy CP-02. Filed in the employee's personnel record.</div>
<div>Ref. ACK-2026-20614</div>
</footer>
</div>
</div>
</body>
</html>
/* policy-acknowledgement — single page, dochead + policy table with
* initials boxes + declaration + three signature slots.
* Spine from ../northmoor-shared.css. */
@page {
size: Letter;
margin: 52.5pt 57pt 40.5pt;
@bottom-left {
content: "Policy acknowledgement · Annual cycle 2026 · ACK-2026-20614";
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;
}
.mast-divider { margin-top: 15pt; }
.meta-ack { grid-template-columns: 1fr 1fr 1fr 1fr; }
.sig-ack { margin-top: 15pt; }
.sig-ack .sigline { margin-top: 16.5pt; } /* 30px design; pen room absorbs 6pt of engine/prototype metric drift so the form stays one page */
.datebox { flex-grow: 0.6; }
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.", "department": "Compliance", "form": "CP-02 rev. 6 · Jan 2026" },
"document": { "type": "policy-acknowledgement", "reference": "ACK-2026-20614", "issued": "07 September 2026", "returnBy": "30 September 2026", "cycle": "Annual, plus on hire", "pages": 1 },
"employee": { "name": "Priya N. Raghunathan", "employeeNo": "20614", "department": "4300 · Quality", "supervisor": "R. A. Halloran" },
"policies": [
{ "code": "HS-01", "title": "Health and safety, including personal protective equipment and lock-out procedures", "version": "rev. 9", "pages": 14 },
{ "code": "HS-07", "title": "Accident, near miss and unsafe condition reporting", "version": "rev. 4", "pages": 6 },
{ "code": "CP-04", "title": "Code of conduct, gifts and hospitality", "version": "rev. 7", "pages": 11 },
{ "code": "CP-06", "title": "Anti-bribery and dealings with public officials", "version": "rev. 3", "pages": 8 },
{ "code": "CP-09", "title": "Conflicts of interest and outside employment", "version": "rev. 5", "pages": 5 },
{ "code": "CP-12", "title": "Speaking up — protected disclosures and non-retaliation", "version": "rev. 2", "pages": 7 },
{ "code": "IT-03", "title": "Acceptable use of company systems and data", "version": "rev. 8", "pages": 12 },
{ "code": "IT-05", "title": "Information classification and handling of drawings", "version": "rev. 3", "pages": 9 },
{ "code": "HR-05", "title": "Equal opportunity, harassment and bullying", "version": "rev. 6", "pages": 10 },
{ "code": "FIN-22", "title": "Travel, expenses and company cards", "version": "rev. 4", "pages": 8 }
],
"relatedContract": "EMP-2026-0113",
"retention": "Duration of employment plus six years, policy CP-02"
}
MIT-licensed, free to copy — source on GitHub. Passes PDF/UA-1 validation (veraPDF) in CI; validation is a floor, not a certification.