Files
Stirling-PDF/engine/src/default_templates/budget_proposal_preview.html
T

184 lines
8.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Budget Proposal</title>
<style>
:root {
--theme-primary: #1e3a5f;
--theme-accent: #2563eb;
--theme-secondary: #475569;
--theme-bg: #ffffff;
--theme-surface: #f8fafc;
--theme-border: #e2e8f0;
--theme-text: #1a1a1a;
--theme-text-muted: #6b7280;
--theme-heading: #111827;
--theme-font: 'Helvetica Neue', Arial, sans-serif;
}
@page { size: A4; margin: 20mm; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--theme-font); font-size: 10pt; color: var(--theme-text); background: var(--theme-bg); line-height: 1.4; }
.document { max-width: 170mm; margin: 0 auto; }
.top-bar { height: 3pt; background: var(--theme-accent); margin-bottom: 10pt; }
.doc-header { display: flex; align-items: center; gap: 12pt; margin-bottom: 8pt; }
.doc-header-text { flex: 1; text-align: center; }
.doc-title { font-size: 16pt; font-weight: 700; color: var(--theme-primary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3pt; }
.doc-subtitle { font-size: 9pt; color: var(--theme-text-muted); }
.meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10pt; margin: 8pt 0; }
.info-label { font-weight: 600; font-size: 8.5pt; color: var(--theme-text-muted); }
.info-value { font-size: 9pt; color: var(--theme-text); }
.section-heading { font-size: 10pt; font-weight: 700; color: var(--theme-primary); border-bottom: 1pt solid var(--theme-accent); padding-bottom: 2pt; margin: 10pt 0 6pt; text-transform: uppercase; letter-spacing: 0.5px; }
.text-section { font-size: 8.5pt; color: var(--theme-text); line-height: 1.5; margin-bottom: 4pt; white-space: pre-line; }
.items-table { width: 100%; border-collapse: collapse; margin-bottom: 6pt; font-size: 8.5pt; }
.items-table thead tr { background: var(--theme-primary); color: #fff; }
.items-table thead th { padding: 5pt 6pt; text-align: left; font-weight: 600; white-space: nowrap; }
.items-table thead th.num { text-align: right; }
.items-table tbody tr:nth-child(even) { background: var(--theme-surface); }
.items-table tbody td { padding: 4pt 6pt; border-bottom: 0.3pt solid var(--theme-border); vertical-align: top; }
.items-table tbody td.num { text-align: right; white-space: nowrap; }
.totals-wrapper { display: flex; justify-content: flex-end; margin-bottom: 10pt; }
.totals-table { border-collapse: collapse; font-size: 8.5pt; min-width: 160pt; }
.totals-table td { padding: 2pt 6pt; }
.totals-table td:first-child { color: var(--theme-text-muted); }
.totals-table td:last-child { text-align: right; }
.totals-table .total-row td { font-weight: 700; font-size: 10pt; border-top: 1pt solid var(--theme-primary); padding-top: 4pt; color: var(--theme-heading); }
.totals-table .net-row td { font-weight: 700; font-size: 10pt; color: var(--theme-accent); }
.approval-grid { display: grid; grid-template-columns: 120pt auto; row-gap: 3pt; margin-bottom: 8pt; }
.approval-label { font-weight: 600; color: var(--theme-text-muted); font-size: 8.5pt; }
.approval-value { font-size: 8.5pt; color: var(--theme-text); }
@media print { body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
</style>
</head>
<body>
<div class="document">
<div class="top-bar"></div>
<div class="doc-header">
<div class="doc-header-text">
<div class="doc-title">Budget Proposal</div>
<div class="doc-subtitle">Crestwood Technologies Ltd</div>
</div>
</div>
<hr>
<div class="meta-grid">
<div>
<div class="info-label">Budget Period</div>
<div class="info-value">1 April 2026 31 March 2027</div>
<div class="info-label" style="margin-top:4pt">Prepared By</div>
<div class="info-value">Rachel Thornton, Head of Finance</div>
</div>
<div style="text-align:right">
<div class="info-label">Prepared Date</div>
<div class="info-value">19 February 2026</div>
</div>
</div>
<div class="section-heading">Executive Summary</div>
<div class="text-section">This proposal outlines the projected revenue and expenditure for the Product Engineering Division for the financial year ending 31 March 2027. Following strong performance in FY 2025/26, the division is seeking approval for an 18% increase in operating budget to accelerate product development, expand the engineering team, and invest in cloud infrastructure to support anticipated customer growth of 35%.
The net surplus projection of £412,000 reflects disciplined cost management alongside planned investment in headcount and tooling. All figures are presented in GBP and have been reviewed by the CFO.</div>
<div class="section-heading">Revenue Projections</div>
<table class="items-table">
<thead>
<tr>
<th>Revenue Stream</th>
<th>Description</th>
<th class="num" style="width:60pt">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>SaaS Subscriptions</td>
<td>Recurring licence revenue — existing &amp; new customers</td>
<td class="num">£2,800,000</td>
</tr>
<tr>
<td>Professional Services</td>
<td>Implementation, training, and consultancy</td>
<td class="num">£480,000</td>
</tr>
<tr>
<td>Marketplace Add-ons</td>
<td>Third-party integrations and premium modules</td>
<td class="num">£165,000</td>
</tr>
<tr>
<td>Support Contracts</td>
<td>Priority and enterprise support tiers</td>
<td class="num">£95,000</td>
</tr>
</tbody>
</table>
<div class="totals-wrapper">
<table class="totals-table">
<tbody>
<tr class="total-row"><td>Total Revenue:</td><td>£3,540,000</td></tr>
</tbody>
</table>
</div>
<div class="section-heading">Expense Breakdown</div>
<table class="items-table">
<thead>
<tr>
<th>Category</th>
<th>Description</th>
<th class="num" style="width:60pt">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>Headcount</td>
<td>Salaries, NI, and pension — 34 FTEs (incl. 4 new hires)</td>
<td class="num">£1,980,000</td>
</tr>
<tr>
<td>Cloud Infrastructure</td>
<td>AWS hosting, storage, and data services</td>
<td class="num">£420,000</td>
</tr>
<tr>
<td>Software &amp; Tooling</td>
<td>Dev tools, SaaS licences, security platforms</td>
<td class="num">£215,000</td>
</tr>
<tr>
<td>Marketing</td>
<td>Demand generation, events, content production</td>
<td class="num">£180,000</td>
</tr>
<tr>
<td>T&amp;E</td>
<td>Business travel, client entertainment, conferences</td>
<td class="num">£88,000</td>
</tr>
<tr>
<td>Contingency</td>
<td>5% operational reserve</td>
<td class="num">£165,000</td>
</tr>
</tbody>
</table>
<div class="totals-wrapper">
<table class="totals-table">
<tbody>
<tr class="total-row"><td>Total Expenses:</td><td>£3,048,000</td></tr>
<tr class="net-row"><td>Net Surplus / (Deficit):</td><td>£492,000</td></tr>
</tbody>
</table>
</div>
<div class="section-heading">Assumptions</div>
<div class="text-section">1. Revenue growth of 35% year-on-year is based on confirmed pipeline and contracted renewals constituting 72% of the total revenue target.
2. Four engineering hires are assumed to be on-boarded by Q1 FY 2026/27; salaries reflect current market rates for mid-senior software engineers in the UK.
3. AWS costs include a committed-use discount of 18% negotiated under the existing enterprise agreement.
4. All figures exclude capital expenditure, which is budgeted separately under the IT CapEx programme.
5. Exchange rate risk on USD-denominated tooling licences is hedged at the treasury level and not reflected here.</div>
<div class="section-heading">Approval</div>
<div class="approval-grid">
<span class="approval-label">Approver Name:</span> <span class="approval-value">Jonathan Crestwood</span>
<span class="approval-label">Approver Title:</span> <span class="approval-value">Chief Financial Officer</span>
</div>
</div>
</body>
</html>