Logo cloud
A quiet row of customer or partner wordmarks, with an optional caption.
Logos
Month-end runs on Ledger at
- Northwind
- KESTREL
- orbital
- Halden & Co
- Pilot/9
- Marrow
<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>Installation
Everything ships in one stylesheet. There is nothing to import per component.
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">Prefer to own the files? /r/logo-cloud.json is a registry item with this component's CSS and example markup, ready to copy into your project with any tool that reads the open registry-item format.
Class reference
| Class / attribute | Description |
|---|---|
| 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.