Skip to main content
Corporate IdentityUniversity of Johannesburg
Settings
Appearance
Design
Menu

Foundations

Colour use and contrast

Use semantic UJ colour tokens so brand expression, text contrast, status meaning, themes and forced-colour behaviour remain governed together.

Approved decision

Application guidance

Apply colour by purpose

Use UJ Orange for key actions, highlights and active states. Use semantic surface, text, border and status tokens for all interface roles.

Protect meaning and readability

  • Do not rely on colour alone to communicate state.
  • Test approved foreground and background pairs in light, dark and forced-colour modes.
  • Do not add application colour literals that are absent from the approved token release.

Provenance

Evidence source

design/design-uj-digital-experience/design-uj-digital-experience/references/identity.html; @uj/design DTCG token release 1.3.0