Skip to main content

Typography

h1

Connections Light

28px / 1.2 leading

Heading Level 1

h2

Connections Light

24px / 1.2 leading

Heading Level 2

h3

Connections Light

20px / 1.2 leading

Heading Level 3

Subhead

Connections Regular

20px / 1.5 leading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget facilisis neque. Donec lacinia neque arcu, eu congue ex viverra ut.

Body Copy

Connections Regular

16px / 1.5 leading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget facilisis neque. Donec lacinia neque arcu, eu congue ex viverra ut. Morbi sollicitudin eros vitae sollicitudin tincidunt. Vestibulum ante massa, condimentum eget ex eget, finibus suscipit lorem. Aliquam dui sapien, pharetra eget eleifend quis, elementum lobortis dolor. Mauris dignissim odio at ornare vulputate. Maecenas varius iaculis metus vitae hendrerit. Aliquam sit amet pharetra libero.

Caption

Connections Regular

14px / 1.5 leading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Disclaimer Copy

Connections Regular Italic

14px / 1.5 leading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eget facilisis neque. Donec lacinia neque arcu, eu congue ex viverra ut. Morbi sollicitudin eros vitae sollicitudin tincidunt. Vestibulum ante massa, condimentum eget ex eget, finibus suscipit lorem. Aliquam dui sapien, pharetra eget eleifend quis, elementum lobortis dolor. Mauris dignissim odio at ornare vulputate. Maecenas varius iaculis metus vitae hendrerit. Aliquam sit amet pharetra libero.

ul

Connections Regular

16px / 1.5 leading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Integer eget facilisis neque. Donec lacinia neque arcu, eu congue ex viverra ut.
  • Morbi sollicitudin eros vitae sollicitudin tincidunt.
  • Vestibulum ante massa, condimentum eget ex eget, finibus suscipit lorem.

ol

Connections Regular

16px / 1.5 leading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Integer eget facilisis neque. Donec lacinia neque arcu, eu congue ex viverra ut.
  3. Morbi sollicitudin eros vitae sollicitudin tincidunt.
  4. Vestibulum ante massa, condimentum eget ex eget, finibus suscipit lorem.

buttons

Connections Regular

16px

Blue (medium), Gray (pale light)