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

University of Johannesburg

Corporate Identity

A boldly African visual language: confident, human and progressive.

Explore the foundation

Foundation

Designed with purpose.

Every UJ digital experience should feel unmistakably ours: confident enough to lead, human enough to welcome and progressive enough to move forward.

01

Confident

Lead with strong hierarchy, direct language and generous space. Make important information easy to see and act on.

02

Human

Balance institutional authority with warmth, clarity and an inclusive voice that welcomes every audience.

03

Progressive

Use bold contrast and flexible components to express momentum without sacrificing accessibility or trust.

04

Colour use and contrast

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

05

Typography and font distribution

Use system Georgia for editorial headings and Arial for interface and body text; do not redistribute font binaries without recorded licence evidence.

06

Institutional mark use

Use the checksum-verified UJ mark through the approved Brand Lockup and institutional shell contracts, with controlled institutional-use terms.

07

Responsive layout and reflow

Build from stable containers, spacing and grid contracts so information reflows without overlap or loss at phone, tablet and desktop widths.

08

Light, dark and user preference

Use one semantic theme contract for light, dark, system, print and forced-colour modes, and preserve the visitor's explicit choice.

09

Keyboard, focus and target size

Every action and navigation path must be operable by keyboard, expose visible focus and provide stable targets that meet the approved WCAG 2.2 contract.

10

Motion and reduced motion

Use motion only to clarify state or continuity, keep it within the approved duration and easing tokens, and honour reduced-motion preference.

11

Component contribution and promotion

Promote a component only when it is useful, unique, usable, consistent and versatile, with evidence across UJ application families.

12

Release, adoption and deprecation

Deliver immutable semantic releases, verify every registered application, and announce replacements before removing a public contract.

13

Content hierarchy and language

Lead with clear hierarchy and direct language, use generous space, and make the next meaningful action easy to identify.

Colour system

Distinctive by design.

A restrained palette keeps UJ communications recognisable, legible and consistent across institutional experiences.

UJ Orange#F26522 / uj-orange

Use for key actions, highlights, active states and moments of brand expression.

Campus Light#F7F7F7 / campus-light

Use as a secondary background to separate content and create visual rhythm.

UJ Dark#050505 / uj-dark

Use for dark sections, strong typography and premium editorial moments.

Typography

Editorial character, everyday clarity.

Georgia gives headings an established academic voice. Arial keeps paragraphs, navigation, labels and controls direct and readable.

Display / Georgia Bold

The future is ours.

Heading / Georgia Regular

Knowledge that moves society forward.

Body / Arial Regular

The University of Johannesburg is a vibrant, cosmopolitan and dynamic institution committed to advancing excellence through teaching, research, innovation and meaningful engagement.

Quote / Georgia Italic

A university rooted in Africa and ready for the world.

Approved resources

Corporate identity assets.

Only reviewed, checksum-verified files with recorded usage terms are made available from this catalogue.