Make a logo or GIF See the brand
Who we are

Logos

the f is the misfit.

One letter breaks ranks. The green f is the part of the logo people remember, so it travels on its own and leads every layout.

Logo versions

Pick the most complete version that fits the space.

Color layouts

The wordmark flips to white on dark. The f is always Misfit Green, so the logo never sits on a green background.

CLEAR SPACE

Room to breathe

  • xThe height of the word INTERACTIVE in the logo. Keep at least x clear on every side.
  • fAlways Misfit Green (#95C11F). Never white, black or tinted.
  • 140 pxSmallest the full logo should appear on screen. Below that, use the f.
  • 1.25 inSmallest the full logo should print. The f alone can go down to 0.25 in.

Sizes are proposed starting points. Adjust them once the first print jobs come back.

What not to do

Color

green, gray, and room to move.

Two brand colors and two supporting neutrals. Tap any swatch to copy its hex code.

Green and gray tints

Pairings that read

Contrast ratios are calculated live. Normal text needs 4.5 or higher; large type needs 3.

These are screen values taken from the logo files. Print values still need to be confirmed with a printer. Deep Charcoal is a proposed value for the deep dark gray and can be swapped in one line.

Type

three fonts, one voice.

LatinaBlack brings the slab swagger. Bebas Neue handles headlines and labels. Arimo keeps the reading easy.

Try it

Using a stand-in for LatinaBlack. Load your LatinaBlack file (.otf, .ttf, .woff, .woff2) to preview the real face on this page. It stays in your browser.
Voice

real people, real strategy.

Playful without being silly, confident without being slick. We talk like the sharpest person at the table who also tells you the truth.

Tap a tagline to copy it. The hashtag is .

Motion

things move when something matters.

Motion is quick, a little cheeky, and always lands. These are the same animations the GIF maker uses. Tap one to replay it.

Snap

cubic-bezier(.34, 1.56, .64, 1)Arrivals and buttons. A small overshoot, like the f dropping in.

Glide

cubic-bezier(.2, .8, .2, 1)Reveals and page changes. Fast start, soft landing.

Timing

160 / 320 / 640 msHover, reveal, hero moment. Nothing loops for more than 3 seconds without a reason.
Logo and GIF maker

pick a logo. pick a background. press save.

Build a logo image, an animated GIF or an MP4 video for email signatures, social posts, slide decks and video intros.

Files

grab what you need.

Every logo as a transparent PNG, plus the color and type tokens for designers and developers.

Logo files are high-resolution PNGs. Send vector artwork (SVG, EPS) to anyone who needs to print large.

Work

proof that standing out works.

Portfolio and case studies land here as they are finalized.