Pattern Library

HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.

Second level heading

HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.

3rd level heading

HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.

4th level heading

HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.

  • List item one
  • List item two
    1. Sub-list item one
      1. Sub-sub-list item one
    2. Sub-list item two
    3. Sub-list item three
  • List item three
  • List item four
  • List item five

Paragraph and Heading elements are styled by default. Wrap content with a .prose container for full typographic style including lists.


# Paragraph sizes

.large numbers are numbers that are significantly larger than those ordinarily used in everyday life, for instance in simple counting or in monetary transactions.

.small numbers are numbers that are small compared with the numbers used in everyday life. Very small numbers often occur in fields such as chemistry, electronics and quantum physics.

# Large prose

Add .prose--large on container.

Large numbers are numbers that are significantly larger than those ordinarily used in everyday life, for instance in simple counting or in monetary transactions.

  • List item one
  • List item two
    1. Sub-list item one
      1. Sub-sub-list item one
    2. Sub-list item two
    3. Sub-list item three
  • List item three
  • List item four
  • List item five

# Small prose

Add .prose--small container.

Small numbers are numbers that are small compared with the numbers used in everyday life. Very small numbers often occur in fields such as chemistry, electronics and quantum physics.

  • List item one
  • List item two
    1. Sub-list item one
      1. Sub-sub-list item one
    2. Sub-list item two
    3. Sub-list item three
  • List item three
  • List item four
  • List item five

# Media object

placeholder

Multimedia is content that uses a combination of different content forms such as text, audio, images, animation, video and interactive content. Multimedia contrasts with media that use only rudimentary computer displays such as text-only or traditional forms of printed or hand-produced material.

placeholder

Multimedia is content that uses a combination of different content forms such as text, audio, images, animation, video and interactive content. Multimedia contrasts with media that use only rudimentary computer displays such as text-only or traditional forms of printed or hand-produced material.


# Flag object

placeholder

A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.

placeholder

A flag is used as a symbol, as a signaling device, or as decoration.

placeholder

A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.

placeholder

A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.


# Grids

placeholder

Grid 1 item 1

placeholder

Grid 1 item 2

placeholder

Grid 2 item 1

placeholder

Grid 2 item 2

placeholder

Grid 2 item 3

placeholder

Grid 2 item 4


# Buttons

Anchor Link

# Fields