Colour Customisation

Personalise your workspace colours to match your brand identity. Set primary and secondary colours that are applied to buttons, links, and accents throughout your workspace.

Colour Options

Brand Colours

• Primary Brand Colour: Main accent colour for buttons, links, and highlights
• Secondary Brand Colour: Complementary colour for secondary actions

Getting Started

1. Navigate to Settings > Branding
2. Click on "Brand Colours"
3. Use the colour picker or enter hex codes
4. Preview changes in real-time
5. Save your preferences

Colour Picker Options

Custom Colours

You can specify colours using:

• Colour Picker: Click to select from a colour palette
• Hex Codes: Enter directly (e.g., #FF5733)

Live Preview

See your colours in action before saving:

• Preview swatches showing both colours
• Sample buttons displaying how colours appear
• Real-time updates as you adjust

Best Practices

Accessibility

• Ensure sufficient contrast between text and background
• Follow WCAG 2.1 AA guidelines (4.5:1 contrast ratio minimum)
• Test with colour blindness simulators if needed

Brand Consistency

• Use your brand's official colour codes
• Maintain consistency across all marketing materials
• Consider how colours appear in different contexts

User Experience

• Test colours in both light and dark themes
• Ensure colours work well on different devices
• Consider cultural implications of colour choices

Troubleshooting

Colours Not Applying

• Clear your browser cache
• Ensure you have proper permissions (Pro+ tier required)
• Check that you clicked Save after making changes

Contrast Issues

• Use online contrast checker tools
• Adjust brightness or saturation
• Consider alternative colour combinations

Brand Colours Not Working

• Verify hex code format (must be 7 characters including #)
• Check for typos in colour codes
• Test with different browsers