Zum Inhalt springen

Plattform · Motion-Styleguide

Der Motion-Styleguide: dein Corporate Design in Bewegung

Der Motion-Styleguide legt fest, wie sich deine Marke im Film bewegt: Farben, Schriften, Layouts, Übergänge und Tempo. Du legst ihn einmal an, danach entsteht jeder Film mit mint motion design aus einem Briefing im gleichen Design.

Ladungssicherung: Bevor der Lkw rolltStil Skizze auf Foto · 16:9 · 1:21

Aus deinem Material wird ein Styleguide

Website, Präsentation, Bilder oder ein bestehender Markenfilm: mint liest das Material, das es schon gibt, und baut daraus einen Motion-Styleguide. Du gestaltest nichts neu, du wählst nur die Quellen aus.

  • Website (URL), Bilder auch als SVG, ein Video, HTML oder ZIP
  • Präsentation als PPTX, PPT, Keynote, ODP oder PDF, bis 100 MB und 60 Folien
  • Quellen lassen sich kombinieren
  • Eigene Hausschriften hochladen
  • Folien als Layout-Vorlagen übernehmen

Dein Brand-Paket rein. Unendlich viele Filme raus.

mint liest Webseite, Bilder, Präsentationen und Videos, baut daraus deinen Motion- und Brand-Styleguide und exportiert jeden Film in jedem Format, so oft du willst.

Was in einem Motion-Styleguide steckt

Der Styleguide beschreibt, wie deine Marke aussieht und wie sie sich bewegt, von den Farben bis zu den Übergängen.

  • Farbwelt mit RollenJede Farbe hat eine feste Aufgabe, etwa Hintergrund, Akzent oder Text. So bleiben Kontraste in jeder Szene stimmig.
  • Schriften und TyposkalaDeine Hausschriften mit festen Größenstufen, von der großen Überschrift bis zum Kleingedruckten.
  • Formensprache und BildstilLinien, Flächen, Ecken und die Art, wie Bilder wirken, folgen dem Vorbild deiner Marke.
  • Layouts in drei FormatenTitel, Kennzahl, Liste, Vergleich, Prozess, Bild mit Text, Aussage, Bühne und Abschluss, jeweils in 16:9, 9:16 und 1:1.
  • Übergänge und BewegungBewegungsprinzipien und Übergänge, ein Temperament von ruhig über ausgewogen bis dynamisch, Kinetik mit Text auf den Takt und Flug-Übergänge in 2,5D.
  • RegelnFeste Vorgaben, zum Beispiel für Kontraste und Mindestgrößen, damit jeder Film lesbar bleibt.

Vom Material zum fertigen Styleguide

  1. 01

    Quellen wählen

    Gib eine Website an, lade Bilder, ein Video, ein HTML-Paket oder eine Präsentation hoch oder kombiniere mehrere Quellen. Hausschriften und Folien als Layout-Vorlagen kommen dazu.

  2. 02

    Styleguide entstehen lassen

    mint baut den Styleguide in etwa 60 bis 90 Minuten. Gescheiterte Läufe werden nicht berechnet.

  3. 03

    Prüfen und nachbessern

    Ein Element ändern oder ein neues Layout anlegen dauert etwa 10 Minuten, eine neue freie Szene etwa 5 Minuten.

  4. 04

    Filme produzieren

    Ab jetzt entsteht jeder Film aus einem Briefing im Design deiner Marke.

Ein Styleguide je Marke oder Kunde

Konzerne mit Tochtermarken und Agenturen mit vielen Kunden legen je Marke einen eigenen Styleguide an. Jeder Pitch, jede Variante und jede Kampagne entsteht dann im richtigen Design, ohne dass jemand Vorlagen hin und her kopiert.

  • Je Marke oder Kunde ein eigener Styleguide
  • Die Kreation bleibt bei der Agentur, mint nimmt Produktionsarbeit ab
  • Nachbessern statt neu anlegen, wenn sich die Marke weiterentwickelt
mint für Agenturen

Ein Corporate-Design-Handbuch regelt Logo, Farben und Schriften. Wie sich Elemente bewegen, wie lange eine Kennzahl stehen bleibt und wie eine Szene in die nächste übergeht, steht dort meist nicht. Das legt der Motion-Styleguide fest, und auf ihm baut mint motion design jeden Film.

Warum sich ein Motion-Styleguide ab dem zweiten Film lohnt

Ob Rollout eines neuen Tools, Pflichtschulung oder Quartalszahlen: Jedes Briefing landet im gleichen Design. Farbwerte und Schriftgrößen muss niemand mehr nachschlagen, Übergänge erfindet niemand neu. Wer im Team einen Film anstößt, bekommt ihn im Look der Marke, auch ohne Gestaltungserfahrung.

Wenn du tiefer in den Begriff einsteigen willst, lies den Ratgeber Was genau ist ein Motion-Styleguide?. Fertige Beispiele zeigt die Seite Motion-Design-Styleguides.

Aus welchen Quellen der Styleguide entsteht

Du musst deine Marke nicht neu beschreiben. mint liest das Material, das es schon gibt:

  • Website: Du gibst die URL an, mint liest daraus Farben, Schriften und Formen.
  • Bilder: Key Visuals, Anzeigen oder Grafiken, auch als SVG.
  • Video: ein bestehender Markenfilm, etwa ein Imagefilm.
  • HTML oder ZIP: zum Beispiel eine gespeicherte Landingpage.
  • Präsentation: PPTX, PPT, Keynote, ODP oder PDF, bis 100 MB und 60 Folien.
  • Kombination: etwa Website und Präsentation zusammen, wenn keine Quelle allein das ganze Bild zeigt.

Genauer wird der Styleguide, wenn du deine Hausschriften hochlädst. Titel und Fließtext sehen dann aus wie in deinen anderen Medien. Außerdem kannst du Folien einer Präsentation als Layout-Vorlagen übernehmen, so wird etwa die Kennzahlen-Folie aus dem Vertriebsdeck zur Vorlage für animierte Kennzahlen.

Tipp: Nimm Quellen, die deine Marke so zeigen, wie sie heute gilt. Ein altes Messe-Deck mit überholten Farben führt zu einem überholten Styleguide.

Was im Styleguide steckt

Der fertige Styleguide beschreibt deine Marke in Bewegung:

  • Farbwelt mit Rollen: Jede Farbe hat eine Aufgabe, etwa Hintergrund, Akzent oder Text.
  • Schriften und Typoskala: feste Größenstufen von der Überschrift bis zum Kleingedruckten.
  • Formensprache und Bildstil: Linien, Flächen, Ecken und die Wirkung der Bilder.
  • Layouts in 16:9, 9:16 und 1:1: Titel, Kennzahl, Liste, Vergleich, Prozess, Bild mit Text, Aussage, Bühne und Abschluss.
  • Übergänge und Bewegungsprinzipien: wie Elemente erscheinen, sich bewegen und wieder gehen.
  • Temperament: von ruhig über ausgewogen bis dynamisch.
  • Kinetik: Text erscheint auf den Takt.
  • Tiefe: Flug-Übergänge in 2,5D, bei denen der Blick scheinbar durch die Szene fliegt.
  • Regeln: zum Beispiel Kontraste und Mindestgrößen.

Weil jedes Layout in allen drei Formaten angelegt ist, passt ein Film ins Querformat für das Intranet genauso wie ins Hochformat für Social Media. Mehr dazu unter Formate und Export. Zusätzlich prüft mint jeden Film automatisch auf Textüberlauf, Mindestschriftgröße, Lesezeit, Ränder und Farbsprünge.

Wie lange das Anlegen dauert

Ein neuer Styleguide entsteht in etwa 60 bis 90 Minuten. Du legst ihn einmal an, danach greift jeder Film darauf zurück. Das Rendern eines Films dauert dann rund 25 Sekunden je Szene. Gescheiterte Styleguide-Läufe werden nicht berechnet.

Nachbessern, ohne von vorn anzufangen

Marken entwickeln sich, und nicht jede Anforderung zeigt sich am ersten Tag. Darum lässt sich der Styleguide in Teilen ändern:

  • Ein Element ändern oder ein neues Layout anlegen: etwa 10 Minuten. Beispiel: Die Kennzahl soll größer stehen, oder der Produktlaunch braucht eine Bühne für ein Produktfoto.
  • Eine neue freie Szene: etwa 5 Minuten. Du beschreibst eine Szene, die in kein vorhandenes Layout passt, und mint gestaltet sie im Design des Styleguides.

Der übrige Styleguide bleibt dabei, wie er ist, und wächst so Schritt für Schritt mit deiner Marke.

Woran du einen guten Styleguide erkennst

Bevor der erste Film entsteht, geh den Styleguide mit diesen Fragen durch:

  • Stimmen die Schriften? Titel und Fließtext sollten in deiner Hausschrift stehen.
  • Sind Texte lesbar? Kontraste und Mindestgrößen müssen auch im Hochformat auf dem Smartphone tragen.
  • Passt das Temperament? Eine Bank wirkt ruhig, eine Lifestyle-Marke darf dynamisch sein.
  • Fehlt ein Layout? Wenn deine Filme oft eine bestimmte Szene brauchen, lege sie als Layout an.

Ein Styleguide je Marke

Viele Unternehmen führen mehr als eine Marke: Konzernmarke, Tochterfirmen, Produktlinien, Arbeitgebermarke. Für jede legst du einen eigenen Styleguide an. Das gilt erst recht für Agenturen: je Kunde ein Styleguide, und jeder Pitch, jede Variante und jede Kampagne entsteht im richtigen Design. Die Kreation bleibt bei der Agentur, mint nimmt die Produktionsarbeit ab.

Styleguide und Brand Kit greifen ineinander

Der Styleguide regelt, wie deine Filme aussehen und sich bewegen. Das Brand Kit ergänzt die Bausteine, die in jeden Film gehören: Logos, Intro und Outro, Stimme je Sprache, Musik, Schreibweisen und die KI-Kennzeichnung. Mit beidem zusammen sieht und klingt ein Film nach deiner Marke.

So startest du

Ob deine Farben im Film funktionieren, kannst du vorab mit dem Styleguide-Check prüfen: Du lädst ein Bild hoch und siehst Farbpalette, Kontraste und Rollen. Den Styleguide selbst legst du in deinem Enterprise-Konto an. Filme gibt es ab ca. 25 € pro Minute, den genauen Preis erfährst du in einer Demo.

Filme aus mint

Alle Filme sind mit mint entstanden. Firmen und Personen sind frei erfunden. Alle Filmbeispiele

Q3 bei Hollbach: was hakt, was läuft, was jetzt kommtStil Glas Verlauf · 16:9 · 1:13
Die ersten 100 Tage als FührungskraftStil Prisma Nacht · 16:9 · 1:16
Willkommen. Einfach erklärt.Stil Flache Figuren · 16:9 · 0:52
5 Handgriffe für deinen RückenStil Flache Figuren · 9:16 · 0:58

Häufig gestellte Fragen

Was ist ein Motion-Styleguide?

Ein Motion-Styleguide beschreibt, wie eine Marke im Film aussieht und sich bewegt. Er enthält Farbwelt, Schriften, Formensprache, Bildstil, Layouts, Übergänge und Regeln. mint nutzt ihn als Grundlage, damit jeder Film im gleichen Corporate Design entsteht.

Wie lange dauert es, einen Motion-Styleguide anzulegen?

Ein neuer Styleguide entsteht in etwa 60 bis 90 Minuten und wird einmal angelegt. Spätere Änderungen gehen schneller: Ein Element ändern oder ein neues Layout anlegen dauert etwa 10 Minuten, eine neue freie Szene etwa 5 Minuten.

Welche Unterlagen brauche ich für den Styleguide?

Es reicht, was es schon gibt: eine Website, Bilder (auch SVG), ein Video, ein HTML- oder ZIP-Paket oder eine Präsentation als PPTX, PPT, Keynote, ODP oder PDF bis 100 MB und 60 Folien. Du kannst Quellen kombinieren, eigene Hausschriften hochladen und Folien als Layout-Vorlagen übernehmen.

Kann ich mehrere Styleguides anlegen?

Ja. Du legst für jede Marke einen eigenen Styleguide an, etwa für Konzernmarke, Tochterfirmen oder Arbeitgebermarke. Agenturen führen so je Kunde einen eigenen Styleguide.

Was passiert, wenn das Anlegen eines Styleguides scheitert?

Gescheiterte Styleguide-Läufe werden nicht berechnet. Du kannst den Lauf danach erneut starten, zum Beispiel mit einer anderen oder ergänzten Quelle.

Was ist der Unterschied zwischen Motion-Styleguide und Brand Kit?

Der Motion-Styleguide regelt Gestaltung und Bewegung: Farbrollen, Typografie, Layouts und Übergänge. Das Brand Kit sammelt die Bausteine und Regeln drumherum, etwa Logos, Intro und Outro, Stimmen, Musik, Schreibweisen und die KI-Kennzeichnung. Zusammen bestimmen beide, wie ein Film aussieht und klingt.

Sieh dir mint mit deinem eigenen Material an.

Buche ein 15-minütiges Gespräch: Wir zeigen dir die Plattform an deinem Beispiel und planen mit dir den ersten Film.

  • Filme ab ca. 25 € pro Minute
  • EU Hosted · DSGVO

Demo buchen

15 Minuten per Video-Call. Wir zeigen dir und deinem Team mint live und besprechen den Bedarf eures Unternehmens.

Wofür möchtest du mint einsetzen? Mehrfachauswahl

Erhalte deinen individuellen Motion-Design-Styleguide, angepasst auf deine Brand.

Für die Terminwahl nutzen wir den Kalender von Calendly. Er lädt erst, wenn du externe Medien erlaubst. Mehr dazu in der Datenschutzerklärung.

Beispielfilm · mint

Film

Briefing

Was mint daraus gemacht hat