# Logo cloud · MIAN

A quiet row of customer or partner wordmarks, with an optional caption.

- Id: `logo-cloud` · Category: Sections · Needs mian.js: no · License: MIAN License (free to use)
- Docs: https://mian.ro/components/logo-cloud
- Use for: client logos, trusted by, partners, customer wordmarks, press mentions.
- On a page: proof · prominence low · density low. Usually after: hero. Usually before: bento, feature-grid, process.
- Alternatives: testimonial, figures.
- Avoid: Never invent client or press logos. Leave it out until real, permitted names exist.

Use only the classes below and copy the examples' structure and ARIA; change the words. Check your markup at https://mian.ro/api/v1/validate.

## Install

```html
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">
```

## Classes

- `mn-logos-caption`: A caption above the row.
- `mn-logos`: The list (a <ul>). Spread across the width; mn-logos-center centres it.
- `mn-logo`: One wordmark or SVG logo; muted so it never competes with the content.

## Accessibility

- Logos are content: SVG logos need role="img" and aria-label with the company name; text wordmarks need nothing.
- Only show companies that actually use the product.

## Examples

### Logos

```html
<section class="mn-section mn-section-sm">
  <div class="mn-container">
    <p class="mn-logos-caption">Month-end runs on Ledger at</p>
    <ul class="mn-logos">
  <li><span class="mn-logo" style="font-style:italic;font-family:var(--mn-font-heading)">Northwind</span></li>
  <li><span class="mn-logo" style="letter-spacing:.14em;font-weight:700;font-size:.95rem">KESTREL</span></li>
  <li><span class="mn-logo" style="font-weight:800;letter-spacing:-.04em">orbital</span></li>
  <li><span class="mn-logo" style="font-family:ui-serif,Georgia,serif;font-weight:500">Halden & Co</span></li>
  <li><span class="mn-logo" style="font-family:var(--mn-font-mono);font-weight:600;font-size:1rem">Pilot/9</span></li>
  <li><span class="mn-logo" style="font-weight:500;letter-spacing:.02em">Marrow</span></li>
    </ul>
  </div>
</section>
```

## Source

Already inside mian.css; you do not need it to use the component. To vendor or customise: https://mian.ro/api/v1/components/logo-cloud/source