Digital Brand Guide

This page was created to help schools and partners access accurate, high-resolution MHSAA logo files. Schools and media are welcome to use on social media, broadcasts, or websites when promoting or covering high school events. Schools can also seek MHSAA approval to use this registered mark on banners, signage, flooring, scoreboards, etc. Apparel and merchandise with the MHSAA logo can only be produced by the MHSAA’s licensed vendor. 

Logos

Here are some examples of ways in which the variations of the MHSAA logo should be used. Choosing the right logo is based on the background color, as it is important for the outline around the logo to contrast with the background. There must also be a fill color, even if it is the same color as the background. The red/white logo should be used on top of most photos and videos. The version with just the Michigan outline is best used when space is limited, like with social media icons.

light background

MHSAA-BlackOutline-UseOnLightBackground.png
Download -
  • .PNG
  • .EPS
  • dark background

    MHSAA-WhiteOutline-UseOnDarkBackground.png
    Download -
  • .PNG
  • .EPS
  • MHSAA logo with grey letters outlined in white
    Download -
  • .PNG
  • .EPS
  • Michigan state shape in grey outlined in white
    Download -
  • .PNG
  • .EPS
  • MHSAA logo in red with the word Title shown to the right of the logo.

    When using text next to the logo, the height of the letters should align

    vertically with the top and bottom of the letters in the logo.

    Here are some examples of incorrect logos or improper ways to use the MHSAA logo.

    no-outline-logo

    DO NOT use without an outline.

    An MHSAA logo with the words Michigan High School Athletic Association written below it with a red X overlay

    DO NOT spell out Michigan High School Athletic Association below the logo.

    An MHSAA logo that has been stretched vertically and has a red X overlay.

    DO NOT distort the logo.

    An MHSAA logo with gradients and shadows applied with a red X overlay

    DO NOT use shading, gradients or multiple outlines.

    An MHSAA logo that has had filters applied with a red X overlay

    DO NOT use strange filters such as bevel.

    An MHSAA logo that has omitted the registered trademark symbol with a red X overlay

    DO NOT omit the registered trademark symbol.

    An older version of the MHSAA logo with MHSAA spelled out with a red X overlay

    DO NOT use older versions.

    An MHSAA logo that has had its styles altered with a red X overlay

    DO NOT use different fonts or alter the shape
    of the logo.

    An MHSAA logo that has had additional design elements applied with a red X overlay

    DO NOT apply additional design elements into the logo.

    An MHSAA logo that is missing the Michigan outline and has a red X overlay

    DO NOT use without the Michigan outline.

    An MHSAA logo that has been rotated counter clockwise 45 degrees, has a red X overlay.

    DO NOT rotate the logo.

    An MHSAA logo that is using a non brand approved color with a red X overlay

    DO NOT fill with non
    brand approved colors.

    100th Year Logos

    The MHSAA is celebrating a century of sports throughout the 2024-25 school year. This logo can be used this year and can be used with or without the tagline “Celebrating a Century of Sports”.

    WITHOUT TAGLINE


    light background

    dark background

    MHSAA100-BW-Solid-UseOnDarkBackground-NoWords
    Download -
  • .PNG
  • .EPS
  • MHSAA100-BW-Outline-UseOnDarkBackground-NoWords
    Download -
  • .PNG
  • .EPS
  • WITH TAGLINE


    light background

    dark background

    MHSAA100-BW-Solid-UseOnDarkBackground
    Download -
  • .PNG
  • .EPS
  • MHSAA100-BW-Outline-UseOnDarkBackground
    Download -
  • .PNG
  • .EPS
  • Colors

    PRIMARY COLORS


    Primary colors are best used in association with the logo or for large color regions for emphasis and to establish brand. Also used for interactive elements such as buttons and links. Red Pantone 186C should be used when printing the MHSAA logo.

    A solid-colored circle filled in with MHSAA dark blue.
    MHSAA dark blue

    rgba(5,53,78,1)

    #05354E

    Pantone: 2955C

    A solid-colored circle filled in with MHSAA light blue.
    MHSAA light blue

    rgba(21,96,134,1)

    #156086

    Pantone: 3025C

    A solid-colored circle filled in with MHSAA button red.
    MHSAA button red

    rgba(183,17,23,1)

    #B71117

    Pantone: 186C

    A solid-colored circle filled in with digital MHSAA logo red.
    digital MHSAA logo red

    rgba(228,0,43,1)

    #E4002B

    Pantone: 185 C

    SECONDARY COLORS


    Secondary colors are best used as backgrounds behind text so that contrast is readable. Black is generally used just for text or footer.

    A solid-colored circle filled in with light blue.
    light blue

    rgba(221,236,244,1)

    #DDECF4

    Pantone: 299 C

    A solid-colored circle filled in with light grey.
    light grey

    rgba(248,248,248,1)

    #F8F8F8

    Pantone: 663 C

     A solid-colored circle filled in with dark grey.
    dark grey

    rgba(183,180,180,1)

    #B7B4B4

    Pantone: 5315 C

    A solid-colored circle filled in with black.
    black

    rgba(0,0,0,0,1)

    #000000

    Acceptable Logos for MHSAA Programs

    light background

    MHSAA.TV written in red with the letters outlined in dark blue
    Download -
  • .PNG
  • MHSAA logo in red with the word network.com written below in dark blue
    Download -
  • .JPG
  • .PNG
  • MHSAA logo in red with the Michigan state shape behind it and the words Coaches Advancement Program written to the right
    Download -
  • .JPG
  • Scholar Athlete Award with the word Scholar written in cursive and Athlete written as uppercase letters with a bold, orange font
    Download -
  • .JPG
  • .PNG
  • dark background

    Additional Resources

    Questions

    If you have questions about MHSAA branding or using the MHSAA logo, please contact Andy Frushour at the MHSAA.