Metadata

Purpose

Metadata presents the key information about an object or a page in an easy to scan way.

Example

metadata-small
metadata-large

Description

Every block in the metadata module communicates a different piece of key information about the same subject, such as a course.

Example (below header on Course Description Page)

Elements

Module consists of multiple blocks, each containing:

Every block in this module communicates a different piece of key information about the same subject, such as a course.

Variants

Metadata - No icons

This variant follows the same principle as the original metadata module, however it doesn't include icons and uses a darker (gainsboro) background. Currently used on career advice pages.

metadata-careeradvice-small.png
metadata-careeradvice-large
Live example

Added by: