- Primäres Schlüsselwort: avatar seven havens design konzentriert sich auf visuelle Identität und die Struktur eines Fan-Wikis
- Kernpalette: Verwende Dunkelblau, Geister-Türkis, Stein-Gold und zurückhaltende neutrale Flächen
- Inhaltshierarchie: Priorisiere Veröffentlichungsdetails, Handlung, Charaktere, Episoden, Lore und Nachrichten
- Canon-Richtlinie: Trenne bestätigte Fakten, Werbe-Enthüllungen und offene Fragen
- Lokalisierung: Verwende Avatar: Seven Havens in allen aktivierten Sprachen als offizielle Titelbezeichnung
Design-Richtung für Avatar Seven Havens
Avatar Seven Havens ist eher eine animierte Fantasy-Serie als ein Spiel, daher sollte sich ihr Designsystem wie eine cineastische Referenzbibliothek anfühlen und nicht wie ein Gameplay-Dashboard. Die stärkste Richtung verbindet eine dunkle, atmosphärische Oberfläche mit leuchtenden Akzenten aus der Geisterwelt, zurückhaltender Bewegung und einer klaren redaktionellen Struktur.
Die Serie folgt Pavi, einem Erdbändiger-Avatar nach Korra, in einer zerrissenen Welt, die von einer verheerenden Katastrophe geprägt ist. Dieses Ausgangskonzept verleiht der Seite zwei sich ergänzende visuelle Themen: die Schwere einer zerstörten Zivilisation und das Leuchten spiritueller Energie. Die Oberfläche sollte beide Ideen lesbar machen, ohne visuell überladen zu wirken.
Ein gelungenes Fan-Wiki-Design sollte Besucherinnen und Besuchern helfen, praktische Fragen schnell zu beantworten:
- Wann startet die Serie?
- Wo ist die Geschichte nach The Legend of Korra einzuordnen?
- Wer sind Pavi, Jae, Geet und Pavis Zwilling?
- Was sind die Seven Havens?
- Wie sind die 26 Episoden auf Buch 1 und Buch 2 verteilt?
- Welche Details sind bestätigt, werblich oder noch unbekannt?
| Designziel | Empfohlene Umsetzung | Redaktioneller Vorteil |
|---|---|---|
| Atmosphäre der Geisterwelt | Dunkelblauer Hintergrund mit Türkisakzenten | Erzeugt Stimmung, ohne die Lesbarkeit zu verringern |
| Identität des Erd-Avatars | Stein-Gold-Akzente und kantige Trenner | Verbindet die Oberfläche mit Pavis Element |
| Schnelle Orientierung | Prominente Karten und kompakte Datentabellen | Hilft beim schnellen Erfassen von Veröffentlichungs- und Charakterdaten |
| Canon-Klarheit | Labels für bestätigt, berichtet und unbekannt | Begrenzte unbeabsichtigte Spekulation |
| Franchise-Kontinuität | Zeitachsen-Links zu Korra und früheren Avatar-Ären | Erleichtert das Verständnis der Post-Korra-Ära |
Behandle die Startseite in erster Linie als redaktionellen Leitfaden. Dekorative Effekte sollten die Navigation unterstützen und nicht mit Daten, Namen, Episodeninformationen oder Canon-Hinweisen konkurrieren.
Farben, Typografie und Interface-Komponenten
Die empfohlene visuelle Sprache nutzt eine dunkle Grundlage mit kühlen, leuchtenden Akzenten. Vermeide leuchtendes Grün als dominierende Farbe; Geister-Türkis schafft eine eigenständigere Verbindung zur übernatürlichen Atmosphäre der Serie und erhält zugleich den Kontrast auf dunklen Flächen.
Stein-Gold eignet sich am besten als sekundärer Akzent für Erdbändiger-Bezüge, Abschnittsmarker, aktive Navigationszustände und kleine Labels. Es sollte Türkis nicht durchgängig ersetzen, da zu viel Gold die Seite wie ein generisches Fantasy-Archiv wirken lassen kann.
Empfohlene Farbrrollen
| Interface-Rolle | Farbrichtung | Verwendung |
|---|---|---|
| Haupt-Hintergrund | Tiefes Marineblau | Seitenfläche, Hero-Hintergrund, Footer |
| Erhöhte Fläche | Blau-Schwarz | Karten, Akkordeons, Informationspanels |
| Geisterakzent | Leuchtendes Türkis | Links, Icons, Fokuszustände, Trenner |
| Erdakzent | Stein-Gold | Labels, Zeitachsenmarker, ausgewählte Metadaten |
| Primärtext | Weiches Weiß | Überschriften und wesentliche Fakten |
| Sekundärtext | Kühles Grau | Beschreibungen, Quellenhinweise, unterstützende Texte |
| Warnzustand | Gedämpftes Bernsteinrot | Spoilerhinweise und unbestätigte Informationen |
Die Typografie sollte Klarheit vor Originalität stellen. Verwende eine starke geometrische Sans-Serif für Überschriften und eine sehr gut lesbare Sans-Serif für Fließtext. Kantige Display-Schriften können für kleine Labels funktionieren, doch lange Absätze und Episodenzusammenfassungen sollten schlicht und luftig bleiben.
Verhalten der Komponenten
- Hero-Panel: Stelle den Seriennamen, die Post-Korra-Prämisse, das Veröffentlichungsdatum und die Episodenzahl in den Vordergrund.
- Navigationskarten: Verwende einheitliche Icons für Release, Episoden, Charaktere, Cast, Handlung, Lore, Trailer und News.
- Datentabellen: Nutze sie für bestätigte Fakten, Produktionsinformationen und Episoden-Tracking.
- Akkordeons: Verwende sie für Setting, Worldbuilding und spoilerempfindliche Erklärungen.
- Zeitachsen-Module: Zeige den Übergang von Korra’s Ära zu Pavis Avatar-Zyklus.
- Quellenlabels: Platziere offizielle Links direkt beim relevanten Fakt, statt sie auf einer separaten Referenzseite zu verstecken.
Geister-Türkis
Verwende es für Links, aktive Tabs, Icon-Striche und dezente Leuchteffekte. Halte den Farbton auf dunklen Flächen hell genug für Barrierefreiheit.
Stein-Gold
Verwende es für Erdbändiger-Bezüge, Zeitachsenmarker, Metadaten-Badges und ausgewählte Zustände. Setze es sparsam ein.
Verwüstetes Marineblau
Nutze gestaffelte Marineblautöne, um die zerrissene Welt anzudeuten und dennoch eine ruhige Leseumgebung zu bewahren.
Platziere keine animierten Leuchteffekte, großflächige Hintergrundgrafiken und mehrere Akzentfarben hinter dicht gesetzten Wiki-Tabellen. Wichtige Fakten benötigen stabilen Kontrast und vorhersehbare Abstände.
Startseitenstruktur für ein Fan-Wiki
Die Startseite sollte Besucherinnen und Besucher von den zeitkritischsten Informationen hin zu tieferer Lore führen. Eine klare Inhalts-Hierarchie unterstützt außerdem SEO, weil jedes Modul auf eine eigene Suchabsicht zielen kann, ohne unzusammenhängende Themen in einem einzigen Artikel zu vermischen.
Beginne mit einem Hero-Block, der die Serienidentität festlegt. Die empfohlene Zusammenfassung präsentiert Avatar: Seven Havens als 2D-animiertes Post-Korra-Abenteuer, das sich auf Pavi, den neuen Erd-Avatar, konzentriert. Die verfügbaren Planungsdaten nennen ein Veröffentlichungsfenster für 2026, 26 Episoden, zwei Bücher und eine ungefähre Laufzeit von 30 Minuten pro Episode.
Die Startseite sollte anschließend ein Vier-Karten-Release-Panel verwenden:
| Karte | Primäre Tatsache | Ergänzender Inhalt |
|---|---|---|
| Premiere | 9. Oktober 2026 | Zukünftige Terminänderungen und regionale Zeiten verfolgen |
| Streaming | Paramount+ | Zur offiziellen Serien-Informationsseite verlinken |
| Episodenreihenfolge | 26 Episoden | Die Struktur aus zwei Büchern erläutern |
| Laufzeit | Etwa 30 Minuten | Hinweis, dass episodenbezogene Details später ergänzt werden können |
Die Inhaltsnavigation sollte auf Desktop und Mobilgeräten konsistent bleiben:
- Release
- Episoden
- Charaktere
- Cast
- Handlung
- Lore
- Trailer
- News
Ein eigener First-Look-Bereich kann zur offiziellen Paramount+-Seiteninformation zur Serie verlinken. Da unter der Titelerkennungsregel der Seite keine geeignete Videoquelle verfügbar ist, sollte das Design ein offizielles Vorschaubild oder eine verlinkte Vorschau statt eines eingebetteten YouTube-Players verwenden.
Empfohlene Reihenfolge der Startseite
| Reihenfolge | Modul | Format | Suchabsicht |
|---|---|---|---|
| 1 | Veröffentlichungsdatum und Streaming | Kartenraster | Premiere-Datum und wo man schauen kann |
| 2 | Trailer und First Look | Medienkarten | Offizielles Material und bestätigte Enthüllungen |
| 3 | Handlung und Setting | Akkordeon | Katastrophe, Pavi und die Seven Havens |
| 4 | Charaktere und Cast | Tabelle | Figurenidentitäten und Sprechrollen |
| 5 | Pavi-Guide | Hervorgehobenes Profil | Neuer Avatar und persönliche Geschichte |
| 6 | Welt und Orte | Ortskarten | Havens, Ruinen und Geistergebiete |
| 7 | Zeitlinie nach Korra | Schritt-Zeitachse | Franchise-Chronologie |
| 8 | Episoden und Produktion | Datentabelle | Bücher, Episodenreihenfolge und Credits |
Gib jedem Modul der Startseite eine aussagekräftige Überschrift und einen eigenen internen Link. Dadurch entstehen nützliche Landingpages für Veröffentlichungsdatum, Episoden, Charaktere, Pavi, Lore und die Post-Korra-Zeitlinie.
Avatar Seven Havens Design Schritt für Schritt einrichten
Nutze den folgenden Workflow, um die visuelle Richtung in ein wartbares Fan-Wiki zu überführen. Die Methode hält Design, Inhaltsstruktur und Canon-Handhabung von Anfang an aufeinander abgestimmt.
Redaktionellen Rahmen definieren
Setze die thematische Grenze auf Avatar: Seven Havens. Decke Veröffentlichungsinformationen, Episoden, Charaktere, Cast, Handlung, Lore, Orte, Trailer und Produktionsnews ab. Füge keine Spielsysteme, Einlösecodes, Plattform-Downloads oder Gameplay-Sprache hinzu.
Visuelle Grundlage aufbauen
Erstelle das dunkelblaue Thema, weichweißen Text, die Interaktionsfarbe Geister-Türkis und den sekundären Stein-Gold-Akzent. Lege Kontrast, Abstände, Button-Zustände, Tabellenstil und mobile Breakpoints fest, bevor du dekorative Effekte hinzufügst.
Startseiten-Module erstellen
Füge Hero, Release-Karten, First-Look-Bereich, Story-Akkordeon, Charaktertabelle, Pavi-Profil, Ortskarten, Zeitachse und Produktionsleitfaden hinzu. Jedes Modul sollte einen klaren Zweck und einen nützlichen internen Link haben.
Canon-Ebenen trennen
Kennzeichne Informationen bei Bedarf als bestätigt, werblich oder unbeantwortet. Halte offizielle Figurenidentitäten und Episodendaten getrennt von Interpretation, Theorien und Trailer-Analysen.
Lokalisierung und Pflege vorbereiten
Behalte den englischen Titel Avatar: Seven Havens in Navigation und Metadaten bei. Aktiviere englische, spanische, portugiesische und deutsche Seiten und ergänze anschließend übersetzten Erklärungstext, ohne inoffizielle Übersetzungen als offizielle Titel darzustellen.
Labels für den Inhaltsstatus
| Label | Bedeutung | Beispielverwendung |
|---|---|---|
| Bestätigt | Von einer offiziellen Quelle angekündigt | Premiere-Datum, Episodenreihenfolge, Pavis Avatar-Rolle |
| Werblich | In offizieller Vermarktung gezeigt oder beschrieben | First-Look-Szenen, Charaktervorschauen, visuelle Details |
| Unbeantwortet | Öffentlich noch nicht geklärt | Exakte Ursache der Katastrophe, vollständiger Hintergrund des Zwillings |
| Fan-Interpretation | Redaktionelle Analyse oder Theorie | Mögliche Bedeutung eines Ortes oder Symbols |
Verknüpfe Produktionsaussagen mit der Paramount Press Express-Ankündigung oder der offiziellen Avatar-Studios-Seite. Verwende aussagekräftigen Linktext, damit Leserinnen und Leser verstehen, warum sie das Wiki verlassen.
Erstelle wiederverwendbare Vorlagen für Charakterseiten, Episodenseiten und Ortsprofile. Eine konsistente Vorlage macht zukünftige Ankündigungen leichter veröffentlichbar und besser vergleichbar.
Design-QA- und Veröffentlichungs-Checkliste
Vor der Veröffentlichung eines Avatar Seven Havens-Designartikels oder eines Updates der Startseite solltest du sowohl das Interface als auch die redaktionellen Daten prüfen. Eine visuell ausgearbeitete Seite braucht dennoch korrekte Labels, barrierearmen Kontrast und eine klare Trennung zwischen Fakten und Analyse.
Veröffentlichungs-Checkliste:
- Bestätige, dass die Seite den englischsprachigen Titel Avatar: Seven Havens verwendet
- Prüfe, ob dunkle Flächen und Türkislinks lesbare Kontrastwerte erreichen
- Überprüfe Premiere-, Episoden-, Buch- und Laufzeitangaben vor der Veröffentlichung
- Trenne bestätigten Canon von Werbe-Enthüllungen und unbeantworteten Fragen
- Teste Karten-, Tabellen-, Akkordeon- und Zeitachsenlayouts auf mobilen Bildschirmen
Finale QA-Tabelle
| Prüfung | Bestehensbedingung | Häufige Lösung |
|---|---|---|
| Metadaten | Der Titel beginnt mit dem primären Schlüsselwort und bleibt spezifisch | Entferne vage Formulierungen und kürze die Beschreibung |
| Navigation | Jedes wichtige Thema hat ein sichtbares Ziel | Füge internen Links zu verwaisten Modulen hinzu |
| Tabellen | Zellen sind knapp und horizontal gut lesbar | Verschiebe lange Erklärungen in Fließtext |
| Barrierefreiheit | Text, Links, Fokuszustände und Bedienelemente bleiben sichtbar | Erhöhe den Kontrast oder vereinfache Hintergründe |
| Canon-Handhabung | Spekulation ist klar gekennzeichnet | Füge ein Statuslabel hinzu oder formuliere es als offene Frage um |
| Lokalisierung | Der englische Titel bleibt über alle Lokalisierungen hinweg stabil | Verwende übersetzte Begriffe nur als unterstützende Sprache |
Wenn ein Detail nicht feststeht, schreibe „nicht öffentlich bestätigt“ statt die Lücke mit einer selbstsicheren Theorie zu füllen. Das schützt das Vertrauen und erleichtert spätere Aktualisierungen.
Q: Wie sollte das Design von Avatar Seven Havens aussehen?
Ein starkes Design nutzt eine tiefblaue Grundlage, leuchtendes Geister-Türkis, zurückhaltende Stein-Gold-Akzente, gut lesbare Typografie und modulare Layouts für Release-, Story-, Charakter-, Lore- und Episodeninhalte.
Q: Ist Avatar: Seven Havens ein Spiel?
Nein. Avatar: Seven Havens ist eine animierte Serie von Avatar Studios. Das Fan-Wiki sollte sich auf Episoden, Charaktere, Cast, Handlung, Lore, Orte, Produktion und offizielle Updates konzentrieren und nicht auf Gameplay-Systeme.
Q: Welche Fakten sollten im Hero der Startseite erscheinen?
Der Hero kann Pavi als Erd-Avatar nach Korra vorstellen und das Post-Korra-Setting zusammenfassen. Zu den bestätigten Planungsdetails gehören die Premiere am 9. Oktober 2026, 26 Episoden, zwei Bücher und eine ungefähre Laufzeit von 30 Minuten.
Q: Wie sollte die Seite mit übersetzten Titeln umgehen?
Verwende Avatar: Seven Havens als englischsprachige Titelbezeichnung in allen aktivierten Lokalisierungen. Spanische, portugiesische und deutsche Übersetzungen können Suche und Fließtext unterstützen, sollten aber nicht als offizielle Titel dargestellt werden, solange sie nicht formell angekündigt wurden.