Die Schriftstimme eines Marks: warum jeder Mark Schriften mitbringt

Die Schriftstimme eines Marks ist die Typografie, die er mitbringt: eine Display-Schrift für Überschriften, eine Textschrift für alles andere, eine Stärke für die Display-Schrift, eine Laufweite und eine Schreibweise. Beginnst du ein Design auf einem Mark, erscheinen deine Wörter in dieser Stimme, und der erste Entwurf passt schon zum Hintergrund. Sie ist ein Ausgangspunkt, keine Sperre: Jede Zeile lässt sich ändern, und deine eigenen Markenschriften können sie ersetzen.

Warum ein Hintergrund Schriften mitbringt

Schrift hat einen Tonfall, genau wie Sprache. „Einlass ab sieben“ in einer feinen Garamond klingt nach Vernissage, in schmalen Versalien nach Konzert. Setz eines davon auf den falschen Hintergrund, und das Design streitet mit sich selbst. Ein Seiden-Mark in tiefem Pflaume und ein Op-Art-Mark in Säuregrün wollen unterschiedliche Buchstaben, und sie zusammen zu wählen macht einen Look bewusst.

Es gibt auch einen praktischen Grund. Die meisten, die jede Woche einen Post gestalten, sind keine Typografen, und Schriftkombinationen sind eine der leichtesten Stellen, an denen etwas schiefgeht. Eine Stimme, die schon auf ihren Mark abgestimmt ist, nimmt dir diese Entscheidung bei jedem Design ab.

Was eine Schriftstimme enthält

Die Schriften stammen aus der Schriftbibliothek von Gradiently, die Serifenschriften wie Fraunces, Playfair Display und EB Garamond umfasst, Grotesks wie Space Grotesk und Schibsted Grotesk, schmale Display-Schriften wie Anton und Oswald, Monospace-Schriften, Schreibschriften und gerundete Schriften. Serif oder Sans Serif erklärt, was jede Kategorie meist ausdrückt.

Soll deine Website zu einem Mark passen, lässt sich eine Stimme direkt in CSS übersetzen. So sieht eine typische redaktionelle Stimme ausgeschrieben aus:

h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}

Wie Text der Stimme folgt

Jeder Text in einem Design weiß, ob er Überschrift oder Fließtext ist. Überschriften folgen Display-Schrift, Stärke, Laufweite und Schreibweise der Stimme, Fließtext ihrer Textschrift. Solange eine Zeile keine eigene Schrift hat, folgt sie weiter, und wenn du einen anderen Mark auf das Design legst, übernehmen die Wörter auch dessen Stimme.

Das Farb- und Schriftpanel im Studio zeigt die Stimme des Marks als Paar aus Überschrift und Fließtext und legt sie mit einem Schritt auf die ganze Seite. Praktisch, wenn eine Vorlage in anderen Schriften kommt und du willst, dass sie nach deinem Mark klingt.

So änderst du die Stimme eines Marks in deinen Designs

1. 1

   Eine Zeile ändern

   Markiere den Text und wähle eine andere Schrift, Stärke, Laufweite oder Schreibweise. Diese Zeile behält dann ihre eigene Einstellung.

2. 2

   Eine ganze Seite ändern

   Wähle eine Überschriften- und eine Textschrift und wende sie auf die Seite an, damit alle Überschriften und Absätze gemeinsam wechseln.

3. 3

   Deine Markenschriften nutzen

   Füge deinem Markenkit eine Überschriften- und eine Textschrift hinzu, lade OTF, TTF, WOFF oder WOFF2 Dateien hoch, wenn es deine eigenen sind, und leg die Markenschriften dann mit einem Schritt auf eine Seite.

4. 4

   Frag den Designer

   Der Designer wendet das Markenkit für dich an, sodass seine Designs in den Schriften deiner Marke beginnen.

Wie du eine Schrift hochlädst, steht unter eigene Schriften hochladen, der Rest des Kits unter Markenkit einrichten. Prüfe deine Lizenz, bevor du eine kommerzielle Schrift hochlädst; Schriftlizenzen erklärt, worauf du achten musst.

Einen Mark in anderen Stimmen ausprobieren

Auf der Seite eines Marks im Markt lassen sich die Vorschauen zwischen seiner eigenen Stimme und fünf fertigen Paarungen umschalten, damit du den Look mit Typografie näher an deiner Marke siehst, bevor du etwas gestaltest.

Wann du die Stimme behältst und wann du sie ersetzt

So oder so: Bleib bei höchstens zwei Schriften und lass Größe und Stärke den Rest erledigen. Eine klare Hierarchie zählt mehr als die Schriften selbst, wie visuelle Hierarchie zeigt. Sitzen deine Wörter auf einem Mark, ist die Lesbarkeit separat geregelt: Der Mark schiebt seine ruhigste Zone hinter den Text, und die Automatische Farbe wählt für jede Zeile helle oder dunkle Schrift, egal welche Schrift du nimmst.