Brand and Visual Design Guidelines
The logos below are available for use in your integrations and applications that connect to Mattermost. Use of the logo is permitted as long as it’s used in a non-commercial way and does not imply endorsement by Mattermost, Inc.
The Mattermost logomark is called "the instrument". It represents four tools that organizations need to achieve their highest priorities:
A compass for direction
A clock to set pace
A meter to measure output
A dial representing inputs — the contribution of everyone on the team
The Mattermost logo is available is vertical, horizontal, and logomark-only versions. The logo can be represented in black, blue, or white as displayed below.
Horizontal Logo: Min size 100x16px
Vertical Logo: Min size 70x39px
Logomark: Min size 16x16px
To ensure an uncluttered presentation, always maintain a full "X" space around the logo. The "X" height is always the height of the lowercase letter "m" in "Mattermost". Use the safety area as an invisible border.
Do not change logo colors. Use the provided options
Do not rotate the Mattermost logo
Do not distort or alter the Mattermost logo
Do not lockup any other words along with the Mattermost logo
Do not rearrange elements of the logo
Do not use the logo at sizes smaller than the indicated minimum size
If you need vector versions of the logos, you can download the EPS package.
Logomark: Black Logomark, Blue, White
Below is a sample of the core colours we've been using in the latest branding initiatives. For the full set of colors specific to the website visit the UX/UI Style Guide
Name | Swatch | Hex | RGB |
Primary Blue | | Hex: 0058CC | rgb(0, 88, 204) |
Indigo | | Hex: 22406D | rgb(34, 64, 109) |
Dark Indigo | | Hex: 152235 | rgb(21, 34, 53) |
Light Blue | | Hex: 80B3FA | rgb(128, 179, 250) |
Coral | | Hex: FD6165 | rgb(253, 97, 101) |
Orange | | Hex: F59138 | rgb(245, 145, 56) |
Green | | Hex: 21C45D | rgb(33, 196, 93) |
Red | | Hex: DC3F35 | rgb(220, 63, 53) |
The main typefaces used are Metropolis and Source Sans Pro. Metropolis is primarily used for section headings and titles. Source Sans Pro is used for body and description texts.
For the full set of typography guidelines specific to the website visit the UX/UI Style Guide.
Product-specific typography guidelines coming soon.
Powerpoint and Google Slides Templates coming soon.
Website-specific guidelines can be found in the UX/UI Style Guide.
Using the Mattermost name is generally permitted as long as it’s used in a non-commercial way and does not imply endorsement by Mattermost, Inc.
Please do not name your integrations or apps starting with, or only using, the name "Mattermost", as this may confuse end-users as to where to find support.
Community projects might be named using "for Mattermost", examples:
Alternatively, community projects may concatenate names containing Mattermost, for example:
Matterbridge – is a Mattermost bridge connecting with IRC
Mattersend – is a Mattermost integration for sending webhook events
Exception: Please don’t use the name “matterbot”, as that is an internal service under development.
Mattermost is an open source Slack-alternative built for enterprise. Thousands of companies use Mattermost for secure, compliant workplace messaging across web, PC, and phones along with archiving, search, corporate SSO, and integration with hundreds of third-party applications. Available under MIT license in 16 languages, Mattermost offers peace of mind, value, control, and freedom from lock-in for organizations around the world.
Learn more at https://mattermost.com/.