# Brand kit
URL: https://docs.munito.ai/brand

Use this kit to show Munito AI on a partner page, in an article, in a deck or on a conference
page. Every file comes from `munitoai/brand`, and this page lists what the website serves
today. The kit changes when the design changes.

<BrandKitDownload />

## The logo [#the-logo]

The logo is the word `MUNITO` in pixel letters. It needs no separate symbol, because munito,
the violet cube, lives inside the O of the word. The horizontal and the stacked logos are the
one exception: they show the cube beside the word or above it, for a row of partner logos.

<div className="docs-brand-previews not-prose">
  <figure className="docs-brand-light">
    <img src="/brand/kit/logo/munito-wordmark.svg" alt="The Munito wordmark in ink on paper" />
    <figcaption>On a light background</figcaption>
  </figure>
  <figure className="docs-brand-dark">
    <img src="/brand/kit/logo/munito-wordmark-on-dark.svg" alt="The Munito wordmark in paper on night" />
    <figcaption>On a dark background</figcaption>
  </figure>
  <figure className="docs-brand-light">
    <img src="/brand/kit/munito/munito.svg" alt="munito, the violet pixel cube" />
    <figcaption>munito, the icon</figcaption>
  </figure>
</div>

Write the name as Munito in a sentence. Write `MUNITO` in capitals only in the logo. Write the
character as munito, in lowercase, also at the start of a sentence.

## Rules [#rules]

1. Use these files to refer to Munito AI, to its products, or to a partnership with Munito AI.
2. Keep the proportions. Do not stretch, compress, rotate, space, recolour or outline the logo.
3. Keep 2 units of clear space on each side. One unit is one pixel of a letter.
4. Show the wordmark at 66 px wide or more. Use a whole number of pixels for each unit, such
   as 66, 99, 132 or 165 px wide. The pixels then stay sharp.
5. Show the horizontal logo at 32 px high and the stacked logo at 50 px high, or at a whole
   multiple of those heights.
6. Put the light version on a light background, and the dark version on a dark one. Use the
   black or the white version on a photograph, on a print in one colour, or on a partner page.
7. Do not put the wordmark in a box, a badge or a tile. Do not add a second symbol beside it,
   because munito is already in the O.
8. Do not suggest that Munito AI endorses, sponsors or tests your product.
9. Do not use these files as part of your own logo, product name or domain name.

Write to [hello@munito.ai](mailto:hello@munito.ai) for anything that these rules do not cover.

## Files [#files]

Each file below is also in the ZIP. Use SVG where the destination takes it. Use a PNG at its
own size, or at a whole multiple of it, so that the pixels stay sharp.

<BrandKitFiles />

## Colour [#colour]

Paper and ink carry the page. Violet is munito. Lime marks activity, such as a request, a
hover or a selection. The [tokens](/brand/kit/tokens/tokens.css) hold the
same values as CSS variables.

<BrandColors />

## Type [#type]

<BrandFonts />

Space Grotesk and IBM Plex Mono are both under the SIL Open Font License. Get them from Google
Fonts. This kit ships no font file.

## What this kit does not hold [#what-this-kit-does-not-hold]

The kit holds the marks of Munito AI only. It holds no logo of another company, no customer
name and no screenshot of the product. Ask at [hello@munito.ai](mailto:hello@munito.ai) for a
product screenshot, a founder photograph or the launch video.
