Offer Letter — rendered output
npx @formepdf/html templates/offer-letter/index.html -o offer-letter.pdf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Offer of employment OFF-2026-0113 — 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">Human Resources</div>
</div>
</div>
<div class="addr" style="text-align: right">418 Ellingham Road, Suite 300<br>Rochester, NY 14604<br>(585) 274-0180 ext. 402</div>
</div>
<div class="hr2 mast-divider"></div>
</header>
<div class="dateline" style="margin-top: 21pt">24 August 2026 · Private and confidential</div>
<div class="recipient" style="margin-top: 16.5pt">Ms. Priya N. Raghunathan<br>2208 Wexford Lane, Apt. 6<br>Pittsford, NY 14534</div>
<h1 class="re" style="margin-top: 21pt; letter-spacing: 0">Re: Offer of employment — Quality Systems Manager</h1>
<div class="prose measure78" style="margin-top: 15pt">
<p>Dear Ms. Raghunathan,</p>
<p>Following your interviews on 12 and 19 August, I am pleased to offer you the position of Quality Systems Manager at our Lyell Avenue plant. The particulars are below; the full terms are in the enclosed contract of employment.</p>
</div>
<table class="t" style="margin-top: 10.5pt">
<thead>
<tr>
<th scope="col" style="width: 135pt">Item</th>
<th scope="col">Particulars</th>
</tr>
</thead>
<tbody>
<tr><td>Position</td><td>Quality Systems Manager, reporting to the Vice President, Operations</td></tr>
<tr><td>Start date</td><td>Monday 5 October 2026, 8.00 a.m., main reception</td></tr>
<tr><td>Base salary</td><td>96,000.00 per year, paid semi-monthly at 4,000.00 gross</td></tr>
<tr><td>Incentive plan</td><td>Target 10% of base salary, first eligible year 2027, paid March 2028</td></tr>
<tr><td>Signing payment</td><td>4,000.00 with the first full pay period, repayable if you resign within twelve months</td></tr>
<tr><td>Vacation</td><td>20 days a year, accruing from the start date; 25 days after five years' service</td></tr>
<tr><td>Benefits</td><td>Medical, dental and life insurance from 1 November 2026; 401(k) with 3% match after 90 days</td></tr>
</tbody>
</table>
<div class="prose measure78" style="margin-top: 15pt">
<p>The offer is conditional on satisfactory references, evidence of your right to work in the United States, and completion of our pre-employment screening.</p>
<p>Please confirm acceptance by signing and returning one copy of this letter and the contract by <b>7 September 2026</b>. To discuss any part of the offer before then, call me on extension 402.</p>
<p>Your work on supplier qualification is exactly what the quality plan you would inherit here needs. We hope you will join us.</p>
<p>Yours sincerely,</p>
</div>
<div class="signoff" style="margin-top: 19.5pt">
<div style="height: 16.5pt"></div>
<div class="name">Elaine T. Bhatt</div>
<div class="role">Director, Human Resources</div>
</div>
<div class="sig accept">
<div class="sigbox"><div class="lbl">Accepted — signature</div><div class="sigline">P. N. Raghunathan</div></div>
<div class="sigbox datebox"><div class="lbl">Date of acceptance</div><div class="sigline">Date</div></div>
</div>
<div class="pagefill-spacer"></div>
<footer class="foot">
<div style="flex-grow: 1"><span class="lbl">Enclosures</span> Contract of employment EMP-2026-0113 · Benefits summary · Screening consent form</div>
<div>Ref. OFF-2026-0113</div>
</footer>
</div>
</div>
</body>
</html>
/* offer-letter — single page. Spine from ../northmoor-shared.css. */
@page {
size: Letter;
margin: 52.5pt 57pt 40.5pt;
@bottom-left {
content: "Offer of employment · P. N. Raghunathan · OFF-2026-0113";
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; }
.accept { margin-top: 13.5pt; }
.accept .sigline { margin-top: 19.5pt; }
.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": "Human Resources", "phone": "(585) 274-0180 ext. 402" },
"document": { "type": "offer-letter", "reference": "OFF-2026-0113", "date": "24 August 2026", "relatedContract": "EMP-2026-0113", "pages": 1 },
"candidate": { "name": "Ms. Priya N. Raghunathan", "address": "2208 Wexford Lane, Apt. 6, Pittsford, NY 14534" },
"offer": {
"position": "Quality Systems Manager, reporting to the Vice President, Operations",
"startDate": "Monday 5 October 2026, 8.00 a.m., main reception",
"baseSalary": 96000.00,
"semiMonthlyGross": 4000.00,
"incentiveTargetPct": 10,
"signingPayment": 4000.00,
"vacationDays": 20,
"acceptBy": "7 September 2026"
},
"signatory": { "name": "Elaine T. Bhatt", "title": "Director, Human Resources" },
"enclosures": ["Contract of employment EMP-2026-0113", "Benefits summary", "Screening consent form"]
}
MIT-licensed, free to copy — source on GitHub. Passes PDF/UA-1 validation (veraPDF) in CI; validation is a floor, not a certification.