Manual de Marca

Identidade Visual · Neo

Prévia rápida para validar a marca antes do deploy. Tokens centralizados em src/styles.css.

Resumo das preferências
Tema
Claro forçado
Origem:
sistema
Resolução
Full HD · 1920×1080
Origem:
padrão
Modo kiosk
Desligado
Origem:
padrão
Última sincronização: nuncaTVs em qualquer rede recebem esta configuração via Supabase.
Logotipo
Logo Neo — versão principalFundo claro · principal
Logo Neo — versão claraFundo escuro · versão clara
Simulador de resolução (kiosk)

A prévia carrega o painel em / renderizado na resolução 1920×1080 e escalado para caber.

1920×1080 · 100%
Paleta de Cores
Laranja Neo
Primária
#FF4300
var(--brand)
Laranja Secundário
Destaque
#F15A24
var(--brand-accent)
Cinza Neo
Neutro médio
#888888
var(--brand-gray)
Grafite
Texto escuro
#333333
var(--brand-graphite)
Areia Clara
Superfície
#ECE5E3
var(--brand-sand)
Contraste & Acessibilidade

Referência WCAG 2.1 — AA (≥ 4.5:1), AAA (≥ 7:1), AA Large (≥ 3:1). Clique em um par para ver os detalhes calculados.

Tipografia · Inter Tight
Display / 72

Neo Mídia Indoor

H1 / 48

Neo Mídia Indoor

H2 / 32

Neo Mídia Indoor

H3 / 24

Neo Mídia Indoor

Body / 16

Neo Mídia Indoor

Caption / 12

Neo Mídia Indoor

Componentes com a marca
Ativo
Rascunho
Agendado
Ajuda — o que cada ⓘ significa

Resumo dos ícones de ajuda espalhados pelo painel. Cada tópico aponta para a tela onde ele aparece.

Orientação da tela

Minhas Telas › coluna Orientação

Define como o player rotaciona a imagem em cada TV: landscape (horizontal, padrão), portrait (vertical) ou invertida. A escolha é salva individualmente por tela e aplicada automaticamente no player e na prévia.

Modo de encaixe (cover / contain)

Minhas Telas › coluna Encaixe

Cover preenche toda a tela cortando o que sobrar nas bordas. Contain mostra a mídia inteira, podendo deixar barras pretas. Muito útil ao girar a TV para vertical, quando imagens horizontais ficariam esticadas.

Snapshot / Sincronização com TVs

Minhas Telas › coluna Snapshot e botão Sincronizar

A playlist e as mídias ficam salvas neste navegador. Um snapshot envia esse conteúdo para o armazenamento global; as TVs pareadas em qualquer rede baixam essa versão e recarregam sozinhas em até ~15 segundos. Reenvie sempre que trocar a playlist.

Transição entre mídias

Playlists › editor de itens

Duração da animação (em milissegundos, 0–5000) entre uma mídia e a próxima. Deixe em 0 para corte seco. Pode ser definida como padrão da playlist ou sobrescrita item a item.

Aparições / 24h

Playlists › editor de itens

Quantas vezes um item deve aparecer no ciclo de 24 horas. O sistema distribui as repetições intercalando com os outros itens, então uma mídia com plays=3 aparece três vezes ao dia sem ficar seguida.

Modo kiosk

Identidade Visual e prévia das telas

Oculta todos os controles do player (barra de progresso, botões e cursor) — ideal para TVs em produção. Também é aplicado automaticamente na prévia dentro do modal de /telas quando ativado aqui.

Código de vínculo (pairing)

Minhas Telas › coluna Link da TV

Código de 6 dígitos gerado por HMAC-SHA256, rotacionado a cada 5 minutos, com tolerância de 20 minutos para você digitar no controle remoto. Uma vez validado, a TV recebe um token permanente e não precisa mais do código.

Link curto (/p/CÓDIGO)

Minhas Telas › botão Revelar

Cada tela ganha um endereço no formato /p/ABC12 que redireciona para o player completo. É pensado para ser digitado com o controle da TV sem erros de teclado.