Typography

NMU Approved Colors

Nelson Mandela University - Approved Colours
State Preview Class postfix Color hex Usage example
Brand blue *-brandblue #141c2b m--font-brandblue
Secondary blue *-secondaryblue #132e51 m--font-secondaryblue
Brand yellow *-brandyellow #ffcc00 m--font-brandyellow
Secondary yellow *-secondaryellow #f9b22a m--font-secondaryellow

NMU Faculty Colors



Faculty of Arts
PANTONE 123 C CMYK 0, 30, 100, 0 RGB 255, 181, 27 VINYL C023 (app RAL 1028)


Faculty of Business & Economic Sciences
PANTONE 242 C CMYK 50, 90, 40, 0 RGB 108, 40, 79 VINYL 2100/2200/270, 62 Purple


Faculty of Health Sciences
PANTONE 390 C CMYK 40, 0, 80, 0 RGB 130, 183, 74 VINYL C150 (app RAL 6018)


Faculty of Law
PANTONE 659 C CMYK 60, 40, 0, 00 RGB 94, 110, 186 VINYL 4500/4550/4570, 38 Evening Blue


Faculty of Education
PANTONE 151 C CMYK 0, 70, 100, 0 RGB 241, 79, 18 VINYL C030 (app RAL 2008)


Faculty of Sciences
PANTONE 356 C CMYK 100, 20, 95, 0 RGB 0, 107, 52 VINYL C152 (app RAL 6029)


Faculty of Engineering, the Built Environment & Information Technology
PANTONE 297 C CMYK 50, 0, 0, 0 RGB 87, 188, 233 VINYL C100 (app RAL 5012)

Avenir Font

The secondary font for Nelson Mandela University is Avenir. This font should be used on all print and graphic or image-based digital applications. On all digital platforms Nunito-Sans should be used.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!#$%^&*()_+

font-family: Avenir-Black | font-size 2.5rem

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!#$%^&*()_+

font-family: Avenir-Medium | font-size 2rem

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!#$%^&*()_+

font-family: Avenir-Book | font-size 1.75rem

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!#$%^&*()_+

font-family: Avenir-Oblique | font-size 1.5rem

Nunito-Sans

The secondary font for Nelson Mandela University is Avenir. This font should be used on all print and graphic or image-based digital applications. On all digital platforms Nunito-Sans should be used.

h1. Heading 1

font-family: NunitoSans-Black | font-size 2.5rem

h2. Heading 2

font-family: NunitoSans-ExtraBold | font-size 2rem

h3. Heading 3

font-family: NunitoSans-Bold | font-size 1.75rem

h4. Heading 4

font-family: NunitoSans-SemiBold | font-size 1.5rem
h5. Heading 5
font-family: NunitoSans-Regular| font-size 1.25rem
h6. Heading 6
font-family: NunitoSans-Light | font-size 1rem

State Colors

Theme reuses Bootstrap's original 6 states:
State Preview Class postfix Usage example
Success *-success btn-success m--font-success
Warning *-warning btn-warning m--font-warning
Danger *-danger btn-danger m--font-danger
Info *-info btn-info m--font-info
Primary *-primary btn-primary m--font-primary