• Solution
  • Store
  • Software
  • Documentation
  • About Us
  • Contact
    • English
    English
    简体中文

    M5Stack Brand Guidelines

    At M5Stack, our brand represents who we are and how we connect with developers, makers, and businesses around the world. Consistent use of our visual identity helps keep M5Stack recognizable across products, communications, events, and digital platforms.
    These guidelines provide the essentials for using the M5Stack logo and brand assets correctly. You can download our Brand Kit, including logo files in PNG, SVG, and other commonly used formats.
    02
    Clear Space & Minimum Size
    Logo Clear Space
    Always maintain sufficient clear space around the M5Stack logo to ensure visibility and visual impact.
    The minimum clear space should be free of text, graphics, borders, or other visual elements. Use the spacing shown in the diagram as the minimum requirement whenever the logo is displayed.
    Minimum Size
    To maintain legibility, the M5Stack logo should never be displayed smaller than the recommended minimum size.
    Print: 16 mm wide
    Digital: 39 px wide
    For applications where the logo needs to appear smaller, please contact M5Stack for guidance.
    03
    Logo Colors
    The primary M5Stack logo uses M5 Blue and M5 Black. These colors should be used whenever possible to maintain a consistent and recognizable brand identity.
    04
    Logo on Different Backgrounds
    Use the logo version that provides the best contrast and legibility against the background.
    On Light Backgrounds
    Use the standard M5Stack logo with M5 Blue and M5 Black.
    On Dark Backgrounds
    Use the white logo.
    On Images or Complex Backgrounds
    Make sure the logo remains clearly visible. If necessary, place it on a solid or semi-transparent background to maintain sufficient contrast.
    05
    Horizontal Logo
    The horizontal M5Stack logo is an alternative lockup designed for layouts where horizontal space is preferred.
    Use the horizontal logo when it provides better visual balance for the available space. The same clear-space, minimum-size, color, and background rules apply.
    Clear Space
    Maintain the minimum clear space shown in the diagram around all sides of the horizontal logo
    Minimum Size
    Follow the minimum-size specifications shown in the diagram to ensure the horizontal logo remains clear and legible.