# Media Kit

## Meridian Logos

<div className="media-grid">
  <article className="asset-card">
    <div className="asset-preview asset-preview-dark">
      <img src="/media-kit/meridian/logotype-white.svg" alt="Meridian logotype in white" />
    </div>

    <div className="asset-meta">
      <strong>Logotype White</strong>

      <div className="asset-actions">
        <a href="/media-kit/meridian/logotype-white.svg" download>SVG</a>
      </div>
    </div>
  </article>

  <article className="asset-card">
    <div className="asset-preview asset-preview-light">
      <img src="/media-kit/meridian/logotype-black.svg" alt="Meridian logotype in black" />
    </div>

    <div className="asset-meta">
      <strong>Logotype Black</strong>

      <div className="asset-actions">
        <a href="/media-kit/meridian/logotype-black.svg" download>
          SVG
        </a>
      </div>
    </div>
  </article>

  <article className="asset-card">
    <div className="asset-preview asset-preview-dark asset-preview-symbol">
      <img src="/media-kit/meridian/symbol-white.svg" alt="Meridian symbol in white" />
    </div>

    <div className="asset-meta">
      <strong>Symbol White</strong>

      <div className="asset-actions">
        <a href="/media-kit/meridian/symbol-white.svg" download>
          SVG
        </a>
      </div>
    </div>
  </article>

  <article className="asset-card">
    <div className="asset-preview asset-preview-light asset-preview-symbol">
      <img src="/media-kit/meridian/symbol-black.svg" alt="Meridian symbol in black" />
    </div>

    <div className="asset-meta">
      <strong>Symbol Black</strong>

      <div className="asset-actions">
        <a href="/media-kit/meridian/symbol-black.svg" download>SVG</a>
      </div>
    </div>
  </article>
</div>