News summary | UJ Corporate Identity

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.

UJ Newsroom22 July 2026

Media release
Staff achievements

UJ leaders appointed to senior leadership roles at the Academy of Science of South Africa

The University of Johannesburg's leadership in research and higher education has been further recognised with the appointment of two scholars to senior leadership positions in the Academy of Science of South Africa.

Read article

UJ News21 July 2026

Research
University news

Standard archive story

A published institutional update with the information readers need before opening the article.

Read article

UJ News20 July 2026

Story without an image or optional classifications

Optional media, taxonomy and credits disappear without leaving empty space.

Read article

University of Johannesburg institutional identity

UJ News19 July 2026

Research

Headline-only collection update

Contract

Usage and quality requirements

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

usage

Pass published News data only
Use featured, standard and compact for layout
Use headline content mode when a collection must show only image, source/date, categories and linked headline
Format dates and links in the owning application
Sanitise article content before passing React nodes
Keep fetching, SEO and editorial workflow rules outside @uj/design

states

purpose

Present published UJ News consistently across lead stories, archives and compact homepage collections.

responsive

320px single-column flow
768px collection layout
1440px collection layout
200% text resize

accessibility

Semantic article, heading, time, figure and taxonomy markup
Visible keyboard focus
Linked images have an accessible name
State is expressed in text and not colour alone
WCAG 2.2 AA

runtime Boundary

The component performs no fetching and creates no dependency on Corporate Identity at runtime.

source Authority

News CMS on port 3019