Financial Report Layout Token Map
Financial Report Layout (Proforma / Projection Dashboard) — token consolidation rationale
This component's CSS was extracted verbatim from a real, delivered WCP V2 proforma
report — print-tested, genuinely production-grounded. Its companion wcp.finance.*
token bundle is a separate concern: BRIEF-bencal-proforma-engine-recapitalization.md
states the underlying Rust engine work (forecast_statements.rs's classic
statement theme) is "planned but deliberately not yet implemented," so the
statement-theme's specific values are provisional, not equally final to the
dashboard theme's extracted CSS.
Why this is a separate recipe, not a variant of financial-statement-yearend
The operator's "one recipe per document family" rule keys on genuine document family, not just tone. This family and financial-statement-yearend disagree on:
- Page geometry: this family is letter landscape (
1.5cm 2cm 1.5cm 1.5cmasymmetric margins); the yearend statement is letter portrait (1in symmetric). This is the sharpest divergence — they do not share a page-geometry primitive. - Density: up to 11 period columns (label 22-25%) vs. 3 value columns (label 55%).
- Tone: tinted 3-saturation blue semantic-row fills + navy section-banner text vs. pure black-on-white, zero fills.
- Nil glyph and page-number placement: em-dash
—/@bottom-righthere, vs. en-dash–/@bottom-centerNotes-only for the yearend statement — both deliberate per-family choices, confirmed not to be drift to reconcile.
What genuinely is shared with financial-statement-yearend
Print-first single self-contained HTML + inline <style> (no framework/build),
WeasyPrint as the render target, table-layout: fixed, parenthetical negative
formatting, tabular-nums, and the single-rule-then-double-rule subtotal/total
convention (this family's statement theme: 0.75pt then 1pt+3pt-double; the yearend
statement: 0.5pt then 1pt+3pt-double) — modeled as the shared
paper.primitive.rule.* group both families draw from.
Open items
The line-number gutter (32px, Courier New, JS-injected) is a dashboard/screen-only feature — it does not render in WeasyPrint output and is entirely absent from the statement theme; it is not a print-domain token, kept as a documented recipe variant only. The statement theme's exact serif stack and column split remain provisional until the proforma engine work referenced above actually lands.
Important Information
Design System disclosure
This site provides open-source design tokens, documentation, and self-hostable software published by Woodfine Capital Projects Inc. Information here is for general reference only and does not constitute an offer, warranty, or a guarantee of fitness for any particular purpose. Statements regarding planned, intended, or targeted future features are forward-looking and subject to change without notice; they are not undertaken to be updated except as required by law.