brand

brand

Explore our brand guidelines and download all the assets you need

logos

logos

muffintech's logo embodies simplicity, cleanliness, and modernity, reflecting the company's mission to transform the insurance industry with an accessible, digital, and user-friendly solution. The logo can be used with or without the company name.


However, always use the entire logo to introduce the brand. The logo's shape is reminiscent of an AI icon, as well as a rocket, indicating the futuristic and tech aspects of the company.

do's

do's

do's

Here are three examples demonstrating the correct ways to utilize our logo, ensuring it remains consistent, clear, and easily recognizable across all platforms.

Only use colors for the logo that are in our chosen palette.

Use the logo in a way that is recognizable in different sizes.

Use the logo in a way that is recognizable in different sizes.

Leave appropriate space around the logo to maintain its visibility and impact.

Leave appropriate space around the logo to maintain its visibility and impact.

don'ts

don'ts

don'ts

Below, we highlight what not to do with the logo. Following these rules helps keep our brand looking consistent and professional.

Below, we highlight what not to do with the logo. Following these rules helps keep our brand looking consistent and professional.

Below, we highlight what not to do with the logo. Following these rules helps keep our brand looking consistent and professional.

Avoid using our wordmark logo without the accompanying pictogram.

Prevent placing our dark logo on a dark background to maintain high contrast and visibility.

Prevent placing our dark logo on a dark background to maintain high contrast and visibility.

Prevent placing our dark logo on a dark background to maintain high contrast and visibility.

Do not distort the logo by stretching its proportions.

Do not distort the logo by stretching its proportions.

Do not distort the logo by stretching its proportions.

typography

typography

Space Grotesk is used for headings and titles. Inter is used for running text and longer paragraphs due to its readability, and Space Mono is used for accentual elements. Together, they create a fine balance of minimalism while still having character.

Space Grotesk is used for headings and titles. Inter is used for running text and longer paragraphs due to its readability, and Space Mono is used for accentual elements. Together, they create a fine balance of minimalism while still having character.

Space Grotesk is used for headings and titles. Inter is used for running text and longer paragraphs due to its readability, and Space Mono is used for accentual elements. Together, they create a fine balance of minimalism while still having character.

Space Grotesk

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp

Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

Inter

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

Space Mono

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx

Yy Zz 1 2 3 4 5 6 7 8 9.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9.

examples

examples

examples

Here are three examples to showcase how to use our fonts correctly, ensuring a consistent, clear, and easily readable design.

Example

This is a headline

This is the body text with the font Inter, set at a font size of 14. We use a line height of 120% for it. The Inter font offers a clean and modern look, making the text easy to read. With the increased line height of 120%, the text is well-spaced, enhancing readability and ensuring a comfortable reading experience for all users.

Space Grotesk Bold is used for all kinds of headlines, ensuring they appear visually bigger than the body text for a clear visual hierarchy.

Space Grotesk Bold is used for all kinds of headlines, ensuring they appear visually bigger than the body text for a clear visual hierarchy.

Example

This is a headline

This is the body text with the font Inter, set at a font size of 14. We use a line height of 120% for it. The Inter font offers a clean and modern look, making the text easy to read. With the increased line height of 120%, the text is well-spaced, enhancing readability and ensuring a comfortable reading experience for all users.

Inter Regular is used for body text with a line height of 120%. It's easy to read and provides a comfortable reading experience.

Inter Regular is used for body text with a line height of 120%. It's easy to read and provides a comfortable reading experience.

Example

This is a headline

This is the body text with the font Inter, set at a font size of 14. We use a line height of 120% for it. The Inter font offers a clean and modern look, making the text easy to read. With the increased line height of 120%, the text is well-spaced, enhancing readability and ensuring a comfortable reading experience for all users.

Space Mono serves as our accent font, bringing a distinctive style and emphasis to specific elements on the page.

Space Mono serves as our accent font, bringing a distinctive style and emphasis to specific elements on the page.

color

color

muffintech uses a sleek and contemporary color palette. Our bold and vibrant colors symbolize the disruption we make in the insurance industry.

muffintech uses a sleek and contemporary color palette. Our bold and vibrant colors symbolize the disruption we make in the insurance industry.

muffintech uses a sleek and contemporary color palette. Our bold and vibrant colors symbolize the disruption we make in the insurance industry.

Primary

French

Violet

French

Violet

French

Violet

#7F13D2

#7F13D2

#7F13D2

Primary

Ethereal

Lavender

Ethereal

Lavender

Ethereal

Lavender

#EBD9F8

#EBD9F8

#EBD9F8

Secondary

Turquoise

Mist

Turquoise

Mist

#5BC0BE

#5BC0BE

icons

icons

Words will never be as valuable as visuals, but sometimes, too many images at once cause cognitive overload. To help balance this, we use icons. Communicatively speaking, icons fall right between text and images and can help create a visual aesthetic where images are too much or not applicable. 


Icons used for the muffintech identity should be simple, easy to understand, and visually representative of the product.