Ir ao conteúdo
MISSÃO IPÊ

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 enviadoCópia preservadaTamanhoSHA-256
LOGO_MISASO_IPE.svgmissao-ipe-logo-original.svg23.279 bytesb89bc728ccf8cb1324c9e0459d43cbcd9156b21d23091d5c39542ff7af814d8e
LOGO_MISSAO.svgmissao-ipe-symbol-original.svg17.870 bytesd9a87607d9a1709818abfa01d488aed2aa6ba29d163471376932999a1982ceab

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/.

AssetAplicação
missao-ipe-logo.svgMarca completa sobre cabeçalhos escuros. Cores originais.
missao-ipe-logo-on-light.svgMarca completa sobre páginas claras.
missao-ipe-symbol.svgSímbolo isolado para favicon e pequenos identificadores sobre fundo escuro.
missao-ipe-symbol-on-light.svgSímbolo isolado sobre fundo claro.
brand-provenance-r17.jsonHashes, tamanhos, origem, transformação e limites da validação.
preview-r17.htmlComparaçã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ícieFonte que controla a aplicação
Laboratório com três missõesexperiments/mission-design-lab/src/App.tsx, src/orbit.css e index.html
Entrada das missõesexperiments/mission-design-lab/src/ui/MissionGateway.tsx
Campanha de quatro níveisexperiments/four-level-campaign/src/App.tsx, src/orbit.css e index.html
Apresentação da campanhaexperiments/four-level-campaign/public/apresentacao/index.html e style.css
Pesquisa de cada experimentoOs respectivos scripts/build-research.mjs
Portal e estudo de Game Designweb/index.html, web/game-design.html e web/game-design.css
Contexto e bibliotecacontext/index.template.html, scripts/build-context-hub.mjs e scripts/build-research-library.mjs
Páginas documentais da publicaçãoscripts/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.