AnnexPublish – Erste Schritte (Tutorial)

Ein praxisnaher Durchgang („erste Stunde mit AnnexPublish"). Whitepaper-Format, PDF-fähig. Screenshots werden nach der Shotlist am Ende aufgenommen.

Ziel dieses Tutorials

Am Ende hast du einen einseitigen Flyer gebaut: Seite mit Hilfslinien, gesetztem Text mit Formatvorlage, einem Bild aus der Asset-Bibliothek, Brandkit-Farben und einem QR-Code — gespeichert als .axpublish, versioniert und als PDF und HTML exportiert.

Schritt 1: Dokument starten

Beim Start ohne geöffnete Datei legt AnnexPublish ein neues Dokument an. Eine bestehende Datei öffnest du über Ablage ▸ Öffnen… (⌘O) — zum Beispiel das mitgelieferte Beispiel Newsletter.axpublish aus docs/examples. Das Fenster folgt dem Suite-Layout: Seiten- und Ebenen-Sidebar links, Canvas in der Mitte, Inspector rechts.

Schritt 2: Hilfslinien und Satzspiegel einrichten

Blende Satzspiegel und Hilfslinien über die Header-Buttons ein. Über „Hilfslinien & Satzspiegel…" öffnest du den Editor-Dialog und legst eigene Hilfslinien an. Beim Verschieben rasten Elemente später an Seitenkanten, Satzspiegel, Hilfslinien und anderen Elementen ein — Schwellwert und Aktivierung steuerst du in den Einstellungen.

Schritt 3: Textrahmen anlegen und Text setzen

Füge über den Header-Button „Textfeld hinzufügen" ein Textelement ein und ziehe es an die gewünschte Position. Ein Doppelklick öffnet den Editor direkt im Rahmen (Click-to-edit): Schreibe Titel und Fließtext. Im Inspector stellst du Schriftfamilie, -größe und -gewicht (100–900), Kursiv, Ligaturen und Kapitälchen ein.

Schritt 4: Formatvorlagen anwenden

Öffne das Stile-Panel in der Sidebar: Dort verwaltest du Absatz- und Zeichenformate des Dokuments. Wähle den Textrahmen und wende eine Absatzvorlage an; markierten Text formatierst du mit einer Zeichenvorlage. Vorlagen, die du wiederverwenden willst, sicherst du in die anwendungsweite Stilbibliothek.

Schritt 5: Bild aus der Asset-Bibliothek platzieren

Öffne den Bereich „Assets" in der Sidebar — das ist die zentrale Asset-Bibliothek der Suite. Ziehe ein Bild per Drag & Drop auf den Canvas; es wird aspect-fit gerendert und als Verweis auf die Bibliothek eingebunden (keine Dateikopie im Dokument).

Schritt 6: Brandkit-Farben nutzen

Verknüpfe ein Brandkit mit dem Dokument (Inspector, Bereich „Brandkits"): Die Markenfarben erscheinen als eigener Abschnitt in der Farbpalette, Brandkit-Assets als Schnellzugriff. Weise einem Rechteck (Header-Button „Rechteck hinzufügen") eine Brandkit-Füllfarbe zu. Auf Wunsch übernimmst du die Brandkit-Formatvorlagen ins Dokument.

Schritt 7: QR-Code einfügen

Klicke auf den Header-Button „QR-Code einfügen", gib die Ziel-URL ein und wähle Korrekturlevel sowie Vorder- und Hintergrundfarbe — passend zum Brandkit. Der QR-Code wird als eigenes Element auf den Canvas gesetzt und lässt sich wie jedes andere Element verschieben und skalieren.

Schritt 8: Elemente ausrichten und verteilen

Wähle mehrere Elemente per Cmd-/Shift-Klick oder Marquee-Auswahl aus. Im Inspector richtest du sie an sechs Zielen aus (links/zentriert/rechts, oben/mitte/unten) oder verteilst sie horizontal bzw. vertikal gleichmäßig. Der Gruppen-Drag rastet am gemeinsamen Rahmen ein; mit Cmd+Alt+Shift klickst du durch überlappende Elemente hindurch.

Schritt 9: Speichern und Version sichern

Speichere das Dokument mit Ablage ▸ Speichern (⌘S) als .axpublish-Datei. Lege anschließend im Versionen-Panel (Inspector) einen manuellen Checkpoint an — so kannst du diesen Stand später jederzeit wiederherstellen. Autosave am bekannten Dateiort aktivierst du in den Einstellungen.

Schritt 10: Verknüpftes Bild, Design-Grid und Baseline-Grid

Ersetze das eingebettete Bild durch ein verknüpftes: Ablage ▸ Platzieren…, wähle ein Bild und aktiviere Verknüpft. Das Bild erscheint im Bildrahmen mit einem Link-Symbol in der Ebenenliste. Bearbeite die Quelldatei extern – AnnexPublish erkennt die Änderung und bietet die Aktualisierung an.

Aktiviere Darstellung ▸ Design-Grid und lege vier Spalten mit einem Spaltenabstand von 12 pt an. Richte Textfeld und Rechtecke am Grid aus. Schalte anschließend Darstellung ▸ Baseline-Grid ein und verknüpfe die Fließtext-Absatzvorlage damit, damit der Text auf den Grundlinien landet.

Schritt 11: PDF- und HTML-Export

Über Ablage ▸ Exportieren… erzeugst du ein mehrseitiges Print-PDF — layoutgetreu, inklusive Text auf Pfad und QR-Codes. Für das Web öffnest du Ablage ▸ Als HTML exportieren…: Trage im Panel Titel, Meta-Description und Basis-URL ein (daraus entstehen sitemap.xml und robots.txt) und entscheide, ob das lokale Consent-Banner eingebunden wird. Der Export schreibt eine index.html mit eingebetteten Bildern — ohne externe Font- oder Tracking-Dienste. Drucken (⌘P) nutzt denselben Renderpfad.

Ergebnis & nächste Schritte

Dein Flyer liegt jetzt als .axpublish-Datei vor, ist versioniert, verwendet ein verknüpftes Bild sowie Design-/Baseline-Grid und ist als PDF und HTML ausgegeben. Weiterführende Themen — Musterseiten, verkettete Textrahmen über Seiten hinweg, Text auf Pfad, Datenimport, Freigabe-/Korrekturgänge, MCP-Automatisierung — stehen im Handbuch (docs/manuals/de/AnnexPublish.md); die verbindliche Übersicht aller Funktionen ist die Feature-Liste .

Shotlist (für die Screenshot-Aufnahme)