Sam Rolfe
a76882de67
Phase 7 (AUD-149), cheapest first. - internal/brand: vendored Simple Icons path data (CC0) for 50 marks, looked up by the technology label the content already uses. Inline SVG, 16 px, currentColor, no request and no font. tools/gen_brand_icons.sh regenerates it. - Six hand-drawn area icons replace the two-letter badges in the nav and on the landing cards; the evidence index gets a seventh. - TechChips renders a mark where one exists and plain text where one does not, so a missing icon reads as a decision rather than a broken image. - Client wall: 45 names as one typeface, one size, one grid of equal tiles, and the reason for no logo collage written on the page. No mark invented. - Two diagrams, authored in-repo: homelab topology (platform-network.md) and the RAG pipeline (ai-rag-corpus.md), each referenced from the page it explains. - Content images now carry intrinsic width/height, loading="lazy" and decoding="async" at render time; a site test fails the build if an image ships without them. - Topbar is two rows at desktop: the area names plus marks no longer overlap the search form (Lighthouse target-size was failing at 1440 px). - Favicon, so the browser stops requesting a missing /favicon.ico. Satisfies: logos on every area page, area icons in nav and cards, two diagrams referenced from their pages, images sized and lazy, Lighthouse >= 95 held. (cherry picked from commit a473e4738a3751418c2097df2bcf0568fb6d0208)
91 lines
6.3 KiB
Markdown
91 lines
6.3 KiB
Markdown
---
|
||
id: history-client-wall
|
||
area: history
|
||
level: 3
|
||
title: "Artefact — The client wall"
|
||
claim: "Twenty-two agencies and twenty-three brands — the delivery record carried from the résumé rather than reconstructed from memory."
|
||
confidence: historic
|
||
period: "1999–2014"
|
||
tech: [ActionScript, PHP, JavaScript, MySQL, XML]
|
||
metrics: [{label: "agencies on the client wall", value: 22}, {label: "brands on the client wall", value: 23}]
|
||
artefacts: []
|
||
public: true
|
||
last_verified: 2026-10-26
|
||
tags: [history, clients, artefact]
|
||
---
|
||
|
||
The names are final. The treatment is deliberate: one typeface, one size, one grid, and no logo collage — see *Why there are no logos here* below.
|
||
|
||
## The agencies
|
||
|
||
<div class="client-wall" role="list" aria-label="Agencies">
|
||
<div class="client-tile" role="listitem"><span class="client-name">Clemenger</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Agency Republic</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Brand Union</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Jackpot Joy</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Bryce Ford</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">RMG Connect</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Sporting Index</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Adventis Digital</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Trinity Street</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Inferno</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">SAS Design</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Ogilvy</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Wunderman</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Illumina</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Barkers</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Mook</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Pearsons</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Penguin</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Draft London</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Behan Consulting</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">MCM Entertainment</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Carsales</span></div>
|
||
</div>
|
||
|
||
## The brands
|
||
|
||
<div class="client-wall" role="list" aria-label="Brands">
|
||
<div class="client-tile" role="listitem"><span class="client-name">Carlton Draught</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Diageo</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">KPMG</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">McDonald's</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Accenture</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">BBC National Archive</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Bank of America</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">War of the Worlds</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Madonna (Hard Candy)</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">PlayStation</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">HSBC</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">DHL</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Reuters</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Volvic</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">AutoCAD</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Channel 4</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Pearsons</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Shell</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Stella Artois</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Baileys Irish Cream</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Parkgate Homes</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Carlton Dry</span></div>
|
||
<div class="client-tile" role="listitem"><span class="client-name">Cottees Cordial</span></div>
|
||
</div>
|
||
|
||
## Why there are no logos here
|
||
|
||
A wall of mixed marks — some full colour, some monochrome, some missing — reads as broken, and the eight marks that exist for these names are not the eight the work is best remembered by. One typeface, one size and one grid says the same thing more clearly, and it sits beside the technical pages without competing with them. A mark is added only when it is the client's official mark and Sam has approved its use; none has been invented.
|
||
|
||
## Corrections carried into this list
|
||
|
||
- **Diageo**, not the "Diajio" spelling that appeared in the recovered site content.
|
||
- **Baileys Irish Cream**, stated in full and spelled correctly.
|
||
- The **BBC National Archive** engagement was an internal tool. It is described, and it is not illustrated with a screenshot, because no legitimately publishable image exists.
|
||
|
||
## Count discrepancy — recorded, not smoothed over
|
||
|
||
The summary material said twenty-three agencies. The recovered, verified list holds **twenty-two** names, and the count published above is the count of the list. If a name is missing, the number moves to twenty-three and this note is deleted; until then the smaller, checkable number is the one on the page.
|
||
|
||
## When it is delivered
|
||
|
||
Delivered as a body of names and descriptions, and presented as a typographic wall from Phase 7. Names and one-line descriptions are approved as recovered and corrected.
|