Design System

Color Palette






Button


Primary

Primary – icon left

Primary – icon right

Secondary

Secondary – icon left

Secondary – icon right

Typography


Heading 1

The quick brown fox jumps over the (…)

Heading 2

The quick brown fox jumps over the lazy dog.

Heading 3

The quick brown fox jumps over the lazy dog.

Heading 4

The quick brown fox jumps over the lazy dog.

Heading 5

The quick brown fox jumps over the lazy dog.

Heading 6

The quick brown fox jumps over the lazy dog.

Subheading

The quick brown fox jumps over the lazy dog.

Body 1

Consectetur aute fugiat aliquip elit. Ad excepteur incididunt consectetur est incididunt eu duis irure elit consequat ad esse. Labore pariatur cupidatat consectetur sunt mollit mollit cillum laboris deserunt minim nisi ad nulla cupidatat.

Body 1 – text link

Click here

Body 2

Consectetur aute fugiat aliquip elit. Ad excepteur incididunt consectetur est incididunt eu duis irure elit consequat ad esse. Labore pariatur cupidatat consectetur sunt mollit mollit cillum laboris deserunt minim nisi ad nulla cupidatat.

Nav item

Link

Quote

The quick brown fox jumps over the lazy dog.

Caption

The quick brown fox jumps over the lazy dog.

Button text

Click here

Typography


Dropdown


Radio Button


Checkbox


List Item


  • Duis aute irure dolor in reprehenderit in voluptate.
  • Consectetur adipiscing elit, sed do eiusmod.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
  1. Duis aute irure dolor in reprehenderit in voluptate.
  2. Consectetur adipiscing elit, sed do eiusmod.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
  • Duis aute irure dolor in reprehenderit in voluptate.
  • Consectetur adipiscing elit, sed do eiusmod.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Toggle


  • On


  • Off


  • Disabled