Blog oder Magazin

Die Reihenfolge

Von oben nach unten, so wie die Sections auf der fertigen Seite stehen.

1. Schritt 1 / 6 · Redaktion

   Titelseite

   Eine Titelseite mit Aufmacher und Rubriken gibt der Seite eine redaktionelle Stimme.

   Die Titelseite eines Magazins oder einer Nachrichtenseite, sortiert wie von einer Redaktion. Aufmacher, Ressorts mit mitlaufender Leiste, eine Printausgabe mit Inhalt, ein Morgenüberblick zum Abhaken und das Meistgelesene nach Zeitraum.

   $ aiw add @ai-website/magazine-front5 Variants · Titelseite
   Preview lädt

2. Schritt 2 / 6 · Blog

   Blog

   Artikellisten mit Bild, Datum und Lesezeit für alle, die stöbern.

   Beitragslisten vom Raster bis zum Magazin, der Artikel selbst mit Inhaltsverzeichnis, verwandte Beiträge und die Autorin.

   $ aiw add @ai-website/blog8 Variants · Blog
   Preview lädt

3. Schritt 3 / 6 · Long Reads

   Long Read

   Ein ruhiges Leselayout mit Inhaltsverzeichnis und Zitaten für lange Texte.

   Der Artikel selbst, gesetzt zum Lesen. Randnotizen neben dem Text, Fußnoten mit Vorschau, Bilder in vier Breiten, Kapitel mit einer Leiste, die sich füllt, und ein Essay mit Initial und Zitat.

   $ aiw add @ai-website/long-read5 Variants · Long Read
   Preview lädt

4. Schritt 4 / 6 · Autoren und Interviews

   Autorenseite

   Autorenseiten mit Porträt und Artikeln schaffen Vertrauen in die Menschen, die schreiben.

   Die Menschen, die schreiben. Ein Autorenprofil mit Artikeln, das Verzeichnis aller Autorinnen, das Impressum einer Redaktion, eine Box mit Autor, Prüferin und Prüfungen und eine Zeile für mehrere Autoren.

   $ aiw add @ai-website/author-page5 Variants · Autorenseite
   Preview lädt

5. Schritt 5 / 6 · Blog

   Kommentare

   Kommentare machen aus Lesenden eine Community und halten sie auf der Seite.

   Threads mit Antworten, ein Layout mit dem Formular zuerst, Fragen mit Antworten und eine kompakte Übersicht. Neue Kommentare erscheinen an Ort und Stelle.

   $ aiw add @ai-website/comments4 Variants · Kommentare
   Preview lädt

6. Schritt 6 / 6 · Newsletter

   Newsletter

   Die Anmeldung am Ende eines Artikels erreicht Lesende genau dann, wenn ihnen der Text gefallen hat.

   Anmeldeformulare mit echtem Label, E-Mail-Typ, Autovervollständigung, Fehler- und Erfolgszustand.

   $ aiw add @ai-website/newsletter7 Variants · Newsletter
   Preview lädt