Components Inventory
logo-wall
A grid of customer, partner, or funder logos as social proof.
Use for the credibility slide — the 'trusted by' / 'our funders' / 'participating agencies' wall. Marks render desaturated and uniform so mismatched brand colours don't fight each other; the color variant keeps them branded when the hues carry meaning.
When to use
- The proof is the logos. Customers, partners, funders, accreditations, participating agencies — anywhere a set of recognisable marks carries more weight than a sentence. The audience scans the wall and concludes 'serious company keeps this company.'
- Marks read as one texture. The default desaturates every mark to the same restrained grey so a loud red logo doesn't outshout a quiet one. The wall reads as a single credential, not a ransom note of competing brand colours.
- Eight to eighteen marks. Enough to signal breadth, few enough that each is legible. Fewer than six looks thin; past eighteen the marks shrink below recognition — curate to the most recognisable names or split across two slides.
When not to use
- Names that need a sentence. If each entity needs a role, a quote, or a metric beside it, this is the wrong layout. Use
actors(who owns what),cards-grid(a short body per item), orquote(a single testimonial). - Logos nobody recognises. A wall of unknown marks proves nothing and asks the audience to squint. If the names don't carry on sight, state the count as a
big-number('400+ teams') instead. - Mismatched raster art. Low-resolution PNG logos pulled from web pages look ragged at projector scale and break the uniform grey treatment. Source vector (SVG) marks; the desaturation assumes clean edges.
Slots
| Slot | Selector | Required | Description |
|---|---|---|---|
eyebrow | p > code:only-child | no | Optional kicker above the headline — wrap a short label in backticks, e.g. Trusted by. |
title | h2 | no | Optional headline above the wall. A claim earns its place (‘400+ teams run board prep on Lattice’); a bare label (‘Customers’) does not. |
logos | ul > li | yes | One list item per mark, authored as - . The alt text is the accessible label, not a rendered caption. SVG is preferred so marks stay crisp at projector scale. |
Anatomy
┌─────────────────────────────────────────┐
│ header │
│ TRUSTED BY │
│ The teams that run on us. │
│ │
│ [Acme] [Globex] [Initech] │
│ [Umbra] [Vantage] [Helios] │
│ │
│ footer 1/19 │
└─────────────────────────────────────────┘Variants
color — Color — keep brand colours
Drops the desaturation so each mark renders in its own brand colour. Reserve for cases where the hues carry meaning — government insignia, university crests, certification badges — or where brand guidelines forbid recolouring. The grey default is the boardroom-restrained pick.
<!-- _class: logo-wall color -->
`Our partners`
## The brands behind the programme.
- 
- 
- 
- 
- 
- 
- 
-  dense — Dense — more marks, smaller cells
Tightens to six columns with shorter cells for a longer roster — a member directory, a full funder list, every participating agency. Past about eighteen marks the recognition threshold gives out; split across two slides instead.
<!-- _class: logo-wall dense -->
`Our funders`
## Eighteen organisations backed this year's work.
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 