Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Phase 1

...

Presentation

...

Initial Pull Request

...

: Mattermost branding and ‘free edition’ label

For free users, the proposal 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 differentiates Enterprise from free.

Login page

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

...

If a custom site name is configured, that will display below the Mattermost logo.

...

Global header

Once 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 FREE EDITION label with a short descriptor. In Team Edition, no call to action will display, but in E0, we will display a call to action to start a trial. If they've already completed a trial, we will hide the trial button.

...

Phase 2:

...

Add custom logo and theme capabilities to Enterprise

...

Currently, all licenses have access to custom branding capabilities including site name, site description, custom brand image and custom brand text. For this phase of work, the proposal is to only show these settings in Enterprise.

...

(simplified)

In phase 2, we will leave the existing custom login page features in the free editions, but will need to re-organize some settings. We will also add additional tools for custom branding in Enterprise edition.

Custom logo settings NEW

A few new settings for a custom logo allows enterprise customers to add their own brand identity to the application by uploading custom logos that will be visible in the login page and application header.

By default, this group of settings is disabled, but can be enabled via the toggle switch in the section header.

...

Once enabled, the following fields are revealed:

  • Logo for light backgrounds

  • Logo for dark backgrounds

  • Favicon.

Before the images have been uploaded, a Choose image button displays.

...

Once images have been uploaded, a small image preview displays along with a Change button and a Delete button.

...

How the logos display to end users

When custom logos are configured, they will display in the login page header and the main application global header.

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 when their server is viewed in a web browser.

...

Group and rename existing login customization features

The current Site Name, Site Description, Custom Brand Image, and Custom Brand Text settings will be regrouped into an isolated section. These will remain available in all editions. The following fields will be renamed:

Site Name → no change

Site DescriptionLogin form title

Custom Brand ImageLogin page custom image

Custom Brand TextLogin page custom text

...

Group existing link customizations

The existing link customization settings will also be grouped in to a section. No other changes proposed to these settings.

...

Custom branding features

...

Phase 3: Offer more robust custom branding for Enterprise (WIP)

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

Enhanced custom branding tools

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.

...

Once 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.

...

Info

NOTE: custom themes will still be available for free users/servers. This enterprise feature provides admins with the ability to create and enforce specific themes for their whole server.

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.

...