Content widget: Content guidance - University of Leeds Design System

Guidance for what to put in to a content widget

The content widget must have a heading and an introduction text paragraph. It could alse include any of the following elements (each of which are shown below): Image/s, Video/s, iFrame/s, Block Quote/s, In Text CTA/s, Accordions with or without a table.

Image example

Polar bear with cubs on ice sheet — Picture credit: The person who has taken this photograph

Video example

Iframe example

Blockquote example

A blockquote is a quotation with a citation, designed to be offset from the main text on a page and is used to support content by visually highlighting a particular message or point.

(Blockquote citation)

CTA example

In text CTA widget title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim.

Accordion(s) without table

Five most recent selected publications

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus saepe delectus quos quibusdam. Quos ducimus, nam consectetur ipsam illo laudantium quas, dignissimos voluptate neque est eligendi, alias et facere unde. Ex minima incidunt exercitationem mollitia ratione ut ducimus culpa nam.

Conference papers

Accordion with table

Cheeses

List of cheeses
Name	Description	Country of origin	Fat percentage
Cheddar	Cheddar cheese is a relatively hard,off-white,sometimes sharp-tasting,natural cheese. Originating in the English village of Cheddar in Somerset,cheeses of this style are now produced beyond the region and in several countries around the world	UK	16%
Brie	Brie is a soft cow's-milk cheese named after Brie,the French region from which it originated. It is pale in color with a slight grayish tinge under a rind of #fff mould. The rind is typically eaten,with its flavor depending largely upon the ingredients used and its manufacturing environment	France	28%