apply-ppf
Apply the PPF (Pension Protection Fund) brand identity to documents and interfaces.
Designation: External / PPF-Branded Documents
Brand Reference
IMPORTANT: Always read the brand specification first:
~/.45black/brand/PPF.md
This file contains the authoritative colour values, typography, design patterns, and implementation code (python-docx + CSS). Do NOT use hardcoded values from this skill - always reference the brand file.
When To Use
- •Creating PPF governance framework documents
- •PPF board papers or committee reports
- •PPF consultation responses (e.g. DWP consultations)
- •PPF-branded presentations or analysis documents
- •Any document that should look like it came from the PPF
- •User mentions: "apply ppf", "ppf brand", "ppf style", "ppf colours"
When NOT To Use
- •For 45Black internal products (use
/apply-saville) - •For trustee-facing products generally (use
/apply-trustee) - •For LGPS or USS documents (different brands)
Colour Quick Reference
| Name | Hex | Usage |
|---|---|---|
| PPF Purple | #5B2D8E | Covers, title bars, primary brand |
| PPF Blue | #0072BC | Headings, links, section headers |
| PPF Teal | #00B2A9 | Accents, statutory references |
| PPF Pink | #C51A7D | Highlights, warnings |
| PPF Green | #00875A | Positive indicators, recommendations |
| PPF Charcoal | #3D4F5F | Subheadings, body headings |
| Body Text | #333333 | Primary body copy |
| Font | Arial | All text |
Workflow
1. Read Brand Specification
cat ~/.45black/brand/PPF.md
Extract current palette, typography, and design patterns.
2. Determine Output Type
| Output | Approach |
|---|---|
| Word document (.docx) | Use python-docx with PPF constants from brand spec |
| Web/HTML | Use CSS custom properties from brand spec |
| Presentation | Use python-pptx with PPF palette |
3. Apply Title Page (Word Documents)
The PPF title page follows this structure:
- •Full-width PPF Purple header bar with white "Pension Protection Fund" wordmark
- •Document title in PPF Purple, centred
- •Subtitle in PPF Blue
- •Teal accent line (representing the PPF arc/swoosh motif)
- •Metadata in tertiary text
4. Apply Typography
- •Font: Arial (system-available, matches PPF's clean sans-serif)
- •H1: PPF Blue, bold, 22-28pt
- •H2: PPF Charcoal, bold, 16-20pt
- •H3: PPF Blue or Teal, bold, 13-14pt
- •Body: #333333, regular, 10-11pt
- •Statutory references: PPF Teal, italic, 8pt
5. Apply Table Styles
- •Header rows: PPF Blue background, white text
- •Alternating rows: white / light gray (#F5F5F5)
- •Borders: thin, light gray
6. Apply Callout Boxes
| Type | Background | Border |
|---|---|---|
| Quote/Key Point | Light Blue | PPF Blue |
| Evidence | Light Teal | PPF Teal |
| Recommendation | Light Green | PPF Green |
| Warning | Light Pink | PPF Pink |
| Highlight | Light Purple | PPF Purple |
7. Apply Tone of Voice
- •Professional yet approachable
- •Member-centric ("our members", "people's futures")
- •First person plural ("We", "Our")
- •Plain English, explains technical terms
8. Verify Accessibility
- •WCAG AA contrast ratios (4.5:1 minimum)
- •PPF Purple on white: 7.8:1 (AAA)
- •PPF Blue on white: 4.6:1 (AA)
- •Touch targets: 44px minimum
Key Design Patterns
Two-Tone Section Headings
[Light weight text] [Bold coloured keyword]
Example: "An unwavering commitment to our members"
PPF Arc/Swoosh
Curved accent element. In documents, represent as a thin coloured accent line (teal or pink).
People Photography
PPF publications feature real members, staff, and stakeholders prominently. Use warm, inclusive imagery.
ICARE Values
Integrity, Collaboration, Accountability, Respect, Excellence — all styled in PPF Pink.
Mapping from Trustee Edition
If converting an existing Trustee Edition document to PPF brand:
| Trustee Edition | PPF Brand | Notes |
|---|---|---|
| Governance Blue (#1A4F7A) | PPF Blue (#0072BC) | Brighter, more vibrant |
| Neutral Slate (#455A64) | PPF Charcoal (#3D4F5F) | Slightly warmer |
| Trustee Teal (#00695C) | PPF Teal (#00B2A9) | Much brighter, vivid |
| Fiduciary Green (#2E7D32) | PPF Green (#00875A) | Shifted toward teal |
| Advisory Amber (#F57C00) | PPF Pink (#C51A7D) | Amber replaced by pink |
| Inter font | Arial | System-available |
| n/a | PPF Purple (#5B2D8E) | New primary for covers |
Quality Gates
Before completion, verify:
- • Brand spec file was read (
~/.45black/brand/PPF.md) - • PPF Purple used for cover/title area
- • PPF Blue used for main headings
- • Teal accent line present (not blue separator)
- • Arial font throughout
- • Table headers use PPF Blue background
- • Callout boxes use correct tint/border pairings
- • Statutory references in PPF Teal italic
- • WCAG AA contrast ratios pass
- • No Trustee Edition colours remaining (#1A4F7A, #455A64, #00695C, #F57C00)
Model Preference
sonnet - Design implementation is procedural, not reasoning-heavy
References ~/.45black/brand/PPF.md for authoritative values Derived from PPF publications 2024-2026 (ppf.co.uk)