Use house style colours in website design that ensures accessibility and maintains visual consistency All users can access the content and the brand identity remains cohesive, improving user satisfaction and compliance with accessibility standards
The bright teal colour, when used as a button or background, must be paired with dark text (e.g., black or dark gray) to meet the required contrast ratio.
The dark purple colour, when used as a button or background, must be paired with white or light-coloured text to meet the required contrast ratio.
The magenta colour must not be used as a button or background unless paired with a text colour that achieves the required contrast ratio (4.5:1 for normal text, 3:1 for large text) or modified to a shade that supports readability.
All UI elements (e.g., buttons, text fields, links) must maintain consistent text and background colour pairings across the website to ensure a uniform design.
A standardised colour palette must be defined, specifying which text colours (e.g., dark text for teal, white for purple) pair with each house style colour to ensure consistency and accessibility.
The magenta color must be adjusted (e.g., to a more accessible shade) or restricted from use in high-contrast areas (e.g., buttons, backgrounds) unless it meets contrast requirements.
A design system or style guide must be updated to document accessible color combinations and usage rules for the house style colors, ensuring consistency across all pages.
The logo’s use of house style colours must remain unchanged, as it contains no text and does not impact accessibility.