Brand and press

Logo

The wordmark is our main mark. Use the files as supplied: they are drawn once and never retyped. It comes in two colours: ink for light backgrounds, and off-white for black and the Field.

xxxx

Give it room

Keep clear space around the wordmark equal to the height of the M, on every side. Nothing else sits inside it: no text, edges or other logos.

Keep it readable

On screen the wordmark is never narrower than 72 px. Below that, use the symbol.

Please don’t

• 

  Don’t: Stretch or squash it

• Don’t: Recolour it

• 

  Don’t: Add shadows or effects

• 

  Don’t: Rotate or tilt it

• 

  Don’t: Put it where it is hard to read

Symbol

The M from the wordmark, on its own. Use it where the space is square or too narrow for the wordmark: app icons, avatars, favicons and listings. Give it the same clear space as the wordmark.

Colour

Near-black with a trace of jade, one luminous jade, and bone-white text. Colour appears as light: a thin line, a button, and at most one jade flood on a page. Light backgrounds still use canvas and ink.

• Black

  The page on masheev.com: every section, the header and the footer.

  Hex

  #000202

  hex

  RGB

  0 2 2

  RGB

• Glow

  The one jade on a page: a thread, a button, or a single flood.

  Hex

  #63E6BE

  hex

  RGB

  99 230 190

  RGB

• On field

  Text and the wordmark on black or on the Field.

  Hex

  #EDF8F5

  hex

  RGB

  237 248 245

  RGB

• Field

  Behind the symbol tile, and in email and campaign work. The brand’s deep jade.

  Hex

  #012422

  hex

  RGB

  1 36 34

  RGB

• Ink

  Text and the wordmark on light backgrounds.

  Hex

  #0C1918

  hex

  RGB

  12 25 24

  RGB

• Canvas

  Page background.

  Hex

  #F8FCFC

  hex

  RGB

  248 252 252

  RGB

Pairings that stay readable

Every text pairing meets WCAG 2.2 AA. Use these combinations as shown.

• AaOn field on black
  19.2 to 1
• AaInk on canvas
  17.4 to 1
• AaOn field on field
  15.2 to 1
• AaField on glow
  10.6 to 1

A violet appears inside our product to mark work done by the AI. Don’t use it for Masheev branding, headlines or buttons.

Typography

Cabinet Grotesk gives headlines their weight. General Sans does everything else. Geist Mono is for code.

The typefaces are licensed by their publishers, so we don’t include them in the kit. Download them from the links above. If you can’t install them, use your system’s sans-serif and never redraw the logo in any font.

How to write about us

We write like a capable colleague at the front desk: calm, exact, never salesy. A claim about the product should be one you could check in it.

Press

About Masheev

Copy either version as it is.