- Palabra clave principal: avatar seven havens design se centra en la identidad visual y la estructura de la wiki de fans
- Paleta central: usa azul marino oscuro, verde azulado espiritual, dorado piedra y superficies neutras contenidas
- Jerarquía de contenido: prioriza detalles del lanzamiento, historia, personajes, episodios, lore y noticias
- Política de canon: separa los hechos confirmados, las revelaciones promocionales y las preguntas abiertas
- Localización: mantén Avatar: Seven Havens como el título visible oficialmente en todos los idiomas habilitados
Dirección de diseño para Avatar Seven Havens
Avatar Seven Havens es una serie de fantasía animada, no un juego, así que su sistema de diseño debe sentirse como una biblioteca de referencia cinematográfica en lugar de un panel de jugabilidad. La mejor dirección combina una interfaz oscura y atmosférica con acentos luminosos del mundo espiritual, movimiento contenido y una organización editorial clara.
La serie sigue a Pavi, un Avatar dominador de tierra después de Korra, en un mundo fracturado por un cataclismo devastador. Esa premisa le da al sitio dos temas visuales complementarios: el peso de una civilización arruinada y el resplandor de la energía espiritual. La interfaz debe hacer legibles ambas ideas sin volverse visualmente recargada.
Un buen diseño de wiki de fans debería ayudar a los visitantes a responder rápidamente preguntas prácticas:
- ¿Cuándo se estrena la serie?
- ¿Dónde encaja la historia después de The Legend of Korra?
- ¿Quiénes son Pavi, Jae, Geet y el gemelo de Pavi?
- ¿Qué son los Seven Havens?
- ¿Cómo se dividen los 26 episodios entre el Libro 1 y el Libro 2?
- ¿Qué detalles están confirmados, son promocionales o siguen siendo desconocidos?
| Objetivo de diseño | Tratamiento recomendado | Beneficio editorial |
|---|---|---|
| Atmósfera del mundo espiritual | Fondo azul marino oscuro con reflejos verdes azulados | Crea ambiente sin reducir la legibilidad |
| Identidad del Avatar de Tierra | Acentos dorado piedra y divisores angulares | Conecta la interfaz con el elemento de Pavi |
| Descubrimiento rápido | Tarjetas destacadas y tablas de datos compactas | Ayuda a escanear el lanzamiento y los personajes |
| Claridad del canon | Etiquetas de confirmado, informado y desconocido | Reduce la especulación accidental |
| Continuidad de la franquicia | Enlaces de la cronología a Korra y a eras anteriores de Avatar | Hace más fácil entender la ambientación posterior a Korra |
Trata la página principal primero como una guía editorial. Los efectos decorativos deben apoyar la navegación, no competir con fechas, nombres, datos de episodios o notas del canon.
Color, tipografía y componentes de la interfaz
El lenguaje visual recomendado usa una base oscura con acentos luminosos fríos. Evita el verde brillante como color dominante; el verde azulado espiritual ofrece una conexión más distintiva con la atmósfera sobrenatural de la serie, a la vez que mantiene el contraste frente a las superficies azul marino.
El dorado piedra funciona mejor como acento secundario para referencias a la dominación de tierra, marcadores de sección, estados de navegación activa y pequeñas etiquetas. No debería reemplazar al verde azulado en toda la interfaz, porque demasiado dorado puede hacer que el sitio se sienta como un archivo de fantasía genérico.
Roles de color recomendados
| Rol de interfaz | Dirección de color | Uso |
|---|---|---|
| Fondo principal | Azul marino profundo | Lienzo de la página, fondo del hero, pie de página |
| Superficie elevada | Azul negruzco | Tarjetas, acordeones, paneles informativos |
| Acento espiritual | Verde azulado luminoso | Enlaces, iconos, estados de foco, divisores |
| Acento terrestre | Dorado piedra | Etiquetas, marcadores de cronología, metadatos seleccionados |
| Texto principal | Blanco suave | Títulos y datos esenciales |
| Texto secundario | Gris frío | Descripciones, notas de fuente, texto de apoyo |
| Estado de advertencia | Ámbar rojizo atenuado | Avisos de spoilers e información no confirmada |
La tipografía debe priorizar la claridad por encima de la novedad. Usa una sans-serif geométrica potente para los títulos y una sans-serif muy legible para el cuerpo del texto. Las letras angulares de exhibición pueden funcionar para etiquetas pequeñas, pero los párrafos largos y los resúmenes de episodios deben seguir siendo simples y espaciosos.
Comportamiento de los componentes
- Panel hero: abre con el nombre de la serie, la premisa posterior a Korra, la fecha de estreno y el número de episodios.
- Tarjetas de navegación: usa iconos coherentes para Lanzamiento, Episodios, Personajes, Reparto, Historia, Lore, Tráiler y Noticias.
- Tablas de datos: resérvalas para hechos confirmados, información de producción y seguimiento de episodios.
- Acordeones: úsalos para la ambientación de la historia, la construcción del mundo y las explicaciones sensibles a spoilers.
- Módulos de cronología: muestran la transición desde la era de Korra hasta el ciclo Avatar de Pavi.
- Etiquetas de fuente: coloca los enlaces oficiales cerca del dato relevante en lugar de ocultarlos en una página separada de referencias.
Verde azulado espiritual
Úsalo para enlaces, pestañas activas, trazos de iconos y resplandores sutiles. Mantén el tono lo bastante brillante para la accesibilidad sobre superficies oscuras.
Dorado piedra
Úsalo para referencias al Avatar de Tierra, marcadores de cronología, insignias de metadatos y estados seleccionados. Aplícalo con moderación.
Azul marino arruinado
Usa capas de tonos azul marino para sugerir el mundo fracturado, preservando al mismo tiempo un entorno de lectura tranquilo.
No coloques brillos animados, grandes ilustraciones de fondo y múltiples colores de acento detrás de tablas densas de la wiki. Los datos importantes necesitan contraste estable y un espaciado predecible.
Estructura de la página principal para una wiki de fans
La página principal debe guiar a los visitantes desde la información más urgente hasta el lore más profundo. Una jerarquía de contenido clara también favorece el SEO, porque cada módulo puede dirigirse a una intención de búsqueda distinta sin forzar temas no relacionados en un solo artículo.
Empieza con un bloque hero que establezca la identidad de la serie. El resumen recomendado presenta Avatar: Seven Havens como una aventura animada en 2D posterior a Korra, centrada en Pavi, el nuevo Avatar de Tierra. Los datos de planificación disponibles indican una ventana de estreno en 2026, 26 episodios, dos libros y una duración aproximada de 30 minutos por episodio.
La página principal debería usar después un panel de lanzamiento de cuatro tarjetas:
| Tarjeta | Dato principal | Contenido de apoyo |
|---|---|---|
| Estreno | 9 de octubre de 2026 | Sigue futuros cambios de programación y horarios regionales |
| Streaming | Paramount+ | Enlaza a la página oficial de información de la serie |
| Orden de episodios | 26 episodios | Explica la estructura de dos libros |
| Duración | Unos 30 minutos | Indica que los detalles específicos de cada episodio pueden añadirse después |
La navegación del contenido debe mantenerse coherente tanto en escritorio como en móvil:
- Lanzamiento
- Episodios
- Personajes
- Reparto
- Historia
- Lore
- Tráiler
- Noticias
Una sección dedicada al primer vistazo puede enlazar a la página oficial de información de la serie en Paramount+. Como no hay una fuente de vídeo válida disponible según la regla de coincidencia del título del sitio, el diseño debe usar una miniatura oficial o una vista previa enlazada en lugar de un reproductor de YouTube incrustado.
Orden recomendado de la página principal
| Orden | Módulo | Formato | Intención de búsqueda |
|---|---|---|---|
| 1 | Fecha de estreno y streaming | Cuadrícula de tarjetas | Fecha de estreno y dónde verla |
| 2 | Tráiler y primer vistazo | Tarjetas multimedia | Metraje oficial y revelaciones confirmadas |
| 3 | Historia y ambientación | Acordeón | Cataclismo, Pavi y Seven Havens |
| 4 | Personajes y reparto | Tabla | Identidades de los personajes y voces |
| 5 | Guía de Pavi | Perfil destacado | Nuevo Avatar e historia personal |
| 6 | Mundo y ubicaciones | Tarjetas de lugares | Havens, ruinas y territorios espirituales |
| 7 | Cronología después de Korra | Cronología por pasos | Cronología de la franquicia |
| 8 | Episodios y producción | Tabla de datos | Libros, orden de episodios y créditos |
Dale a cada módulo de la página principal un encabezado descriptivo y un enlace interno dedicado. Esto crea páginas de destino útiles para la fecha de estreno, episodios, personajes, Pavi, lore y la cronología posterior a Korra.
Configuración paso a paso del diseño de Avatar Seven Havens
Usa el siguiente flujo de trabajo para convertir la dirección visual en una wiki de fans mantenible. El método mantiene alineados desde el principio el diseño, la estructura del contenido y el tratamiento del canon.
Define el alcance editorial
Delimita el sitio alrededor de Avatar: Seven Havens. Cubre la información de lanzamiento, episodios, personajes, reparto, historia, lore, ubicaciones, tráilers y noticias de producción. No introduzcas sistemas de juego, códigos de canje, descargas de plataformas ni lenguaje de jugabilidad.
Construye la base visual
Crea el tema azul marino oscuro, el texto blanco suave, el color de interacción verde azulado espiritual y el acento secundario dorado piedra. Establece el contraste, el espaciado, los estados de los botones, el estilo de las tablas y los puntos de ruptura móviles antes de añadir efectos decorativos.
Crea los módulos de la página principal
Añade el hero, las tarjetas de lanzamiento, el área de primer vistazo, el acordeón de historia, la tabla de personajes, el perfil de Pavi, las tarjetas de ubicaciones, la cronología y la guía de producción. Cada módulo debe tener un propósito claro y un enlace interno útil.
Separa los niveles de canon
Etiqueta la información como confirmada, promocional o sin respuesta cuando sea necesario. Mantén las identidades oficiales de los personajes y los datos de episodios separados de la interpretación, las teorías y el análisis de tráilers.
Prepara la localización y el mantenimiento
Mantén el título en inglés Avatar: Seven Havens en la navegación y los metadatos. Habilita páginas en inglés, español, portugués y alemán, y luego añade texto explicativo traducido sin presentar como oficiales los títulos traducidos no anunciados.
Etiquetas de estado del contenido
| Etiqueta | Significado | Uso de ejemplo |
|---|---|---|
| Confirmado | Anunciado por una fuente oficial | Fecha de estreno, orden de episodios, rol de Avatar de Pavi |
| Promocional | Mostrado o descrito en material oficial de marketing | Escenas del primer vistazo, adelantos de personajes, detalles visuales |
| Sin respuesta | No establecido públicamente | Causa exacta del cataclismo, trasfondo completo del gemelo |
| Interpretación de fans | Análisis editorial o teoría | Posible significado de una ubicación o símbolo |
Vincula las afirmaciones de producción al anuncio de Paramount Press Express o al sitio oficial de Avatar Studios. Usa texto ancla descriptivo para que los lectores entiendan por qué están saliendo de la wiki.
Crea plantillas reutilizables para páginas de personajes, páginas de episodios y perfiles de ubicaciones. Una plantilla coherente facilita publicar y comparar futuros anuncios.
Lista de verificación de QA y publicación del diseño
Antes de publicar un artículo de diseño de Avatar Seven Havens o una actualización de la página principal, revisa tanto la interfaz como los datos editoriales. Una página visualmente pulida sigue necesitando etiquetas precisas, contraste accesible y una distinción clara entre hechos y análisis.
Lista de verificación de publicación:
- Confirma que la página use el título en inglés Avatar: Seven Havens
- Comprueba que las superficies oscuras y los enlaces verdes azulados cumplan con estándares de contraste legible
- Verifica los detalles de estreno, episodios, libros y duración antes de publicar
- Separa el canon confirmado de las revelaciones promocionales y las preguntas sin respuesta
- Prueba las tarjetas, tablas, acordeones y cronologías en pantallas móviles
Tabla final de QA
| Verificación | Condición de aprobación | Solución común |
|---|---|---|
| Metadatos | El título empieza con la palabra clave principal y sigue siendo específico | Quita frases vagas y acorta la descripción |
| Navegación | Cada tema importante tiene un destino visible | Añade enlaces internos a los módulos huérfanos |
| Tablas | Las celdas son concisas y se leen en horizontal | Mueve las explicaciones largas al texto en párrafos |
| Accesibilidad | El texto, los enlaces, los estados de foco y los controles siguen siendo visibles | Aumenta el contraste o simplifica los fondos |
| Gestión del canon | La especulación se identifica con claridad | Añade una etiqueta de estado o reescríbelo como pregunta abierta |
| Localización | El título en inglés se mantiene estable entre locales | Usa términos traducidos solo como lenguaje de apoyo |
Cuando un detalle no esté establecido, escribe “no confirmado públicamente” en lugar de rellenar el vacío con una teoría segura. Esto protege la confianza y facilita las actualizaciones futuras.
Q: ¿Cómo debería verse el diseño de Avatar Seven Havens?
Un buen diseño usa una base azul marino oscuro, un verde azulado espiritual luminoso, acentos dorado piedra contenidos, tipografía legible y diseños modulares para contenido de lanzamiento, historia, personajes, lore y episodios.
Q: ¿Avatar: Seven Havens es un juego?
No. Avatar: Seven Havens es una serie animada de Avatar Studios. Su wiki de fans debería centrarse en episodios, personajes, reparto, historia, lore, ubicaciones, producción y actualizaciones oficiales, y no en sistemas de juego.
Q: ¿Qué datos deberían aparecer en el hero de la página principal?
El hero puede identificar a Pavi como el Avatar de Tierra después de Korra y resumir la ambientación posterior a Korra. Los detalles de planificación confirmados incluyen el estreno del 9 de octubre de 2026, 26 episodios, dos libros y una duración aproximada de 30 minutos.
Q: ¿Cómo debería tratar el sitio los títulos traducidos?
Mantén Avatar: Seven Havens como el título visible en inglés en todos los locales habilitados. Las traducciones al español, portugués y alemán pueden ayudar en la búsqueda y en el cuerpo del texto, pero no deben presentarse como títulos oficiales hasta que sean anunciadas formalmente.