refsheet

Typography

A paragraph is a self-contained unit of written or spoken text that consists of one or more sentences grouped together around a central theme or topic. It is a fundamental building block of written communication and is used to organize ideas and present information in a coherent and structured manner.

Within this paragraph, an inline link is seamlessly integrated to provide readers with immediate access to additional information related to the topic being discussed.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Cards

...
Card

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's
...
Interactive card

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's
Interactive card w/o image

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's

Collapsibles

Some placeholder content for the Collapse content with enough content to fill more than one line.
Some placeholder content for the Collapse content.
Some placeholder content for the Collapse content.

Images

image
image as a card

Quotes

 

A well-known quote, contained in a blockquote element.

Someone famous
 
 

A well-known quote, contained in a blockquote element and displayed as a card

Also someone famous
 

Video url (flex fragment)

Video url (structure/template)