Overview

As part of the effort to visually differentiate the paid versions of Mattermost, we are working on a few concepts to address the free/paid confusion and provide greater value to our Enterprise customers.

Resources

• Figma designs

• Presentation

• Initial Pull Request

Phase 1: Mattermost branding and ‘free edition’ label

For free users, the proposal here is to place the Mattermost logo in the header next to a FREE EDITION label.

The goal here is to make it clear to all users that they are on the free plan and to make way for future work that more clearly identifies features in enterprise that they might be missing.

Login page

On the login page, the Mattermost logo would be enforced and cannot be removed. Next to that, a FREE EDITION label displays.

For servers with Enterprise or Professional licenses, the FREE EDITION label will not show. The Mattermost logo will show unless replaced with custom branding.

Global header

Once in logged in, the Mattermost logo and FREE EDITION label displays in the global header bar.

For servers with Enterprise or Professional licenses, the FREE EDITION label and the Mattermost logo label will not show.

Product menu

In the product menu, we can also show the current license version at the bottom of this menu with a call to action to start the trial. If they’ve already completed a trial, we could replace this with a contact sales button.

In addition, as we move features to enterprise or pro, we can place key icons with tooltips to identify paid features.

If the server is already on a professional or enterprise license, we would also display that in the product menu without the call to action.

Phase 2: Offer more robust custom branding for Enterprise

To provide even greater value to our Enterprise customers, we’re also looking at more robust controls for custom branding and theming.

Moving custom branding tools to Enterprise

Currently custom branding tools are available to all licenses. In phase 2, the plan is to move all custom branding functionality to Enterprise licenses.

Enhanced custom branding tools

In the system console, this feature will be locked unless you have an Enterprise License. The following card will display in place of the custom branding features.

Once an enterprise license (or trial) is activated, the custom branding tools will be available.

Enable custom branding

When custom branding is disabled, the other options within are hidden.

In this case, the Mattermost logo, site name and fonts will be the default branding elements that display (without the FREE EDITION label if it’s an enterprise license.

If custom branding is enabled, the rest of the options will display.

Custom branding in the global header

Below is how the ‘App header logo’ image will appear. This should be either an SVG or transparent PNG.

Custom favicon

Admins can customize the icon that displays in the browser tab.

Site name

Used to customize the name shown in the title bar of a browser window.

Custom fonts (TBD)

Custom brand themes

Enterprise admins can also create one or more default themes to be available for users in the system. In addition, they can enforce which themes are provided to their user base.

By default, all preset Mattermost themes are set as available themes, but that can be changed for admins to select which themes they wish to offer.

For creating custom brand themes, the proposal here is to offer a simplified set of base colors that we can automatically build the themes from. Advanced settings would offer full control (similar to current custom theming ability with JSON support).

Settings for custom brand themes

Custom branded login page

We currently offer custom branding on the login page, but this proposal adds additional elements. Below is an example of the control Enterprise customers could have over the login page.

Settings for login page customization

Admins would have control over the title, subtitle, logo, colors and background. We could even offer custom CSS for more specific control.