MISSÃO IPÊ — identidade oficial e aplicação R17
Data da revisão: 15/11/2026. Nome público da equipe e do jogo: MISSÃO IPÊ. Repositório oficial: oalexandrebelo/MISSAO-IPE.
Referência compartilhada de design: Figma — Frame 12, nó 8:318. O frame de 1064 × 499 corresponde à composição completa usada nesta edição. Os SVGs recebidos são a fonte preservada dos arquivos publicados.
A identidade utiliza a logo escolhida e enviada pelo responsável. A árvore integra a marca da equipe; a explicação das missões e seus objetivos de aprendizagem deve partir das perguntas científicas, dos instrumentos e das evidências da NASA. A logo não significa participação institucional, validação ou endosso da NASA.
1. O que foi preservado
Os arquivos originais estão guardados integralmente em experiments/mission-design-lab/public/brand/originals/. As versões de uso conservam todas as coordenadas dos caminhos vetoriais, incluindo o desenho das letras. Não há substituição de tipografia por fonte do sistema, redesenho do símbolo, achatamento de proporções, bitmap embutido ou retângulo de fundo.
| Arquivo enviado | Cópia preservada | Tamanho | SHA-256 |
|---|---|---|---|
LOGO_MISASO_IPE.svg | missao-ipe-logo-original.svg | 23.279 bytes | b89bc728ccf8cb1324c9e0459d43cbcd9156b21d23091d5c39542ff7af814d8e |
LOGO_MISSAO.svg | missao-ipe-symbol-original.svg | 17.870 bytes | d9a87607d9a1709818abfa01d488aed2aa6ba29d163471376932999a1982ceab |
O nome LOGO_MISASO_IPE.svg contém a grafia do arquivo recebido; ela é mantida no registro de origem. A marca completa tem 35 caminhos e viewBox="0 0 1064 499". O símbolo tem 25 caminhos e viewBox="0 0 488 414" no original.
O PNG de referência fornecido foi copiado para missao-ipe-logo.png. Ele serve como referência/compatibilidade; os cabeçalhos usam SVG.
2. Arquivos de uso
Origem canônica dos assets: experiments/mission-design-lab/public/brand/. Os quatro SVGs também são copiados para experiments/four-level-campaign/public/brand/, para que o experimento funcione isoladamente. A publicação principal disponibiliza a mesma família em /brand/.
| Asset | Aplicação |
|---|---|
missao-ipe-logo.svg | Marca completa sobre cabeçalhos escuros. Cores originais. |
missao-ipe-logo-on-light.svg | Marca completa sobre páginas claras. |
missao-ipe-symbol.svg | Símbolo isolado para favicon e pequenos identificadores sobre fundo escuro. |
missao-ipe-symbol-on-light.svg | Símbolo isolado sobre fundo claro. |
brand-provenance-r17.json | Hashes, tamanhos, origem, transformação e limites da validação. |
preview-r17.html | Comparação sobre fundos claro/escuro e aplicações a 16, 32 e 64 px. |
A variante clara troca somente os preenchimentos creme #F5F0E5 por azul escuro #173C51. Os outros tons — azul #508AA2, cobre #E29A6F e cobre escuro #BF6C47 — permanecem iguais. Não usar filtro CSS para inverter toda a logo.
O símbolo de uso adota viewBox="0 -37 488 488": são 37 unidades transparentes acima e abaixo. Isso produz um ícone quadrado sem esticar, cortar ou transformar as curvas. A marca completa mantém a proporção 1064:499, aproximadamente 2,132:1.
As versões de uso acrescentam título acessível e agrupamento simples. São SVGs independentes: nenhuma referência externa, fonte, script, imagem ou recurso de rede é necessário para desenhá-los.
3. Aplicação nas superfícies
| Superfície | Fonte que controla a aplicação |
|---|---|
| Laboratório com três missões | experiments/mission-design-lab/src/App.tsx, src/orbit.css e index.html |
| Entrada das missões | experiments/mission-design-lab/src/ui/MissionGateway.tsx |
| Campanha de quatro níveis | experiments/four-level-campaign/src/App.tsx, src/orbit.css e index.html |
| Apresentação da campanha | experiments/four-level-campaign/public/apresentacao/index.html e style.css |
| Pesquisa de cada experimento | Os respectivos scripts/build-research.mjs |
| Portal e estudo de Game Design | web/index.html, web/game-design.html e web/game-design.css |
| Contexto e biblioteca | context/index.template.html, scripts/build-context-hub.mjs e scripts/build-research-library.mjs |
| Páginas documentais da publicação | scripts/build-beta-site.mjs |
Os cabeçalhos dos jogos reservam uma caixa de 145 × 68 px para a marca completa; em telas menores, 128 × 60 px. object-fit: contain preserva a proporção exata do original. O portal claro usa uma caixa maior, 170 × 80 px, e reduz para 136 × 64 px. O SVG permanece transparente em todos esses usos.
Nos elementos HTML, informar width="1064" height="499" e alt="MISSÃO IPÊ". Quando a marca estiver em um link ou botão de retorno, descrever também o destino em aria-label, como “MISSÃO IPÊ, observatório”. A função é voltar à página de origem; não iniciar animação ou esconder a navegação.
Para novos cabeçalhos, reutilizar os arquivos e as dimensões acima. Não remontar a palavra IPÊ usando uma fonte, não substituir o símbolo por um emoji, não aplicar sombra/fundo à imagem e não usar uma ilustração de árvore diferente.
4. O que continua histórico
Os assets projeto-ipe-*, a proveniência R14 e seus originais permanecem preservados. São evidências da identidade anterior e não devem receber conteúdo diferente sob o mesmo nome. Os novos nomes missao-ipe-* também evitam que o cache exiba a marca antiga.
Relatórios anteriores, capturas, recibos de publicação, apresentações exportadas e documentos datados conservam o nome que tinham quando foram produzidos. O cabeçalho atual da biblioteca muda; o conteúdo histórico dentro dela não é reescrito. A demonstração visual Planet Jumping mantém os assets exigidos em sua especificação; a menção ao projeto foi atualizada para MISSÃO IPÊ.
URLs históricas e chaves de armazenamento não são nomes da marca visível. Não renomeá-las automaticamente: isso poderia quebrar links compartilhados e projetos salvos. Migrações de domínio/rotas são decisões de publicação separadas.
5. Handoff para os dois desenvolvedores
Dev de interface: usar a variante adequada ao fundo; manter espaço livre ao redor da logo; verificar o cabeçalho a 375, 768 e 1440 px; confirmar foco visível, nome acessível e ausência de deslocamento ao carregar. A 16 px, o símbolo funciona como identificador: os detalhes internos não se tornam texto legível.
Dev de integração/publicação: publicar os arquivos canônicos de /brand/, incluindo proveniência e originais; manter as cópias SVG da campanha iguais às do laboratório; gerar os wrappers documentais a partir dos scripts; verificar HTTP 200 e o tipo image/svg+xml nas rotas da marca. A publicação não deve depender dos caminhos absolutos da máquina onde os originais foram recebidos.
O arquivo brand-provenance-r17.json registra SHA-256 por asset. Após qualquer alteração intencional, atualizar seu hash e descrever a transformação. Não alterar somente uma das cópias.
6. Verificação e referências
A conferência estrutural compara a sequência completa de atributos d de todos os caminhos de cada versão com o original correspondente. A variante de fundo claro difere somente nos preenchimentos indicados. O documento de proveniência registra o resultado dessa inspeção. A conformidade estrutural não substitui a inspeção visual do site publicado.
A aplicação segue as orientações pertinentes da logo-designer-skill: SVG autossuficiente, viewBox, letras em caminhos, ícone isolado quadrado e conferência em tamanhos pequenos. A arte foi fornecida pelo responsável; não foi necessário gerar uma nova marca ou executar scripts remotos.
As fontes de interface não alteram o desenho da logo. Manter as famílias já adotadas no projeto e seus fallbacks; a mudança de identidade não introduz dependências, novas fontes ou chamadas externas.
Documento público. Ler o Markdown desta edição. Estado e curadoria no manifesto da publicação.