Typography

We believe that typography plays a vital role in conveying our brand's personality and creating a cohesive visual identity. Our carefully selected fonts embody the essence of our community, reflecting the modern, innovative, and inclusive spirit of Mutuo Vive.

We believe that typography plays a vital role in conveying our brand's personality and creating a cohesive visual identity. Our carefully selected fonts embody the essence of our community, reflecting the modern, innovative, and inclusive spirit of Mutuo Vive.

We believe that typography plays a vital role in conveying our brand's personality and creating a cohesive visual identity. Our carefully selected fonts embody the essence of our community, reflecting the modern, innovative, and inclusive spirit of Mutuo Vive.

Typeface

We use for everything. Except when we want to display code, that's when we use

We use for everything. Except when we want to display code, that's when we use

We use for everything. Except when we want to display code, that's when we use

Inter

Inter

Inter

For General use

For General use

For General use

Quattrocento

Quattrocento

Quattrocento

For Alternative Title

For Alternative Title

For Alternative Title

Body

Our standard body text comes in at 16px. It has basic link styling and comes in a big and small variation.

Our standard body text comes in at 16px. It has basic link styling and comes in a big and small variation.

Our standard body text comes in at 16px. It has basic link styling and comes in a big and small variation.

The quick brown fox jumps over the lazy dog
Small
The quick brown fox jumps over the lazy dog
Default
The quick brown fox jumps over the lazy dog
Large

Heading Component

For ease of use and consistency, this component allows you to switch between heading levels.

For ease of use and consistency, this component allows you to switch between heading levels.

For ease of use and consistency, this component allows you to switch between heading levels.

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

Heading 4

Heading 5
Heading 5
Heading 5
Heading 6
Heading 6
Heading 6