brand

brand

Brand Guidelines und

Assets zum Downloaden

logos

logos

Das muffintech-Logo verkörpert Schlichtheit, Klarheit und Modernität und reflektiert damit die Mission des Unternehmens – die Versicherungsbranche mit einem zugänglichen, digitalen und benutzerfreundlichen Ansatz zu revolutionieren. Das Logo kann sowohl mit als auch ohne Firmennamen verwendet werden.


Dennoch sollte stets das gesamte Logo verwendet werden, um die Marke vorzustellen. Die Form des Logos erinnert sowohl an ein KI-Symbol, als auch an eine Rakete und verdeutlicht somit die futuristische und technologische Vision von muffintech.

do's

do's

do's

Hier sind drei Beispiele für die richtige Verwendung unseres Logos, um sicherzustellen, dass es auf allen Plattformen einheitlich, klar und leicht erkennbar bleibt.

Verwende nur Farben für das Logo, die aus unserer Palette stammen.

Passe das Logo so an, dass es in verschiedenen Größen erkennbar bleibt.

Passe das Logo so an, dass es in verschiedenen Größen erkennbar bleibt.

Lasse ausreichend Platz um das Logo, damit Sichtbarkeit und Wirkung erhalten bleiben.

Lasse ausreichend Platz um das Logo, damit Sichtbarkeit und Wirkung erhalten bleiben.

don'ts

don'ts

don'ts

Hier ist aufgeführt, was man mit dem Logo nicht tun sollte. Die Einhaltung dieser Regeln trägt dazu bei, dass unsere Marke einheitlich und professionell aussieht.

Hier ist aufgeführt, was man mit dem Logo nicht tun sollte. Die Einhaltung dieser Regeln trägt dazu bei, dass unsere Marke einheitlich und professionell aussieht.

Hier ist aufgeführt, was man mit dem Logo nicht tun sollte. Die Einhaltung dieser Regeln trägt dazu bei, dass unsere Marke einheitlich und professionell aussieht.

Achte darauf nicht nur den Schriftzug ohne das dazugehörige Piktogramm zu verwenden.

Vermeide dunkles Logo auf dunklem Hintergrund für guten Kontrast und Lesbarkeit.

Vermeide dunkles Logo auf dunklem Hintergrund für guten Kontrast und Lesbarkeit.

Vermeide dunkles Logo auf dunklem Hintergrund für guten Kontrast und Lesbarkeit.

Die Proportionen des Logos sollten nicht durch Strecken verzerrt werden.

Die Proportionen des Logos sollten nicht durch Strecken verzerrt werden.

Die Proportionen des Logos sollten nicht durch Strecken verzerrt werden.

typographie

typographie

Space Grotesk wird für Überschriften und Titel verwendet. Inter wird aufgrund guter Lesbarkeit für Fließtext und längere Absätze verwendet, während Space Mono für akzentuierte Elemente eingesetzt wird. Zusammen schaffen sie eine gute Balance zwischen Minimalismus und Charakter.

Space Grotesk wird für Überschriften und Titel verwendet. Inter wird aufgrund guter Lesbarkeit für Fließtext und längere Absätze verwendet, während Space Mono für akzentuierte Elemente eingesetzt wird. Zusammen schaffen sie eine gute Balance zwischen Minimalismus und Charakter.

Space Grotesk wird für Überschriften und Titel verwendet. Inter wird aufgrund guter Lesbarkeit für Fließtext und längere Absätze verwendet, während Space Mono für akzentuierte Elemente eingesetzt wird. Zusammen schaffen sie eine gute Balance zwischen Minimalismus und Charakter.

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.

beispiele

beispiele

beispiele

Hier sind drei Beispiele, die zeigen, wie unsere Schriftarten korrekt verwendet werden sollten, um ein einheitliches, klares und leicht lesbares Design zu gewährleisten.

Beispiel

Das ist ein Titel

Das ist ein Fließtext in der Schriftart Inter mit einer Schriftgröße von 14. Die Schriftart Inter bietet ein sauberes und modernes Erscheinungsbild, was den Text leicht lesbar macht. Durch den erhöhten Zeilenabstand von 120% ist der Text gut verteilt, was die Lesbarkeit verbessert und ein angenehmes Leseerlebnis für alle Benutzer garantiert."

Space Grotesk Bold wird für alle Arten von Überschriften verwendet, um sicherzustellen, dass sie visuell größer erscheinen als der Fließtext damit eine klare visuelle Hierarchie entsteht.

Space Grotesk Bold wird für alle Arten von Überschriften verwendet, um sicherzustellen, dass sie visuell größer erscheinen als der Fließtext damit eine klare visuelle Hierarchie entsteht.

Beispiel

Das ist ein Titel

Das ist ein Fließtext in der Schriftart Inter mit einer Schriftgröße von 14. Die Schriftart Inter bietet ein sauberes und modernes Erscheinungsbild, was den Text leicht lesbar macht. Durch den erhöhten Zeilenabstand von 120% ist der Text gut verteilt, was die Lesbarkeit verbessert und ein angenehmes Leseerlebnis für alle Benutzer garantiert."

Inter Regular benutzen wir für Fließtext mit einem Zeilenabstand von 120%. Die Schriftart ist angenehm und gut lesbar.

Inter Regular benutzen wir für Fließtext mit einem Zeilenabstand von 120%. Die Schriftart ist angenehm und gut lesbar.

Beispiel

Das ist ein Titel

Das ist ein Fließtext in der Schriftart Inter mit einer Schriftgröße von 14. Die Schriftart Inter bietet ein sauberes und modernes Erscheinungsbild, was den Text leicht lesbar macht. Durch den erhöhten Zeilenabstand von 120% ist der Text gut verteilt, was die Lesbarkeit verbessert und ein angenehmes Leseerlebnis für alle Benutzer garantiert."

Space Mono dient als unsere Schriftart für Akzentuierungen.
Durch ihren unverwechselbaren Stil betont sie bestimme Elemente im Design.

Space Mono dient als unsere Schriftart für Akzentuierungen.
Durch ihren unverwechselbaren Stil betont sie bestimme Elemente im Design.

farben

farben

muffintech verwendet eine schlichte und moderne Farbpalette. Unsere gewagten und leuchtenden Farben symbolisieren den Umbruch, den wir in der Versicherungsbranche bewirken.

muffintech verwendet eine schlichte und moderne Farbpalette. Unsere gewagten und leuchtenden Farben symbolisieren den Umbruch, den wir in der Versicherungsbranche bewirken.

muffintech verwendet eine schlichte und moderne Farbpalette. Unsere gewagten und leuchtenden Farben symbolisieren den Umbruch, den wir in der Versicherungsbranche bewirken.

Primär

French

Violet

French

Violet

French

Violet

#7F13D2

#7F13D2

#7F13D2

Primary

Ethereal

Lavender

Ethereal

Lavender

Ethereal

Lavender

#EBD9F8

#EBD9F8

#EBD9F8

Sekundär

Turquoise

Mist

Turquoise

Mist

#5BC0BE

#5BC0BE

icons

icons

Bilder sagen mehr als Worte, aber manchmal können zu viele Bilder überfordernd wirken. Um das auszugleichen, verwenden wir Icons. Kommunikativ gesehen liegen Icons genau zwischen Text und Bild und können helfen, eine visuelle Ästhetik zu schaffen, wo Bilder zu viel oder nicht anwendbar sind.


Die für die muffintech-Identität verwendeten Icons sollten einfach und leicht verständlich sein und das Produkt visuell repräsentieren.