XQuiz

Tema

A aba que define a identidade visual do funil — logo, favicon, fonte, modo escuro, alinhamento, espaçamento e cores

Theme

Tema é a segunda aba do editor, entre Fluxo e Configurações. Ela define a identidade visual do funil inteiro: as seções à esquerda, a coluna Preview à direita. As edições vão sozinhas para o rascunho poucos segundos depois; o Salvar do cabeçalho força o envio e passa por Salvando... até Salvo.

Identidade

Logo e Favicon abrem a biblioteca de imagens da organização, de onde você escolhe uma mídia ou envia uma nova. O logo só aparece nas páginas que tiverem o elemento Cabeçalho; o favicon vira o ícone da aba do navegador no funil publicado.

Tema

  • Fonte — sete opções: Red Hat Display (a padrão), Inter, Poppins, Montserrat, IBM Plex Sans, Source Serif 4 e Lora.
  • Modo escuro — troca a paleta base inteira do funil.
  • Alinhamento — Topo, Centro ou Fundo. É o alinhamento vertical do conteúdo na página, não o do texto; sem escolha, vale Centro.
  • Espaçamento — de Muito pequeno a Extra grande, controla o espaço vertical entre os elementos. Sem escolha, Médio.
  • Raio da borda — de Nenhum a Extra grande, arredonda os cantos dos elementos. Sem escolha, Grande.

Os seletores exibem Padrão enquanto nada foi escolhido.

Cores

São quatro campos: Cor primária, Cor secundária, Cor do texto e Cor de fundo. Cada um aceita apenas hexadecimal; o quadrado à esquerda abre um seletor de cor, onde as oito últimas cores usadas ficam à mão em Recentes; a borracha, ao passar o mouse, limpa o campo e devolve a cor padrão.

Cada página pode sobrescrever alinhamento, espaçamento, raio e as quatro cores; no elemento, só as cores que aquele tipo expõe — e o raio, com o Container ligado. Fonte, logo, favicon e modo escuro existem só aqui, no nível do funil.

O preview

O seletor ao lado do título Preview lista as páginas do funil e já abre na última delas. O quadro monta a página com os componentes reais, sempre na largura de celular: sem alternância desktop/mobile, sem zoom, sem botão de atualizar.

Quando o tema entra no ar

O tema ajustado aqui fica no rascunho. Para o visitante ver as mudanças, use Publicar, no cabeçalho do editor — Testar abre sempre a versão já publicada.

Nesta página