doc-templates · navy / Arial · Letter
The print system is deliberately separate from the mood/palette matrix. Moods are a screen concern — glow, mesh, easing, rgba surface stacks — and none of that survives a printer. More to the point, this identity is fixed, not swappable: it is the one that has been through customer review. Offering it in six palettes would be the wrong affordance.
Every specimen below is rendered by the same functions that produce a real QMS controlled-document PDF. Nothing here is a mock — if a template changes, this page changes with it.
Navy
#1F4E79
Titles, section rules, price-box border
Ink
#000000
Body text. True black, not near-black
Gray
#595959
Company block, metadata labels, conditions
Rule
#A6A6A6
Hairlines and heading underlines
Price box
#EAF0F9
Base-bid fill, with a navy border
Alternate
#F7EFD8
Option boxes, with gold title text
Alternate text
#8A6D1D
Alternate box titles and amounts
Anchored on 9.5pt body and hand-set rather than derived from a ratio — print scales are chosen, and every step here matches something in the approved documents. The face is Arimo, which is metric-compatible with Arial: identical advance widths, measured at 0.000px difference over a 44-character string. That is what makes pagination match documents originally set in Arial.
Geometry is stated once. The @page rule declares size only and the margin comes from the PDF call, because Chromium has never implemented CSS Paged Media margin boxes and the running header and footer render inside that margin. Stating it twice is what makes the letterhead collide with the header.
An EFFECTIVE CUI-marked plan with a complete signature ledger. This is what an assessor receives.
The same shell in IN REVIEW, carrying the status watermark. Six of nine statuses used to print APPROVED here.
Letterhead correspondence with an inside address, enclosures and a copy list.
Internal memorandum, CUI-marked, using the labelled TO/FROM head block.
Item-by-item transmittal with copy counts, medium and an acknowledgement of receipt.
import { renderControlledDocument, LETTER, pdfOptionsFor }
from '@mactech-solutions-llc/doc-templates/print';
const { html, headerTemplate, footerTemplate } =
renderControlledDocument(model, LETTER);
await page.setContent(html, { waitUntil: 'load' });
await page.evaluateHandle('document.fonts.ready');
const pdf = await page.pdf({ ...pdfOptionsFor(LETTER), headerTemplate, footerTemplate });The /print entry has zero runtime dependencies — no React, no filesystem, no network. That is what lets the contracting workspace, which has neither a database nor React, render the same letterhead as the QMS.