> ## Documentation Index
> Fetch the complete documentation index at: https://docs.formepdf.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Offer Letter

> A one-page offer of employment: letter prose around a two-column particulars table, the HR signatory, and an acceptance signature pair whose two captions never repeat the same word.

<Frame caption="Offer Letter — rendered output">
  <img src="https://mintcdn.com/dataferry/I-nCXjDKaxTBieX4/images/templates/offer-letter/page-1.webp?fit=max&auto=format&n=I-nCXjDKaxTBieX4&q=85&s=36ed49d073bc780416624f9831d4a787" alt="Offer Letter, page 1" width="1100" height="1424" data-path="images/templates/offer-letter/page-1.webp" />
</Frame>

A one-page offer of employment: letter prose around a two-column particulars table, the HR signatory, and an acceptance signature pair whose two captions never repeat the same word. Change the candidate, position and particulars first — the reference, start date and 96,000.00 salary must stay consistent with the employment-contract and policy-acknowledgement templates (data.json links all three). The counter reads Page 1 of 1 by design.

**Engine features exercised:** @page margin boxes, page counters, fixed-height page fill, particulars table with th scope, flex signature pair.

Render it:

```bash theme={null}
npx @formepdf/html templates/offer-letter/index.html -o offer-letter.pdf
```

<CodeGroup>
  ```html index.html theme={null}
  <!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> &nbsp;Contract of employment EMP-2026-0113 · Benefits summary · Screening consent form</div>
    <div>Ref. OFF-2026-0113</div>
  </footer>
  </div>
  </div>
  </body>
  </html>
  ```

  ```css style.css theme={null}
  /* 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; }
  ```
</CodeGroup>

Both files assume [`northmoor-shared.css`](https://github.com/formepdf/forme/blob/main/templates/northmoor-shared.css) alongside them — the set's shared spine (type scale, tables, signature blocks, the accent).

<Accordion title="Sample data (data.json)">
  ```json data.json theme={null}
  {
    "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"]
  }
  ```
</Accordion>

***

MIT-licensed, free to copy — [source on GitHub](https://github.com/formepdf/forme/tree/main/templates/offer-letter). Passes PDF/UA-1 validation (veraPDF) in CI; validation is a floor, not a certification.
