Ícone do app ElevenHub
Três opções para o ícone do PWA. Todas usam o símbolo que já existe na marca — o “n” de eleven, desenhado como dois traços que leem “11”.
O problema de hoje
O ícone atual usa a assinatura horizontal inteira (proporção 4,25:1) espremida num quadrado. O texto ocupa ~20% da área e “PROTEÇÃO VEICULAR” fica ilegível no tamanho real.
Na tela inicial — o que importa de verdade
Tamanho real sobre um papel de parede claro, que é onde ícone branco costuma sumir.
As três opções
A · Branco + símbolo em gradiente
O que você pediu. Limpo, tipo fintech. Risco: some em papel de parede claro.
B · Gradiente + símbolo branco
Mais presença na tela. O gradiente da marca vira o próprio ícone.
C · Escuro + símbolo em gradiente
Mantém a identidade escura do app, mas com símbolo no lugar da assinatura.
O que já está pronto em cada opção
| Arquivo | Para quê | Observação |
|---|---|---|
icon-192.png · icon-512.png | Manifest do PWA | — |
icon-maskable-512.png | Android adaptável | Símbolo reduzido para caber na zona segura de 80% — é o que o recorte circular acima demonstra |
apple-touch-icon.png | iOS | Fundo pintado, sem transparência — o iOS transforma transparência em preto, que é a origem provável do preto atual |
Dois avisos antes de trocar
| O quê | Consequência |
|---|---|
| Cache do ícone instalado | Quem já tem o app na tela inicial continua vendo o antigo. Só troca reinstalando — vale avisar o time, senão parece que não funcionou. |
theme_color / background_color | Hoje ambos são #0e1115 e controlam a splash e a barra de status, não o ícone. Recomendo deixar como estão, mesmo escolhendo A: fundo claro na barra de status brigaria com a interface escura. |