Manage color profiles in Motiff

Different displays use different technologies to render color, leading to visual inconsistencies between different devices, monitors, browsers, and applications. As the team size increases, inconsistency issue becomes more and more obvious.

With the color management in Motiff, you can perform the following actions:

• Maintain color consistency even if team members have different displays.
• Set a color profile for newly created files.
• Change the color profile of a file.
• Export the same design content as the color profile.

Supported color profiles

Motiff supports two color profiles: sRGB and Display P3.

sRGB is the most widely used color profile, which is supported by nearly all browsers and monitors.

Display P3 supports more vibrant colors than sRGB. Although Display P3 has yet to become the standard for the web and monitors, it is becoming increasingly popular. If you design exclusively for Apple devices, Display P3 is recommended.

Before setting up a color profile, you need to confirm whether your monitor supports the selected color profile; otherwise, the display effect cannot be guaranteed. For example, Display P3 colors cannot be correctly displayed on monitors that do not support this color profile.

Choose your preferred color profile

By default, the color profile for creating files is sRGB. You can choose a color profile for creating files by following these steps:

1. 1.Open any file you have access to.
2. 2.Click Main Menu - Preferences - Color profile… .
3. 3.In the color profile settings popup, choose sRGB or Display P3.
4. 4.Close the popup and save the settings.

Change color profile

When you change the color profile of a file, Motiff supports two options:

• Keep values (Assign): Changes the appearance of colors but not the color values.
• Keep appearance (Convert): Changes the color values but not the appearance.

Keep color values

When you assign a color profile to a file, the colors will visually change, but their color values (such as hexadecimal codes or HSB values) remain unchanged.

For example: When using specific colors (such as brand colors), you can choose to save color values. In this case, the colors may look slightly different, but it is more important that the color values remain consistent across devices and files.

You can keep color values by following these steps:

1. 1.Click Main Menu - File - File color profile and select the type you want to change.
2. 2.In the popup, select Keep values (Assign).
3. 3.Click Assign Display P3... or Keep sRGB and save the changes.

Keep appearance (Convert)

When you convert a file to a different color profile, the underlying data of the color changes, but will look the same or as similar as possible.

If you focus on brainstorming, wireframes, or testing how colors display on different devices, you can choose to preserve the appearance of colors. In these cases, a consistent appearance is more important than maintaining the system.

You can keep appearance (convert color values) by following these steps:

1. 1.Click Main Menu - File - File color profile and select the type you want to change.
2. 2.In the pop-up window, select Keep appearance (Convert).
3. 3.Click Convert to Display P3... or Keep sRGB and save the changes.

Undo changes to the color profile

Motiff supports the following methods to undo changes to the color profile:

• When changes have just been made, you can use shortcuts ⌘ Command + Z / Ctrl + Z to undo.
• You can select an earlier version in the version history.

Export assets

By default, Motiff exports assets using the color profile.

For example, when the color profile of the file is Display P3, the color profile of the exported content will also be Display P3.