Brand Guidelines

Resources and guidelines for using the Unicorn Mafia brand.

Logo Construction

Logo construction guidelines

The logo lockup combines the unicorn mark with the wordmark. Maintain the spacing shown in the grid above.

The hatched areas represent the minimum clear space required around the logo.

Logo Mark

Unicorn Mafia logo black
Unicorn Mafia logo white

The Unicorn Mafia logo mark is a pixelated unicorn with a rainbow-colored horn. The horn colors (from base to tip) are: Purple, Blue, Green, Red.

Wordmark

Unicorn Mafia wordmark black
Unicorn Mafia wordmark white

The wordmark can be used independently when the logo mark is not suitable or when horizontal space is limited.

Colors

Purple
rgb(179, 7, 235)
Blue
rgb(49, 152, 241)
Green
rgb(78, 249, 189)
Red
rgb(238, 23, 1)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Dark BG
rgb(20, 18, 11)

The primary brand colors are derived from the unicorn horn gradient. Use these colors sparingly for accents and highlights.

Black and white are the primary colors for text and backgrounds. The dark background (#14120B) is used for the footer section.

Typography

PP Neue Bit — Headings
UNICORN MAFIA
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
PP Neue Montreal Mono — Body
The quick brown fox jumps over the lazy dog.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

PP Neue Bit Bold — Used for all headings, navigation, and display text. Bold, pixelated aesthetic.

PP Neue Montreal Mono — Used for body text, UI elements, and technical content. Clean and readable.

Downloads

Usage Guidelines

Do

  • Use the logo on white or dark backgrounds
  • Maintain the colored horn in all versions
  • Keep the pixel aesthetic intact
  • Use official brand colors for accents

Don't

  • Stretch or distort the logo
  • Change the horn colors or order
  • Add effects like shadows or gradients
  • Use on busy or low-contrast backgrounds