Ícone 64px (64 × 64)
https://pandorasolver.com/logos/pandora-64.png
Favicons, assinaturas de e-mail, listas.
Brand Kit da Pandora Solver
Logos oficiais, paleta de cores (HEX/HSL), tipografia e regras de uso da marca Pandora Solver — legível por humanos e por agentes de IA.
Índice legível por máquina
Logos
-
-
Ícone 128px (128 × 128)
https://pandorasolver.com/logos/pandora-128.png
Avatares, cards, apps.
-
Logo 256px (256 × 256)
https://pandorasolver.com/logos/pandora-256.png
Cabeçalhos web e apresentações.
-
Logo 512px (512 × 512)
https://pandorasolver.com/logos/pandora-512.png
Slides, banners, redes sociais.
-
Master 1024px (1024 × 1024)
https://pandorasolver.com/logos/pandora-1024.png
Impressão e materiais de alta resolução.
-
Redondo 256px (256 × 256)
https://pandorasolver.com/logos/pandora-round-256.png
PNG transparente para avatares circulares.
-
Redondo 105px (105 × 105)
https://pandorasolver.com/logos/pandora-round-105.png
Selo compacto usado no app.
-
Logo horizontal oficial (1920 × 767)
Versão horizontal oficial: símbolo + wordmark PANDORA SOLVER. Assinaturas, cabeçalhos e materiais institucionais.
Cores
| Nome | HEX | HSL | Uso |
|---|---|---|---|
| blue-950 | #06232d | hsl(195 76% 10%) | Tinta sobre botões claros. |
| blue-900 | #0b2a35 | hsl(196 66% 13%) | Fundo escuro principal — hero, seções de conceito. |
| blue-850 | #0c2a34 | hsl(195 62% 13%) | Rodapé. |
| blue-800 | #0f2e39 | hsl(196 58% 14%) | Cards escuros e faixas; tinta padrão sobre fundo claro. |
| blue-700 | #123f4e | hsl(195 63% 19%) | Blocos angulares e molduras de diagrama. |
| blue-600 | #1b5668 | hsl(194 59% 26%) | Cunha diagonal do hero. |
| blue-500 | #2ea8ca | hsl(193 63% 49%) | Barra superior de cards, ícones sobre claro. |
| blue-400 | #79c7de | hsl(194 60% 67%) | Acento principal — CTA, corte diagonal, títulos de produto, números. |
| blue-300 | #8ed3e6 | hsl(193 64% 73%) | Variante clara do acento. |
| blue-200 | #cfeaf3 | hsl(195 60% 88%) | Faixa clara média — blocos de dado e impacto. |
| blue-100 | #e8f4f9 | hsl(198 59% 94%) | Card claro dentro de diagrama. |
| blue-50 | #f0f9fb | hsl(191 58% 96%) | Fundo claro padrão. |
| gold | #f4b63c | hsl(40 89% 60%) | Acento remanescente — restrito a títulos de coluna e hover de rodapé, nunca em fundo claro. |
| Sucesso | #16A34A | hsl(142 76% 36%) | Confirmações, indicadores positivos. |
| Alerta / Destrutivo | #F04444 | hsl(0 85% 60%) | Erros, atrasos, riscos. |
| Título — fundo escuro | #ffffff | hsl(0 0% 100%) | Títulos sobre fundos escuros. |
| Corpo — fundo escuro | #c3dee7 | hsl(195 43% 84%) | Texto de corpo sobre fundos escuros. |
| Corpo secundário — fundo escuro | #a8c7d1 | hsl(195 31% 74%) | Texto secundário sobre fundos escuros. |
| Título — fundo claro | #0b2a35 | hsl(196 66% 13%) | Títulos sobre fundos claros. |
| Corpo — fundo claro | #5a6b71 | hsl(196 11% 40%) | Texto de corpo sobre fundos claros. |
| Itálico destaque — fundo claro | #10708c | hsl(194 79% 31%) | Destaques em itálico sobre fundos claros. |
| Itálico destaque — fundo escuro | #79c7de | hsl(194 60% 67%) | Destaques em itálico sobre fundos escuros. |
| Linhas / bordas suaves | #5d8898 | hsl(196 24% 48%) | Linhas e bordas suaves. |
Tipografia
Títulos, botões e números: Space Grotesk — https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap
Corpo de texto longo: Lato — https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap
- Títulos, botões e números: Space Grotesk 400, 500, 600 ou 700.
- Destaques em itálico: Space Grotesk 700 itálico.
- Corpo de texto longo: Lato 400 ou 700, com altura de linha entre 1,6 e 1,7.
- Nunca usar fontes serifadas ou outras famílias fora deste par.
Tom de voz
- Português do Brasil, direto, técnico e confiante — sem jargão vazio.
- Foco em resultado: prazo, custo, risco e produtividade em obras e projetos.
- Sempre destacar o módulo proprietário de otimização de recursos e cronogramas.
- Referenciar o Método Pandora e as boas práticas do PMI/PMBOK quando fizer sentido.
- Sem promessas irreais; números sempre com origem clara.
Regras de uso
- Não distorcer, recolorir ou aplicar sombras ao logo.
- Manter área de respiro igual a 25% da largura do logo.
- Em fundos escuros, usar a versão redonda em PNG transparente.
- Nunca gerar variações de logo ou paleta fora desta lista.