🎨 Portal Captive — Editor Visual
Aparência: cores, logo e plano de fundo
A aba Aparência reúne todas as configurações visuais do portal: textos, logo, cores e plano de fundo.
1. Textos do portal
| Campo | O que aparece no portal | Exemplo |
|---|---|---|
| Título (hero) | Frase principal de destaque | Wi-Fi Gratuito |
| Subtítulo | Instrução abaixo do título | Preencha seus dados para se conectar |
| Texto do botão | Rótulo do botão de conexão | Conectar |
| Texto do rodapé | Linha de crédito na parte inferior | © 2026 Meu Estabelecimento |
2. Logo
Informe a URL pública de uma imagem para o logo. O portal exibe a imagem em formato circular com 72 × 72 px.
Dica de logoUse uma imagem quadrada com fundo transparente (PNG) de pelo menos 144 × 144 px para qualidade nítida em telas de alta resolução. Hospede a imagem em serviço público (ex.: Cloudinary, ImgBB, Google Drive com compartilhamento público).
3. Cores
| Cor | O que controla |
|---|---|
| Cor primária (botão) | Fundo do botão de conexão e elementos de destaque |
| Cor do texto do botão | Cor da letra do botão (branco ou preto) |
Use o seletor de cor ou digite o código hexadecimal diretamente (ex.: #2563eb).
FontesA família tipográfica do portal é fixada pelo sistema (Inter / fonte do dispositivo). Não é possível alterar a fonte pelo editor.
4. Plano de fundo
Três modos disponíveis, selecionáveis por botões:
| Modo | Como funciona | Parâmetros |
|---|---|---|
| Sólido | Cor única em toda a tela | 1 cor hex |
| Gradiente | Transição entre 2 cores com direção escolhida | Cor 1, Cor 2 + direção (vertical / horizontal / diagonal / diagonal reverso) |
| Imagem | Foto ou ilustração como fundo | URL pública da imagem |
Imagem de fundoPrefira imagens landscape (ex.: 1920 × 1080 px) em formato JPG ou WebP. O sistema aplica a imagem como fundo de tela cheia com
object-fit: cover.Esse artigo foi útil?
Obrigado pelo feedback! ✅