Autor moderner Gedichte CSS-Vorlage

Dunkle Hintergründe und Porträtkontraste prägen das Gestaltungssystem

Die Seite baut ihre visuelle Identität über eine reduzierte Auswahl wiederkehrender Stilentscheidungen auf. Dunkle Hintergründe rahmen den einleitenden Hero-Bereich, das Zitat „Aus dem Gedächtnis schöpfen“ und den abschließenden Kontaktbereich ein, während helle Abschnitte einen bewussten Kontrast für die Vorstellung der Autorin und die Buchdetails bilden. Dieser Wechsel verleiht der langen Seite einen klaren Rhythmus, ohne auf dekorative Farbvariationen angewiesen zu sein.

Kontrastreiche Serifentypografie trägt den Großteil der visuellen Hierarchie. Der große Hero-Titel rückt Autorin und Lyrikschwerpunkt in den Fokus, kleinere Versalien-Beschriftungen dienen als dezente Navigationshinweise, und großzügige Abstände geben Zitaten sowie Fließtexten ausreichend Raum für optimale Lesbarkeit. Monochrome Porträtfotografie wiederholt sich in der Einleitung, den Autoren-Highlights, den Buchdetails und weiteren redaktionellen Abschnitten und verbindet das Bildmaterial eher über die Tonalität als über Farben.

Outline-Buttons, darunter „Sammlung entdecken“ und „Gedichte lesen“, setzen zurückhaltende Akzente, anstatt mit dem redaktionellen Inhalt zu konkurrieren. Die geteilten Abschnitte nutzen zudem asymmetrische Ausrichtungen und gezielten Weißraum, um Text- und Porträtbereiche visuell klar voneinander zu trennen. Zusammengenommen bilden diese Vorgaben ein stimmiges Gestaltungssystem: Dunkle und helle Flächen staffeln die Gewichtung, abgestufte Serifengrößen lenken die Lesereihenfolge, und die wiederkehrende monochrome Bildsprache sorgt für ein einheitliches Erscheinungsbild der Autorin. Das Design lässt sich daher über Farben, Abstände, Rahmen und Typografie anpassen, ohne den literarischen Charakter der Seite zu verlieren.