Home
Usage
Marketeers
Designers
Developers
Contribution
Pipelne
Foundations
Color
Typography
Actions
Structured Text
Images
Content
Voice and Tone
Mechanics, Grammar and Inclusivity
Patterns
Containers / Sections
In Page Navigation
Typographic patterns
Content and Media
Taxonomies
Images with Overlaid Text
Pagination
Social Share Buttons
Spinner
Agility Page Components
Styling Definitions
Text
Text and Media
Carousels
Accordion
Grid Content

Structured Text

Stuctured text represents various HTML elements that allow you to break up information for your users in the most basic manners. This includes headings, paragraphs, ordered and unordered lists,

Headings

The following headings can display in both font styles and in bold and normal style. Headings also follow very special rules around line heights and spacing around them. Refer to the typography section to see more.

Heading / Heading - h1

Heading / Heading - h2

Heading / Heading - h3

Heading / Heading - h4

Heading / Heading - h5

Heading / Heading - h1

Heading / Heading - h2

Heading / Heading - h3

Heading / Heading - h4

Heading / Heading - h5

Lists

Unordered

  • Markdown lists are easy as pie!
  • Create a list by starting a line with +, -, or *
  • Sub-lists are made by indenting 2 spaces:
    • Marker character change forces new list start:
      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • Very easy!

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa