Back to Portfolio

Monit247 Brand

Monit247 Brand
Primary signature — the pulse mark, wordmark and suffix

The Brief

The visual identity behind Monit247 — a pulse mark built from three bars, a lowercase wordmark, and a palette drawn entirely from the logo itself. A complete system: construction grid, clear-space rules, lockups for every background, and the misuse cases that keep it intact.

The Challenge

Monit247 monitors uptime around the clock, so its mark had to read as "alive" at every size — from a favicon in a crowded tab strip to reception signage — without leaning on the tired conventions of monitoring software: no heartbeats, no traffic lights, no gauges.

Our Approach

We drew the symbol on a square canvas as three equal bars, offsetting the middle one to mark the live signal. The wordmark sets "monit" in lowercase for approachability and the "247" suffix in Signal Green for around-the-clock coverage. The palette takes its three colours straight from the mark, and every rule below — construction, clear space, minimum sizes, lockups — exists so the identity survives contact with the real world.

The Outcome

A brand system that holds together from 24px to a building facade, documented well enough that the Monit247 team can apply it without us in the room. The same green now anchors the marketing site, the product dashboard, and the stationery.

The Logo

Primary signature

Monit247 logo — the pulse mark followed by the monit247 wordmark

Symbol

The pulse mark

Three bars signal live, continuous monitoring; the offset middle bar marks the active signal.

Wordmark

monit

Set in Afacad Medium, lowercase — approachable, calm, and unmistakably modern.

Suffix

247

Albert Sans Bold in Signal Green — always-on, around-the-clock coverage.

Construction

Built on a square

r = 0.22xx

The symbol is drawn on a square canvas with a soft 22% radius. Three equal bars with single-unit gaps keep it balanced and legible down to favicon size.

Canvas
1 : 1 square
Corner radius
22% of width
Bars
Equal width · 1u gaps
Middle bar
Offset to mark the live signal

Usage

Room to breathe

Clear space

= X

Keep a margin of at least X on all sides — where X is the height of the symbol.

Minimum — digital

140 px min width · 30 mm in print

Minimum — symbol

24 px min · favicon & app icon

Lockups

Logo variations

Primary · on dark
Primary · on light
App icon · symbol
Favicon scaling
  • 120px
  • 72px
  • 44px
  • 24px
On slate
On white
On brand green
Monochrome — white
Monochrome — black

Color

Palette

Drawn entirely from the logo — green leads, navy grounds, white clarifies.

  • Signal Green

    Hex #4ADE80

    RGB 74 · 222 · 128

    Primary — accents & CTAs

  • Slate

    Hex #1E293B

    RGB 30 · 41 · 59

    Backgrounds & surfaces

  • White

    Hex #FFFFFF

    RGB 255 · 255 · 255

    Text & reversed logo

Misuse

Protect the logo

  • Incorrect usage: Don't stretch or distort

  • Incorrect usage: Don't recolour

  • Incorrect usage: Don't rotate

  • Incorrect usage: Don't reduce contrast

Like what you see?

Let's create something amazing for your business too.

Start a Project