This article is also available in:

Dynamic Design Color switching based on Variant Color

When selling products with multiple color variants, you may need different design colors to ensure the design remains visible on each variant. For example, a white design may look great on a black T-shirt but become nearly invisible on a white or light-colored one.In this article, we will walk you through a workaround that automatically displays the appropriate design color based on the selected color variant, helping your customers preview their designs clearly across different product colors.

The design color automatically switches based on the T-shirt color

Please continue reading this article to learn how to set this up!

Creating Product Base

Create or import a Product Base as you normally do.
With this method, setting up Print areas correctly is really important. Make sure the number of Print Areas matches the number of color design you intend to create.

For example: If you want to create two designs, one with black text and one with white text, create two Print Areas named Black Design and White Design, respectively.

Name each Print Area clearly and descriptively to make your setup easier to manage and maintain over time.

For products imported from a fulfillment provider, you can create additional Printareas as needed, as long as the Fulfilled Key and Printarea dimensions meet the requirements.

Enable the Custom variant's printarea toggle and make sure each Color Variant is connected to the correct Printarea.

If your product has multiple Printareas (e.g., Front and Back), you can also connect one variant to multiple Printareas. For more details, you can refer to this article.

Double-check that each variant color is connected to its corresponding Printarea.

Creating Artworks

Before creating your Artworks, plan in advance which design color will work best for each product color variant. This helps ensure that each Artwork is assigned to the correct Printarea.

In this example, create an Artwork for the black T-shirt using a white background and white text, then name it White Design.

Name each Artwork the same as its corresponding Printarea can make your setup easier to manage and maintain over time.

Duplicate the Artwork, then change the background and text colors for the White T-shirt.

Repeat these steps for the remaining variants until you’ve created all the Artworks you need.

Creating the Campaign

Create a new Campaign as you normally do.
Make sure to connect the correct Artwork to each Printarea.

Double-check everything before publishing the Campaign to your Store!

Updated on: 16/10/2026

Was this article helpful?

Thank you!