Brand assets

The wordmark ends in a block cursor, the one from the terminal. It means an agent is at work. The symbol is an eye in brackets. Use these files when you link to Monito, write about it or build an integration.

Typeface
Geist Mono SemiBold
Colors
#f2eded on #131010
Accent
#21d5fd, the pupil only
01

Downloads

All files are in /brand. SVGs are outlined and need no fonts. Copy SVG puts the markup on your clipboard.

  • Wordmark

    Wordmark

    For dark backgrounds. Outlined, no font needed.

    monito-wordmark-on-dark.svg

    Download
  • Wordmark, light

    Wordmark, light

    For light backgrounds: docs, READMEs, print.

    monito-wordmark-on-light.svg

    Download
  • Symbol

    Symbol

    The eye in brackets, for dark backgrounds.

    monito-symbol-on-dark.svg

    Download
  • Symbol, light

    Symbol, light

    For light backgrounds. The pupil darkens to keep its contrast.

    monito-symbol-on-light.svg

    Download
  • Symbol, one color

    Symbol, one color

    Black, for single-ink print, embossing and stamps.

    monito-symbol-mono.svg

    Download
  • App icon

    App icon

    Rounded tile for avatars and integrations.

    monito-app-icon.svg

    Download
  • App icon, PNG

    App icon, PNG

    512 × 512, for places that don't take SVG.

    monito-app-icon-512.png

    Download
  • Favicon

    Favicon

    16-unit grid, hinted so strokes land on whole pixels.

    monito-favicon.svg

    Download
02

The symbol as a status

The brackets stay the same and only the inside changes, so the symbol can double as a run-status glyph.

  • Running
  • Passed
  • Bug found
  • Needs review
  • Queued
03

Colors

Warm neutrals with one accent. Cyan is reserved for things that are live.

  • Ground

    Page background

    #131010

  • Surface

    Panels, code, the app icon

    #1b1818

  • Rule

    Rails, dividers

    #433d3d

  • Ink

    The logo, headings

    #f2eded

  • Cyan

    The pupil; live states only

    #21d5fd
04

Construction

Grid
32 units; 16 for the hinted favicon
Stroke
2.5 units, square ends
Pupil
radius 3.25, centred
Cursor
0.52em × 0.74em, 0.06em after the “o”
Clear space
one bracket width on every side
05

Using the logo

  • Use the files as they are. Don't redraw, stretch, outline or recolor the wordmark.
  • Give the logo clear space of one bracket width on every side.
  • Cyan means something is live. Apart from the eye's pupil, a resting logo is monochrome.
  • No gradients, glows or drop shadows.
  • Only blink the cursor while a run is actually in progress.
  • Don't use the logo in a way that suggests Monito endorses you or your product.

The wordmark is set in Geist Mono, licensed under the SIL Open Font License. For anything these files don't cover, write to bartosz@monito.dev.