@Design System

Button Primary

Corner radius:
100 px

Height:
48 px

States for:
Normal / Hover / Disabled

Button Secondary

Corner radius:
100 px

Height:
48 px

States for:
Normal / Hover / Disabled

Typography

Headline:
Made Mirage Medium

Body:
Assistant

Accent:
Paperie Creme

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 (…)

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 – Bold

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.

Body 2 – Bold

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.

citation

Caption

The quick brown fox jumps over the lazy dog.

Form fields

Corner radius:
100 px

Height:
48 px

States for:
Normal / Hover / Filled / Disabled / Error

Bullets

  • Duis aute irure dolor in reprehenderit in voluptate.
  • Duis aute irure dolor in reprehenderit in voluptate.
  • Duis aute irure dolor in reprehenderit in voluptate.
  1. Duis aute irure dolor in reprehenderit in voluptate.
  2. Duis aute irure dolor in reprehenderit in voluptate.
  3. Duis aute irure dolor in reprehenderit in voluptate.
  • Duis aute irure dolor in reprehenderit in voluptate.
  • Duis aute irure dolor in reprehenderit in voluptate.
  • Duis aute irure dolor in reprehenderit in voluptate.