- Palavra-chave principal: avatar seven havens design foca na identidade visual e na estrutura da wiki de fãs
- Paleta principal: use azul-marinho escuro, teal espiritual, dourado pedra e superfícies neutras contidas
- Hierarquia de conteúdo: priorize detalhes de lançamento, história, personagens, episódios, lore e notícias
- Política canônica: separe fatos confirmados, revelações promocionais e perguntas em aberto
- Localização: mantenha Avatar: Seven Havens como o título voltado ao público em todos os idiomas habilitados
Direção de Design de Avatar Seven Havens
Avatar Seven Havens é uma série de fantasia animada, e não um jogo, então seu sistema de design deve parecer uma biblioteca cinematográfica de referências, em vez de um painel de jogabilidade. A direção mais forte combina uma interface escura e atmosférica com acentos luminosos do mundo espiritual, movimento contido e organização editorial clara.
A série acompanha Pavi, o Avatar dominador de terra depois de Korra, em um mundo fragmentado por um cataclismo devastador. Essa premissa dá ao site dois temas visuais complementares: o peso de uma civilização em ruínas e o brilho da energia espiritual. A interface deve tornar as duas ideias legíveis sem ficar visualmente carregada.
Uma wiki de fãs bem-sucedida deve ajudar os visitantes a responder rapidamente a perguntas práticas:
- Quando a série estreia?
- Onde a história se encaixa depois de A Lenda de Korra?
- Quem são Pavi, Jae, Geet e o gêmeo de Pavi?
- O que são os Seven Havens?
- Como os 26 episódios se dividem entre Book 1 e Book 2?
- Quais detalhes estão confirmados, são promocionais ou ainda não se sabe?
| Objetivo de Design | Tratamento Recomendado | Benefício Editorial |
|---|---|---|
| Atmosfera do mundo espiritual | Fundo azul-marinho escuro com destaques em teal | Cria clima sem reduzir a legibilidade |
| Identidade de Avatar da Terra | Acentos em dourado pedra e divisórias angulares | Conecta a interface ao elemento de Pavi |
| Descoberta rápida | Cards em destaque e tabelas de dados compactas | Ajuda o usuário a localizar dados de estreia e personagens |
| Clareza canônica | Rótulos de confirmado, reportado e desconhecido | Limita especulações acidentais |
| Continuidade da franquia | Linha do tempo ligando Korra a eras anteriores de Avatar | Torna o cenário pós-Korra mais fácil de entender |
Trate a página inicial primeiro como um guia editorial. Os efeitos decorativos devem apoiar a navegação, não competir com datas, nomes, dados de episódios ou notas canônicas.
Cores, Tipografia e Componentes da Interface
A linguagem visual recomendada usa uma base escura com acentos luminosos frios. Evite o verde vivo como cor dominante; o teal espiritual oferece uma conexão mais marcante com a atmosfera sobrenatural da série, mantendo o contraste com as superfícies azul-marinho.
O dourado pedra funciona melhor como acento secundário para referências à dobra de terra, marcadores de seção, estados de navegação ativa e pequenos rótulos. Ele não deve substituir o teal em toda a interface, porque dourado em excesso pode fazer o site parecer um arquivo genérico de fantasia.
Papéis de cor recomendados
| Papel da Interface | Direção de Cor | Uso |
|---|---|---|
| Fundo principal | Azul-marinho profundo | Tela da página, backdrop do hero, rodapé |
| Superfície elevada | Azul-preto | Cards, accordions, painéis informativos |
| Acento espiritual | Teal luminoso | Links, ícones, estados de foco, divisórias |
| Acento da Terra | Dourado pedra | Rótulos, marcadores de linha do tempo, metadados selecionados |
| Texto principal | Branco suave | Títulos e fatos essenciais |
| Texto secundário | Cinza frio | Descrições, notas de fonte, texto de apoio |
| Estado de alerta | Âmbar-avermelhado suave | Avisos de spoiler e informações não confirmadas |
A tipografia deve priorizar clareza em vez de novidade. Use uma sans-serif geométrica forte para títulos e uma sans-serif altamente legível para o corpo do texto. Letras angulares de display podem funcionar para pequenos rótulos, mas parágrafos longos e resumos de episódios devem permanecer simples e espaçosos.
Comportamento dos componentes
- Hero panel: comece com o nome da série, a premissa pós-Korra, a data de estreia e a contagem de episódios.
- Navigation cards: use ícones consistentes para Lançamento, Episódios, Personagens, Elenco, História, Lore, Trailer e Notícias.
- Data tables: reserve-as para fatos confirmados, informações de produção e acompanhamento de episódios.
- Accordions: use para cenário da história, construção de mundo e explicações sensíveis a spoilers.
- Timeline modules: mostre a transição da era de Korra para o ciclo de Avatar de Pavi.
- Source labels: coloque links oficiais perto do fato relevante, em vez de escondê-los em uma página separada de referências.
Teal Espiritual
Use para links, abas ativas, contornos de ícones e brilhos sutis. Mantenha o tom claro o suficiente para acessibilidade em superfícies escuras.
Dourado Pedra
Use para referências ao Avatar da Terra, marcadores de linha do tempo, selos de metadados e estados selecionados. Aplique com moderação.
Azul-marinho em Ruínas
Use tons sobrepostos de azul-marinho para sugerir o mundo fragmentado, mantendo um ambiente de leitura calmo.
Não coloque brilhos animados, grandes artes de fundo e várias cores de destaque atrás de tabelas densas da wiki. Os fatos importantes precisam de contraste estável e espaçamento previsível.
Estrutura da Página Inicial para uma Wiki de Fãs
A página inicial deve guiar os visitantes das informações mais urgentes para o lore mais profundo. Uma hierarquia de conteúdo clara também ajuda o SEO, porque cada módulo pode atender a uma intenção de busca distinta sem forçar temas não relacionados para dentro de um único artigo.
Comece com um bloco hero que estabeleça a identidade da série. O resumo recomendado apresenta Avatar: Seven Havens como uma aventura animada em 2D pós-Korra centrada em Pavi, o novo Avatar da Terra. Os dados de planejamento disponíveis indicam uma janela de estreia em 2026, 26 episódios, dois livros e uma duração aproximada de 30 minutos por episódio.
A página inicial deve então usar um painel de lançamento com quatro cards:
| Card | Fato Principal | Conteúdo de Apoio |
|---|---|---|
| Estreia | 9 de outubro de 2026 | Acompanhe mudanças futuras de cronograma e horários regionais |
| Streaming | Paramount+ | Link para a página oficial de informações da série |
| Ordem dos Episódios | 26 episódios | Explique a estrutura em dois livros |
| Duração | Cerca de 30 minutos | Observe que detalhes específicos de cada episódio podem ser adicionados depois |
A navegação de conteúdo deve permanecer consistente no desktop e no mobile:
- Lançamento
- Episódios
- Personagens
- Elenco
- História
- Lore
- Trailer
- Notícias
Uma área dedicada de primeira olhada pode linkar para a página oficial de informações da série no Paramount+. Como não há uma fonte de vídeo qualificada disponível sob a regra de correspondência de título do site, o design deve usar uma miniatura oficial ou uma prévia vinculada, em vez de um player do YouTube incorporado.
Ordem recomendada da página inicial
| Ordem | Módulo | Formato | Intenção de Busca |
|---|---|---|---|
| 1 | Data de Lançamento e Streaming | Grade de cards | Data de estreia e onde assistir |
| 2 | Trailer e Primeira Olhada | Cards de mídia | Imagens oficiais e revelações confirmadas |
| 3 | História e Cenário | Accordion | Cataclismo, Pavi e Seven Havens |
| 4 | Personagens e Elenco | Tabela | Identidades dos personagens e créditos de voz |
| 5 | Guia da Pavi | Perfil em destaque | Novo Avatar e histórico pessoal |
| 6 | Mundo e Localizações | Cards de localização | Havens, ruínas e territórios espirituais |
| 7 | Linha do Tempo Depois de Korra | Timeline em etapas | Cronologia da franquia |
| 8 | Episódios e Produção | Tabela de dados | Livros, ordem de episódios e créditos |
Dê a cada módulo da página inicial um título descritivo e um link interno dedicado. Isso cria landing pages úteis para data de estreia, episódios, personagens, Pavi, lore e a linha do tempo pós-Korra.
Configuração Passo a Passo do Design de Avatar Seven Havens
Use o fluxo de trabalho a seguir para transformar a direção visual em uma wiki de fãs sustentável. O método mantém design, estrutura de conteúdo e tratamento canônico alinhados desde o começo.
Defina o Escopo Editorial
Estabeleça os limites do site em torno de Avatar: Seven Havens. Cubra informações de lançamento, episódios, personagens, elenco, história, lore, localizações, trailers e notícias de produção. Não introduza sistemas de jogo, códigos de resgate, downloads de plataforma ou linguagem de jogabilidade.
Construa a Base Visual
Crie o tema azul-marinho escuro, o texto branco suave, a cor de interação teal espiritual e o acento secundário dourado pedra. Estabeleça contraste, espaçamento, estados de botões, estilo de tabelas e breakpoints móveis antes de adicionar efeitos decorativos.
Crie os Módulos da Página Inicial
Adicione o hero, os cards de lançamento, a área de primeira olhada, o accordion da história, a tabela de personagens, o perfil de Pavi, os cards de localização, a linha do tempo e o guia de produção. Cada módulo deve ter um propósito claro e um link interno útil.
Separe os Níveis de Canon
Marque as informações como confirmadas, promocionais ou não respondidas quando necessário. Mantenha as identidades oficiais dos personagens e os dados dos episódios separados de interpretações, teorias e análise de trailer.
Prepare a Localização e a Manutenção
Mantenha o título em inglês Avatar: Seven Havens na navegação e nos metadados. Habilite páginas em inglês, espanhol, português e alemão, depois adicione texto explicativo traduzido sem apresentar títulos traduzidos não oficiais como se fossem oficiais.
Rótulos de status de conteúdo
| Rótulo | Significado | Exemplo de Uso |
|---|---|---|
| Confirmado | Anunciado por uma fonte oficial | Data de estreia, ordem dos episódios, papel de Avatar de Pavi |
| Promocional | Mostrado ou descrito em marketing oficial | Cenas da primeira olhada, prévias de personagens, detalhes visuais |
| Não respondido | Ainda não estabelecido publicamente | Causa exata do cataclismo, histórico completo do gêmeo |
| Interpretação de fã | Análise editorial ou teoria | Possível significado de uma localização ou símbolo |
Vincule as alegações de produção ao anúncio do Paramount Press Express ou ao site oficial da Avatar Studios. Use texto âncora descritivo para que os leitores entendam por que estão saindo da wiki.
Crie modelos reutilizáveis para páginas de personagens, páginas de episódios e perfis de localizações. Um modelo consistente facilita publicar e comparar anúncios futuros.
Checklist de QA e Publicação do Design
Antes de publicar um artigo de design de Avatar Seven Havens ou atualizar a página inicial, verifique tanto a interface quanto os dados editoriais. Uma página visualmente polida ainda precisa de rótulos precisos, contraste acessível e uma distinção clara entre fatos e análise.
Checklist de Publicação:
- Confirme que a página usa o título voltado ao público Avatar: Seven Havens
- Verifique se superfícies escuras e links em teal atendem aos padrões de contraste legível
- Valide os detalhes de estreia, episódios, livros e duração antes de publicar
- Separe canon confirmado de revelações promocionais e perguntas sem resposta
- Teste cards, tabelas, accordions e timelines em telas móveis
Tabela final de QA
| Verificação | Condição de Aprovação | Correção Comum |
|---|---|---|
| Metadados | O título começa com a palavra-chave principal e permanece específico | Remova frases vagas e encurte a descrição |
| Navegação | Todo tópico principal tem um destino visível | Adicione links internos aos módulos órfãos |
| Tabelas | As células são concisas e legíveis horizontalmente | Mova explicações longas para texto em parágrafos |
| Acessibilidade | Texto, links, estados de foco e controles continuam visíveis | Aumente o contraste ou simplifique os fundos |
| Tratamento canônico | A especulação é claramente identificada | Adicione um rótulo de status ou reescreva como pergunta em aberto |
| Localização | O título em inglês permanece estável entre os locais | Use termos traduzidos apenas como apoio textual |
Quando um detalhe não estiver estabelecido, escreva “não confirmado publicamente” em vez de preencher a lacuna com uma teoria confiante. Isso protege a confiança e facilita futuras atualizações.
Q: Como deve ser o design de Avatar Seven Havens?
Um design forte usa uma base azul-marinho escura, teal espiritual luminoso, acentos dourado pedra contidos, tipografia legível e layouts modulares para conteúdo de lançamento, história, personagens, lore e episódios.
Q: Avatar: Seven Havens é um jogo?
Não. Avatar: Seven Havens é uma série animada da Avatar Studios. A wiki de fãs deve se concentrar em episódios, personagens, elenco, história, lore, localizações, produção e atualizações oficiais, e não em sistemas de jogo.
Q: Quais fatos devem aparecer no hero da página inicial?
O hero pode identificar Pavi como o Avatar da Terra depois de Korra e resumir o cenário pós-Korra. Os detalhes de planejamento confirmados incluem a estreia em 9 de outubro de 2026, 26 episódios, dois livros e uma duração aproximada de 30 minutos.
Q: Como o site deve tratar títulos traduzidos?
Mantenha Avatar: Seven Havens como o título em inglês em todos os idiomas habilitados. As traduções para espanhol, português e alemão podem apoiar a busca e o corpo do texto, mas não devem ser apresentadas como títulos oficiais até serem anunciadas formalmente.