Logo & Brand Assets

Our logo, our colors, and a few simple rules for using them well.

Grab everything at once

Both logos in full color and white, four transparent PNG files in one download.

Download all logosZIP of 4 PNG files, 581 KB

The Logo

Start here. The full logo pairs the shield with the Mission Masters name.

  • The Mission Masters logo in full color: an aqua shield with an M and a check mark, beside the name Mission Masters.

    Logo, full color

    For white and light backgrounds. This is the version to reach for first.

    Download PNGPNG, 2400 x 950 px, 225 KB, transparent background
  • The Mission Masters logo in white on a dark navy background.

    Logo, white

    For navy, dark, and photo backgrounds where white has strong contrast.

    Download PNGPNG, 2400 x 950 px, 119 KB, transparent background

The Shield Mark

The shield on its own, for tight spaces like avatars, app tiles, and social profiles.

  • The Mission Masters shield mark in full color.

    Shield, full color

    For white and light backgrounds.

    Download PNGPNG, 1080 x 1200 px, 163 KB, transparent background
  • The Mission Masters shield mark in white on a dark navy background.

    Shield, white

    For navy, dark, and photo backgrounds.

    Download PNGPNG, 1080 x 1200 px, 74 KB, transparent background

Brand Colors

MM Aqua leads. Navy Night anchors it. Everything else supports. Copy a hex value to use it as is.

  • MM Aqua#00C6C4Primary brand color, buttons, and highlights
  • Gradient High#00E5F0Top of the logo gradient
  • Gradient Low#00BBB4Bottom of the logo gradient
  • Navy Night#14243ADark backgrounds and body text
  • Night Teal#03384EOverlays and deep panels
  • Teal Mid#146B78Supporting UI and illustration
  • Cool Gray#A5A9A9Secondary text and borders

Typeface

Our website is set in Inter. The Mission Masters Style Guidelines name Aptos as our standard text font for the app and for documents. The name inside the logo is set in Compiler, so please use the logo files above instead of typing it out.

Clear Space

Give the logo room to breathe. Keep a margin around it of at least a quarter of the logo's height, on every side, and keep text, photos, and edges out of that space.

Using the Logo

Do

  • Use the supplied files. Full color on white or light backgrounds, white on navy, dark, or photo backgrounds.
  • Keep clear space around the logo, at least a quarter of its height on every side.
  • Scale it up or down in proportion. Keep it large enough that the name stays readable.
  • Use the shield mark on its own only where the space is tight, like an avatar or an app icon.

Please do not

  • Stretch, squash, rotate, or crop the logo.
  • Change its colors, add outlines, shadows, or glows.
  • Place it on a busy photo or a color with weak contrast.
  • Retype the name or rebuild the lettering. The wordmark is set in Compiler and lives in the logo files.
  • DoFull color on white
  • DoWhite on navy
  • Please do notStretch it
  • Please do notChange its colors
  • Please do notUse it on a weak contrast color

Need Something Else?

A different file format, a co-branded lockup, or a quick look at how you plan to use the logo? Ask the press team.

press@missionmasters.io
Email the press teamBack to the media kit