Brief HTML-Vorlagen
Briefe, Notizen und textorientierte Seiten benötigen vor dekorativen Effekten eine gut lesbare Texthierarchie. Diese Vorlagen bieten wiederverwendbare HTML-Abschnitte für Überschriften, Fließtext, Signaturen und Kontaktdaten – mit responsiven Layouts, die auf Mobiltelefonen wie auch auf größeren Bildschirmen übersichtlich bleiben.
Andere Text HTML-Vorlagen
Responsive Brief-HTML-Vorlagen
Brief-HTML-Vorlagen sind Seitenlayouts, die der Struktur klassischer Korrespondenz nachempfunden sind. Das Design beginnt mit einem Briefkopf oder einem Datum, geht über die Anrede und den Hauptteil und schließt mit einer Signatur ab, sodass die Seite in derselben Reihenfolge wie ein Brief gelesen wird. Alles hier ist für das Web entwickelt, sodass das Ergebnis eine Seite ist, die jeder über einen Link öffnen kann.
Elemente, die jede Briefseite enthalten muss
Ein praxisgerechtes Layout hält die Standardelemente getrennt und gut erkennbar:
- Ein Briefkopf mit dem Namen des Unternehmens, seinem Logo und einer Adresse;
- Das Datum und die Empfängerangaben, platziert oberhalb der Anrede;
- Der Haupttext in einer Spalte, die schmal genug ist, um mühelos gelesen zu werden;
- Ein Abschlussbereich mit der Grußformel, dem Namen und der Funktion.
Der Leitfaden für Textelemente von Nicepage beschreibt die Voreinstellungen, auf denen diese Abschnitte aufbauen. Eine Überschrift übernimmt die Betreffzeile, Rich Text dient dem Hauptteil und ein Zitatblock hebt Textstellen aus einem früheren Schriftverkehr hervor.
Formelle Mitteilung oder persönliche Nachricht
Ein formeller Brief sollte die Unternehmensdaten oberhalb der Anrede, ein Aktenzeichen oder eine Betreffzeile sowie einen Kontaktblock enthalten, über den der Empfänger direkt reagieren kann. Ein offener Brief eines Gründers beginnt mit einem großen Titel und einer Autorenzeile und schließt oft nur mit einem Vornamen ab.
Beim Vergleich zweier Vorlagen kommt es auf drei Punkte an:
- Wie viel Platz der Haupttext erhält, bevor das Layout die Seitenränder füllt;
- Ob Adresse und Kontaktinformationen in einem eigenen Block stehen;
- Ob der Abschlussbereich die Grußformel von Name und Titel trennt.
Wiederverwendbare Abschnitte beweisen ihren Wert, sobald derselbe Stil für ein zweites Schreiben dienen soll. Kopieren Sie den Block, tauschen Sie Datum und Text aus, und die neue Nachricht wirkt weiterhin wie aus demselben Hause.
Langer Text auf einem kleinen Bildschirm
Ein Brief besteht größtenteils aus einer einzigen langen Spalte – und genau hier verzeihen Smartphones wenig. Die Zeilenlänge steht an erster Stelle, da Fließtext, der über die gesamte Breite eines Tablets gestreckt wird, schon beim zweiten Absatz ermüdend wirkt. Eine Unterschrift, die am Ende auf Bildunterschriftengröße schrumpft, entwertet den Tonfall des gesamten vorherigen Textes.
Die responsiven Modi von Nicepage reichen von breiten Desktop-Monitoren bis hin zu vertikalen Smartphones. Achten Sie auf den Adressblock: Ein Bereich, der auf einem breiten Bildschirm neben dem Text liegt, muss auf dem Smartphone vor oder nach dem Brief erscheinen – und die falsche Wahl platziert Kontaktdaten noch vor die Begrüßung.
Die Sammlung Brief-HTML-Vorlagen ermöglicht es Ihnen, Layouts direkt miteinander zu vergleichen. Beurteilen Sie sie nach dem Textvolumen, das Sie veröffentlichen möchten, und danach, ob ein Adressblock sowie ein Signaturbereich vorhanden sind. Der Tonfall entscheidet über den Rest, denn eine formelle Mitteilung und eine persönliche Nachricht passen selten auf dieselbe Seite.