Style guide

Typography

Usage examples

Headers

Header level 1

Header level 2

Header level 3

Header level 4

Header level 5
Header level 6

Fonts

Colors

  • Primary #381671
  • Secondary #f3eff9
  • Interaction #57358f

Links

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae asperiores delectus beatae, ipsam reiciendis nobis recusandae nostrum inventore, nesciunt ipsum hic eligendi.

Unordened List

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae inventore itaque exercitationem.
    • Lorem ipsum dolor sit amet, vitae inventore quasi itaque exercitationem dolorum necessitatibus.
  • Eaque cupiditate mollitia quaerat nisi, pariatur animi, suscipit velit aliquam quasi explicabo. In repellat consectetur. A nostrum, numquam illum deleniti dicta!

Ordened List

  1. Doloremque, provident! Quod enim praesentium, necessitatibus culpa inventore vero quidem sint error rerum molestias facilis odio sequi voluptate aperiam repudiandae dolore cum temporibus saepe magni, ad minima deserunt, quaerat debitis.
  2. Iure similique aperiam fuga laudantium. Sunt reprehenderit, minima ipsa perspiciatis aperiam suscipit beatae ipsam! Ab aliquid esse architecto, optio tenetur rem quaerat doloribus accusamus.

Buttons

Usage examples

Default

Disabled

Forms

Usage examples

Form title

Grids

Usage examples

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

1 col.

Example.

2 col.

Example.

2 col.

Example.

2 col.

Example.

2 col.

Example.

2 col.

Example.

2 col.

Example.

3 col.

Example.

3 col.

Example.

3 col.

Example.

3 col.

Example.

4 col.

Example.

4 col.

Example.

4 col.

Example.

6 col.

Example.

6 col.

Example.

12 col.

Example.

1 col.

Example.

11 col.

Example.

2 col.

Example.

10 col.

Example.

3 col.

Example.

9 col.

Example.

4 col.

Example.

8 col.

Example.

5 col.

Example.

7 col.

Example.