Navigate to: Merchandise > Colors > “Add New” Action
1. Overview
This article provides information on adding and configuring colors in Artifi Admin. It helps administrators manage color settings and configure swatch colors used in personalization and product customization. Colors can be applied to text, text strokes, and graphics, associated with Color Sets for use in Text Rules and Arc Text Rules, and used as tints to create color effects on graphics.
2. When Should You Add Colors?
Colors should be added in the following scenarios:
- Configuring colors for graphics and text customization
- Setting up color-based pricing integrations
4. Prerequisites
Before adding colors, ensure that:
- Have Admin access in Artifi
- Know the required color details such as Hex Value and Display Name.
6. Steps to Add Colors
Use the following steps to add a new color:
- Hover over Merchandise from the top menu bar in Admin
- Click on the Colors submenu. A list of all the added colors will appear.
- Click on the Add New button.
- Enter all the required color details.
- Click on the Save button. After saving, the following confirmation message will appear:
6. Field Details
| Field Name | Description |
| Color Name | Name of the color. Example: Black |
| Display Name | Name displayed in the front designer. Example: Black |
| Hex Value | Hex code of the color used for swatch display, text and logo personalization. Example: #000000 |
| Code | Used for pricing integration of colors. Custom codes can reflect pricing changes in the front designer |
| Color Type | Defines whether the color is a standard color or texture-based color. |
| Image | Upload swatch image for the color. Recommended size: 50 × 50 px. |
7. Next Step
After saving the color configuration, these colors should be assigned to Color Set
8. Common Issues & Troubleshooting
Issues:
Text color not visible in designer.
Possible Cause
- The color is not assigned to the Color Set.
- The Color Set is not assigned to the Rule.
- The Rule is not assigned to the Template.
Resolution
- Verify that the required color is assigned to the appropriate Color Set.
- After verifying the color assignment, review that the Color Set is mapped to the correct Rule.
- Once the Rule is verified, ensure that the Rule is assigned to the required Template.
- Once verifying and updating the above points, refresh the designer and validate whether the color is displayed correctly.
Graphics color not visible in designer.
Possible Cause
- The color is not assigned to the Color Set.
- The Color Set is not assigned to the Rule Effects.
- The Rule is not assigned to the Template.
Resolution
- Verify that the required color is assigned to the appropriate Color Set.
- After verifying the color assignment, review that the Color Set is mapped to the correct Rule Effects.
- Once the Rule is verified, ensure that the Rule is assigned to the required Template.
- Once verifying and updating the above points, refresh the designer and validate whether the color is displayed correctly.
11. Best Practices & Recommendations
- Use meaningful and standardized names while creating colors.
- Maintain consistent naming conventions across all color entries.
- Use accurate Hex Values to ensure the correct color is displayed in the designer.
- Avoid creating duplicate color entries. If colors share the same name but use different Hex Values, use a unique Display Name for better identification.
- Regularly review color libraries and remove unused or obsolete color entries.
12. Related Articles
13. Q&A
What information should be prepared before adding a color to admin?
A: Color Name, Display Name, Hex Value details should be prepared beforehand.
What is a Hex Value?
A: A Hex Value is a hexadecimal code used for color representation.
What is the purpose of the Code field?
A: The Code field is utilized for pricing integrations and custom logic.
Where can added colors be utilized?
A: Colors can be utilized across Text, and Graphics.
How can colors be added to Artifi Admin?
A: Navigate to Merchandise >> Colors, click Add New, enter the required color details, and click Save.
What is the next step after adding color?
A: The color should be assigned to a Color Set.
Can the same color be utilized across multiple templates?
A: Yes, colors can be reused across multiple templates and configurations.