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

UJ design system

Patterns

Patterns combine components around recurring university tasks without moving business rules into the design package.

Pattern

Public archive

Search, filters, totals, record summaries and numbered pagination.

form-field / pagination / empty-state

Owner: Corporate Identity

Pattern

Canonical record detail

Breadcrumbs, page hierarchy, authoritative metadata, content and related records.

breadcrumbs / page-header / section-heading

Owner: Corporate Identity

Pattern

Programme detail

Present complete published Programme facts, governed content, contacts, resources and related programmes.

breadcrumbs / page-header / translation-controls / programme-card / rich-text

Owner: Corporate Identity

Pattern

News detail

Present a complete published News article with publication metadata, media, taxonomy, credits and provenance.

breadcrumbs / page-header / translation-controls / news-card / rich-text / media-figure

Owner: Corporate Identity

Pattern

Governed data exchange

Export governed records and validate imported changes before an authorised person confirms them.

admin-shell / admin-page-header / panel / choice-card / file-input / workflow-steps / alert / data-table / empty-state

Owner: Corporate Identity

Pattern

Editorial review

Protected review status, evidence, decisions and audit history.

admin-shell / status-badge / audit-timeline

Owner: Corporate Identity

Pattern

Administration dashboard

Operational metrics, priority work and direct management routes.

admin-shell / admin-page-header / metric-grid

Owner: Corporate Identity