Hilfe

Typografie

Anwendung #

Gestalte hier deine Typografie und passe alle Textstile individuell an. Die Schriften und Schriftschnitte sind den einzelnen Elementen bereits fest zugewiesen, du musst also nur noch bestimmen, wie diese genau aussehen sollen. Die Textgrößen passen sich dabei automatisch an die jeweilige Bildschirmgröße an. Das sorgt für ein konsistentes Schriftbild auf allen Geräten, das deine Markenwerte transportiert und deinem Interface einen absolut professionellen Look verleiht.

Typografie Übersicht finden #

Um deine Typografie anzupassen, klicke auf den dritten Punkt „Typografie“.

1
Typografie
Wähle Typografie aus, um weitere Einstellungen zu sehen.

Schritt 1 – Typografie Übersicht #

Im Bearbeitungskasten siehst du alle Typografie Werte, die angepasst werden können. Hier zeigen wir dir, welche Einstellungen dir insgesamt für die einzelnen Punkte zur Verfügung stehen. Alle Änderungen, die du vornimmst, siehst du sofort in der Vorschau.

1
Typografie einstellungen
Passe Schritt für Schritt alle Typografie Werte an. Diese werden für die dunklen Hintergründe übernommen. Im zweiten Schritt passt du dann nur noch die Farben für die dunklen Hintergründe an.

Schritt 2 – Überschrift 1 anpassen #

1
Schrift
Wähle eine deiner bereits hochgeladenen Schriften aus, um sie für die Überschrift 1 zu verwenden.

Schritt 3 – Schriftschnitt wählen #

Du kannst standardmäßig immer mindestens zwischen Regular und Bold wählen. Je nachdem, welche weiteren Schriftschnitte du hochgeladen hast, kannst du diese hier ebenfalls auswählen.

1
Schriftschnitt
Wähle einen deiner hochgeladenen Schriftschnitte aus, um ihn anzuwenden.

Schritt 4 – Typografie Farbe einstellen #

Passe die Farbe einer Typografie über den Farbpicker an.

1
Freies Farbfeld
Bestimme deine Wunschfarbe intuitiv über das freie Farbfeld, um den passenden Farbton visuell auszuwählen.
2
Fläche, Verlauf & Pipette
Wechsle flexibel zwischen einer soliden Fläche und einem Farbverlauf oder nutze die Pipette, um jede beliebige Farbe direkt von deinem Bildschirm abzugreifen.
3
Farbton & Deckkraft
Über die Schieberegler kannst du sowohl den Farbton als auch die Deckkraft deiner Auswahl präzise einstellen.
4
Farbwerte & Favoriten
Gib deine exakten HEX- oder RGB-Werte direkt ein, um Markenfarben exakt zu treffen, oder greife im unteren Bereich schnell auf die am meisten verwendeten Farben zu.

Schritt 5 – Zeichenformatierung #

Bestimme anschließend die exakten Abmessungen deiner Typografie: Lege die gewünschte Schriftgröße fest, optimiere die Laufweite für eine ideale Lesbarkeit und passe die Zeilenhöhe an.

1
Schriftgröße
Passe die Größe der Zeichen individuell an, um eine optimale Lesbarkeit für deine Texte zu garantieren.
2
Laufweite / Zeichenabstand
Bestimme den Abstand zwischen den einzelnen Buchstaben, um die Lesbarkeit oder Ästhetik zu optimieren.
3
Zeilenhöhe
Passe den vertikalen Abstand zwischen den Zeilen eines Absatzes

Schritt 6 – Versalien #

Aktiviere den Versalien Toggle, um deinen Text vollständig in Großbuchstaben darzustellen.

Überschrift 2 #

Der Standardwert für die Überschrift H2 liegt meist zwischen 32 und 40 px.

Überschrift 3 #

Der Standardwert für die Überschrift H3 liegt meist zwischen 24 und 32 px

Einleitung #

Der Standardwert für den Einleitungstext liegt in der Regel zwischen 18 und 22 px.

Fließtext #

Der Standardwert für Fließtexte liegt bei 16–20 px. Tipp: Nutze den Wert eurer eigenen Website oder CD für einen konsistenten Brand-Look.

Liste #

Der Standardwert für Aufzählungspunkte orientiert sich meist am Fließtext und liegt zwischen 16 und 20 px.

Schritt 7 – Typografie für dunkle Hintergründe anpassen #

Nachdem du die helle Typografiefarbe angepasst hast, benötigt das Theme einen passenden dunklen Wert. Nutze den Farbpicker, um die Typografie perfekt auf dunkle Hintergründe abzustimmen und überall für optimalen Kontrast zu sorgen.

1
Hintergrundfarbe tauschen
Wechsel hier ganz einfach die Hintergrundfarbe deines Themes, um den Kontrast perfekt abzustimmen.
2
Typografie Kontrast optimieren
Passe die Farbe der Typografie mithilfe des Farbpickers an, um eine optimale Lesbarkeit auf dunklen Hintergründen zu garantieren.