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

Public patterns

Faculty departments

Present the authoritative academic Departments for one faculty.

stable@uj/design/patternsVersion 1.16.1Package 1.16.1

Production component

Live preview

This example is rendered from the same package consumed by UJ applications.

Academic structure

Departments at College of Business and Economics

View all 13 departments

Department

Accountancy

Explore programmes, staff, research and news.

Contract

Usage and quality requirements

The contract keeps purpose, states and ownership visible before a component is reused.

usage

  • Pass canonical faculty-scoped Departments only
  • Render the complete Department directory without truncation
  • Keep Department ownership, routing, translations and verified counts in the consuming application
  • Use concise summaries without invented imagery or inferred statistics

states

  • one to thirteen departments
  • empty school structure
  • long faculty name
  • long department name
  • optional browse link
  • narrow viewport
  • dark theme
  • forced colours
  • 200% text
  • print

purpose

Present the authoritative academic Departments for one UJ faculty with the same hierarchy and responsive behaviour as other faculty content sections.

responsive

  • 320px one column
  • 768px two columns
  • 1440px three columns
  • 200% text resize
  • two-column print directory

accessibility

  • Labelled section and semantic Department articles
  • One canonical link per Department card
  • Minimum 44px linked title target
  • Visible keyboard focus
  • No colour-only meaning
  • WCAG 2.2 AA

runtime Boundary

The component performs no fetching, routing, relationship inference, translation lookup or storage.

source Authority

@uj/faculty-platform canonical 79-Department directory