Brand Color Field

Customize your agency's visual identity with brand colors. ## Color Types ### Primary Color Your main brand color used for: - Navigation buttons - Links - Page headers - Primary call-to-action buttons ### Secondary Color Accent color used for: - Borders and dividers - Secondary buttons - Background highlights - Subsection headers ### Accent Color Additional highlight color for: - Special call-to-action buttons - Badges and tags - Success/error indicators - Notification dots ## How to Use ### Color Picker 1. Click the color swatch to open picker 2. Select your color visually 3. Or enter hex code directly (e.g., `#007bff`) ### Live Preview Changes apply immediately for real-time feedback ### Quick Presets Use pre-built color schemes: - Professional Blue: `#007bff` - Modern Green: `#28a745` - Classic Gray: `#6c757d` - Bold Red: `#dc3545` - Royal Purple: `#6f42c1` ## Tips - **Contrast**: Ensure text is readable on your color - **Accessibility**: Avoid colors that don't pass WCAG standards - **Consistency**: Use the same colors across all materials - **Printing**: Test how colors look in print/grayscale ## Related Topics - [Branding Settings](../pages/branding-settings.md) - [Logo Upload Field](./logo-upload.md)