# Logos: Static

A section showing a centred heading and a static grid of logo assets (otherMedia). Logos are laid out in a flex-wrap grid (justify-center gap-4 tablet:gap-8). Use for a fixed set of partner or customer logos without animation. Section can have backgroundColour and textColour; heading uses textColour. Showcase is excluded (showcaseExclude: true) but the component is documented for authors.

## What it looks like

Full-width section with optional centred heading (h2) and a static grid of logo tiles. Each logo is in a light rounded box (bg-light rounded-logo, w-cols-2 aspect-2/1). No marquee; logos wrap in a centred grid. If otherMedia is empty, the component returns null. Section uses container-row-1-8 and container-row-6-8.

## Typography

- **Heading:** Typography class `h2`, centred. Semantic level: first block → `<h1>`, else `<h2>`.

## Colours

**How colours are applied:** Section wrapper receives `information` (including backgroundColour and textColour). The heading uses `lookupColourString(textColour, 'text')`. Section-level background and heading text colour follow the palette.

**Valid values:** backgroundColour and textColour from the design system palette.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `heading` | Symbol | Centred title above logos (h2) | No heading; logos still show |
| `otherMedia` | Array | Logo assets shown in static grid | Component returns null; nothing rendered |
| `textColour` | Symbol | Heading text colour | Default/inherited |
| `backgroundColour` | Symbol | Section background | Default/inherited |
| `cmsLabel` | Symbol | Internal/analytics | No visible effect |
| `componentType` | Symbol | "Logos: Static" | N/A |
| `id` | Symbol | Entry id for preview | No visible effect |
| `index` | Number | Affects heading level | N/A |

## Behaviour

- **Empty otherMedia:** Component returns null; no output.
- **Grid:** Logos are laid out in a single static grid (flex flex-wrap justify-center gap-4 tablet:gap-8).
- **Position (index):** Affects heading semantic level (h1 vs h2). Heading uses h2 typography.

## Impact of content changes

| Change | Result |
|--------|--------|
| Add/remove heading | Heading appears or disappears above logos |
| Add/remove otherMedia items | Number of logos in grid changes; empty list hides component |
| Set textColour / backgroundColour | Section and heading colours update |

## Screenshots to capture

Recommended variants: default, no-heading, dark-bg, light-bg, minimal.