Managing Brand Colors
Define your brand's color palette with support for both digital and print applications.
Accessing Colors
- Open your brand in the editor
- Navigate to the Visual Identity section
- Find the Colors area
Color Categories
Colors are organized into three categories:
Primary Colors:
- Main brand colors
- Most frequently used
- Core brand identity
Secondary Colors:
- Supporting colors
- Complementary palette
- Secondary branding elements
Tertiary Colors:
- Accent colors
- Highlights and details
- Special use cases
Digital vs Print Colors
Digital Colors Tab:
- Optimized for screens
- RGB color space
- Web and app use
Print Colors Tab:
- Optimized for printing
- CMYK color space
- Physical materials
Adding a Color
- Click "Add Color" in any category
- Color opens in edit mode
- Enter color name
- Set color values
Color Value Formats
HEX:
- 6-character hex code
- Example: #FF5733
- Use color picker or type
RGB:
- Red, Green, Blue values
- Range: 0-255 each
- Auto-calculated from HEX
CMYK:
- Cyan, Magenta, Yellow, Black
- Percentages: 0-100%
- For print accuracy
Pantone:
- Pantone color code
- Example: PMS 306 C
- Industry standard matching
Using the Color Picker
- Click the color input field
- Visual color picker appears
- Select your color
- Values auto-update
Creating Gradients
Enable Gradient:
- Click "Switch to Gradient"
- Gradient editor appears
- Add color stops
Gradient Types:
- Linear: Straight line transition
- Radial: Circular transition
Gradient Direction: For linear gradients:
- Right, Left, Up, Down
- Diagonal options
Color Stops:
- Minimum 2 stops required
- Add more for complex gradients
- Drag stops to reposition
- Set exact position (0-100%)
AI Color Regeneration
If colors were AI-generated:
- "AI Generated Colors" banner appears
- Click "Regenerate" for new palette
- Based on brand guide analysis
Editing Colors
- Find the color to edit
- Click "Edit" button
- Modify values
- Click "Done" to save
Removing Colors
- Open color in edit mode
- Click "Remove" button
- Color is deleted
Best Practices
- Consistency: Use same colors across mediums
- CMYK Accuracy: Verify print colors manually
- Pantone Matching: For exact print reproduction
- Naming: Give colors descriptive names
- Organization: Keep primary colors limited (3-5)
