Text Gestaltung

Tipps und Tricks, mit denen deine Typografie gut in dein visuelles Design passt. So kannst du deinen Text lesbar, scannbar und zugänglich auf deiner Website platzieren.

Verwende Deckkraft

Durch das Reduzieren der Deckkraft deines Textes entsteht ein Kontrast zu deiner Überschrift. Das macht das Lesen deutlich einfacher und der Inhalt erscheint übersichtlicher.

Achte jedoch, dass du die Deckkraft nicht zu niedrig einstellst, da sonst der Kontrast zum Hintergrund zu gering ist. Das macht das Lesen deines Textes schwieriger.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

schwarzer Text 100% Deckkraft
schwarzer Text 60% Deckkraft

Durch die Verwendung einer Farbe deines Corporate Designs verleihst du deiner Seite Charakter. Achte hierbei, dass der Text zum Hintergrund einen deutlichen Kontrast hat. Weiß und schwarz bietet sich deshalb als Textfarbe besonders an.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

grauer Text
100% Deckkraft

weißer Text 75% Deckkraft

Überspringe eine Schriftstärke

Möchtest du einen noch deutlicheren Kontrast zwischen Überschrift und Text erzeugen?

Ein weiterer Trick ist die Stärke des Textes um mindestens eine Stufe zu überspringen.

Ultra Bolt
Bolt
Semi Bolt
Regular
Light

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Bolt Überschrift Regular Text
Bolt Überschrift Light Text

Verwende Farben

Füge farbige Akzente in deine Website ein, aber denk daran ausreichend Kontrast zum Hintergrund zu haben. Setze Akzente sparsam ein.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

schwarze Überschrift
farbige Überschrift