AS Library Style Guide

Heading Classes

heading-xxlarge

heading-large

heading-medium

heading-small

Text Sizes

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Colors
text-color-blue
text-color-white
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
This is a block quote
  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
Caption goes here

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Buttons
.button.button-secondary.button.button-small.button-secondary.button-small
.button-tertiary
.button.button-secondary.button.button-small.button-secondary.button-small
.button-tertiary
.button.button-secondary.button.button-small.button-secondary.button-small
.button-tertiary
Form Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla aliquet porttitor lacus luctus.
  • Libero nunc consequat interdum varius. Lorem ipsum dolor sit amet consectetur.
  • Quis ipsum suspendisse ultrices gravida. Nulla porttitor massa id neque aliquam vestibulum morbi blandit cursus. Augue ut lectus arcu bibendum at. Ac tortor vitae purus faucibus.
  • Tempus egestas sed sed risus pretium. Scelerisque varius morbi enim nunc faucibus a pellentesque sit.
  • Vel turpis nunc eget lorem. Etiam tempor orci eu lobortis.
This is some text inside of a div block.
orange diamond icon