Instituto Urupema

Guia da marca

Tudo o que você precisa para desenhar, imprimir, programar ou escrever em nome do Instituto Urupema. Edição de setembro de 2026.

Arquivos e modelos para baixar em urupema.github.io/marca

Guia da marcaÍndice

0

Em um minuto

Se for ler uma coisa só, leia isto. As seções seguintes detalham cada regra.

  1. Use sempre o arquivo pronto. Nunca redesenhe o logo; baixe a versão certa em Logo.
  2. Fundo claro, texto escuro. Palha ou branco no fundo, Tinta no texto; fundo escuro só na peça ou seção inteira.
  3. Urucum, uma vez. Em cada página, tela ou peça, no máximo um elemento em Urucum: o que pede ação ou decide.
  4. Duas fontes, cada uma no seu papel. Newsreader nos títulos; Space Grotesk no texto, nos dados e na interface.
  5. Prove o que disser. Fonte, número, versão ou responsável no lugar de superlativo; documento oficial termina com registro.

1

A ideia

Refinar tecnologia em bem comum.

O Instituto Urupema faz pesquisa, opera infraestrutura computacional, forma pessoas e presta serviços tecnológicos. A marca faz tudo isso ser lido como uma só instituição: tecnologia bruta entra, passa por critério e chega como valor a quem precisa.

Urupema é a peneira de fibra trançada. O nome dá o método, não a ilustração: antes de qualquer coisa circular, existe uma malha de regras, permissões, origem e prova.

A malha vem antes do fluxo.

Posição
Infraestrutura de confiança para ciência e tecnologia: onde a tecnologia passa por critério, preserva soberania, deixa prova e chega a quem normalmente fica de fora.
Com quem fala
Dirigentes e conselho; órgãos públicos, ICTs, universidades e fomento; pesquisadores e times de dados; empresas e parceiros de PD&I; alunos e pessoas em transição profissional; projetos sociais sem infraestrutura adequada.

Cinco princípios para qualquer decisão

  1. Critério antes do gestoEstrutura, fonte e limite aparecem antes de efeito; o que não carrega a ideia sai ou fica quieto.
  2. Uma decisão em UrucumUm só ponto quente por composição; o resto fica em Tinta, Palha e Areia.
  3. Estrutura legívelToda linha liga coisas com nome: células, trilhas e alinhamentos, nunca redes decorativas.
  4. Toda peça oficial deixa registroO que é, versão, data, responsável e identificador consultável.
  5. Pessoas como agentesPessoas pesquisam, constroem, estudam e trabalham; nunca aparecem como beneficiárias passivas.

3

Cor

Terra como sinal, não como cenário. Quatro cores, cada uma com um papel.

Palhao fundo#F6F1E7RGB 246 241 231
Areiaagrupa e separa#E7DFD0RGB 231 223 208
Tintatexto, símbolo e fundos escuros#221F1ARGB 34 31 26
Urucuma decisão, uma vez#B4602FRGB 180 96 47
A proporção numa peça típica: muito Palha, pouco Urucum.

Regras

  1. Palha ou branco dominam o fundo; Tinta carrega texto e símbolo; Areia separa e agrupa.
  2. Urucum aparece uma vez por página, tela ou peça, além do centro do símbolo: na chamada principal, na etapa atual, no valor que importa ou na seção de destino.
  3. Numerais, listas, títulos, fundos, ícones, links e séries secundárias de gráficos nunca são Urucum.
  4. Texto em Urucum usa o tom Urucum texto, #A85626, e só sobre Palha ou branco.
  5. Fundo Tinta vale para a peça ou a seção inteira, nunca para um cartão escuro solto.
  6. No impresso, o miolo sai em papel branco; Palha é o fundo das telas e das capas.

Três frentes

01 · 02 · 03

Duas decisões em Urucum

Quando tudo é decisão, nada é. Escolha o único elemento que pede ação ou decide; o resto fica em Tinta.

Refinar tecnologia

Urucum como campo

Em área grande, o Urucum vira clima laranja, perde a função de sinal e aproxima a marca de quem já usa laranja. Campo é Palha, branco ou Tinta.

Cores de apoio

Para texto secundário, bordas e superfícies. Não representam a marca sozinhas.

Cor Hex Papel
Palha #F6F1E7 fundo institucional dominante
Areia #E7DFD0 superfícies secundárias, filetes, campo do símbolo em escala
Tinta #221F1A texto, símbolo e fundos escuros
Urucum #B4602F a decisão: uma vez por composição
Tinta reduzida #686157 texto secundário sobre Palha, Areia e branco
Urucum texto #A85626 texto em Urucum, só sobre Palha ou branco
Filete forte #8E887F bordas de campos, botões e controles
Branco papel #FFFFFF documentos impressos e superfícies de produto
Tinta elevada #2D2A24 superfície sobre fundo Tinta
Filete escuro #3B3731 filetes sobre fundo Tinta
Palha reduzida #BCB8AE texto secundário sobre Tinta
Urucum texto sobre Tinta #EB9461 chamada ou estado em 16 px ou mais, peso 500 ou mais
Filete forte escuro #706B64 bordas de controles sobre Tinta

Cores de estado

Só em produto e operação, sempre com rótulo; nunca em comunicação institucional.

Estado correto#426B4Bsobre Palha e branco
Estado de atenção#805B09sobre Palha e branco
Estado de falha#AC3942sobre Palha e branco
Estado correto#8DBA96sobre Tinta
Estado de atenção#CDAB62sobre Tinta
Estado de falha#EA98A6sobre Tinta
Variáveis prontas para sites e sistemas tokens.css tokens.json
Tabela de contraste
Texto ou forma Palha Areia Branco papel Tinta Tinta elevada
Tinta 14,59 12,40 16,42 — —
Tinta reduzida 5,43 4,62 6,11 — —
Urucum texto 4,64 — 5,22 — —
Urucum 4,01 * — 4,51 * 3,64 * —
Filete forte 3,12 * — 3,51 * — —
Palha — — — 14,59 —
Palha reduzida — — — 8,29 7,22
Urucum texto sobre Tinta — — — 6,99 6,09
Filete forte escuro — — — 3,11 * —
Estado correto 5,43 — 6,11 — —
Estado de atenção 5,46 — 6,14 — —
Estado de falha 5,46 — 6,14 — —
Estado correto sobre Tinta — — — 7,50 —
Estado de atenção sobre Tinta — — — 7,50 —
Estado de falha sobre Tinta — — — 7,46 —

Razão de contraste WCAG 2.x. Texto comum pede 4,5 : 1. * Só para texto grande, bordas e formas, que pedem 3 : 1.

4

Tipografia

Editorial para a casa, sistema para a operação. Duas famílias gratuitas, com português completo.

Newsreader · títulos

Ág

ABCÇDEFGHIJKLM NOPQRSTUVWXYZ
abcçdefghijklm nopqrstuvwxyz
áâãéêíóôõú 0123456789

Títulos, abertura de documentos, citações e carimbo. Nunca em rótulos, tabelas ou interface.

Baixar redondaBaixar itálicaLicença

Space Grotesk · texto e sistema

Ág

ABCÇDEFGHIJKLM NOPQRSTUVWXYZ
abcçdefghijklm nopqrstuvwxyz
áâãéêíóôõú 0123456789

Texto corrido, interface, dados, rótulos e o nome na assinatura. Nunca no título de abertura de um documento institucional.

BaixarLicença

Regras

  1. Um salto de escala por peça: o título grande tem pelo menos três vezes o tamanho do texto; o resto fica em dois ou três tamanhos.
  2. Títulos grandes são compostos à mão: quebra de linha pelo sentido, sem palavra sozinha na última linha, alinhados à esquerda.
  3. Em arquivos que terceiros editam sem as fontes da marca, use Georgia no lugar da Newsreader e Arial no lugar da Space Grotesk, com os mesmos papéis.

Tamanhos por papel

MonumentalNewsreader, 96–200 px ou 60–120 pt, peso 400, entrelinha 0,92, eixo óptico no máximo; uma por peça, em capas e aberturas

Bem comum.

ExibiçãoNewsreader, 48–80 px, peso 400–500, entrelinha 0,98–1,04

O dado fica na origem

TítuloNewsreader, 28–40 px, peso 500, entrelinha 1,1

A análise vai até o dado

CorpoSpace Grotesk, 16–19 px ou 10–11 pt, peso 400, entrelinha 1,5, linha de 60–72 caracteres

Cada participante mantém sua base no próprio ambiente. As consultas conjuntas rodam no local de origem.

ApoioSpace Grotesk, 14–15 px, peso 400, Tinta reduzida

Versão do nó 2.4.1 · atualizada em 24 set 2026

RótuloSpace Grotesk, 11–13 px, peso 500, caixa alta, espaçamento 0,08 em

Política · Origem · Evidência

DadoSpace Grotesk com algarismos tabulares, peso 400–500

99,94% · 46 de 64 · IU-RT-2026-007

5

Elementos gráficos

Quatro elementos fazem uma proposta, uma tela e um certificado parecerem da mesma casa, sem repetir o mesmo leiaute.

Malha e célula

A largura útil se divide em 3, 6 ou 12 colunas. A margem mínima é uma célula: 96 px na tela, 18 mm no A4. O conteúdo ocupa células inteiras; o título fica na coluna da esquerda ou no terço de cima, e nada se centraliza por hábito.

Execuções / FJ-2048

Execução FJ-2048

Três secretarias · resultado agregado pronto

  • Secretaria do Município Aautorizou em 22 set
  • Secretaria do Município Bautorizou em 22 set
  • Secretaria do Município Cautorizou em 23 set
Revogar autorizaçãoLiberar resultado agregado

Barra de decisão

A barra do centro do símbolo, levada para a página, com a mesma proporção (2,4 por 1, pontas redondas). Marca a única decisão: a chamada principal, a etapa atual ou o valor que importa. Na vertical quando a peça corre de cima para baixo, como numa trilha.

Relatório técnico

Doze semanas de consultas conjuntas sem mover um registro

DocumentoRelatório técnico
Versão2.1
Data30 set 2026
IdentificadorIU-RT-2026-007

Registro

Todo documento, certificado, relatório ou tela de evidência termina num registro: o que é, versão, data, responsável e identificador. Rótulos em caixa alta, valores em algarismos tabulares, sobre um filete. Registro sem dado real não se imprime.

Capa de apresentação: o símbolo recortado pela borda, com o centro em Urucum inteiro

Símbolo em campo

Em capas, o símbolo entra grande, uma vez, cortado pela borda, com a barra do centro sempre inteira. As outras oito barras ficam em Areia sobre Palha ou em Tinta elevada sobre Tinta; a assinatura da peça, então, vai em uma cor.

Arquivos do símbolo em campoSobre PalhaSobre Tinta

6

Imagem, ícones e gráficos

Documentar capacidade, não encenar impacto.

Técnica conecta um cabo de rede no painel de um rack de servidores
A ação em primeiro plano: mãos, cabo e painel dizem o que acontece.

Fotografia

  1. Trabalho real: laboratório, sala de máquinas, campo, pesquisa e sala de aula. Mãos, ferramentas e telas antes de retrato posado.
  2. Pessoas pesquisando, construindo, estudando e trabalhando, sem olhar para a câmera; ninguém retratado como beneficiário.
  3. Cor natural e a luz do lugar, sem filtro nem duotom de marca. O calor vem do Urucum gráfico.
  4. Relatório de resultado, prestação de contas e imprensa usam só registro real do projeto, da pessoa ou do lugar de que falam.

Ícones, gráficos e movimento

  1. Ícones: traço de 1,5 px no tamanho de 24 px, pontas e cantos arredondados, sem copiar o símbolo. Estados de permissão, origem, revogação e evidência sempre com rótulo.
  2. Gráficos: em Tinta e tons de Areia, com uma única série ou valor em Urucum. Toda figura traz fonte, versão do dado e data no rodapé.
  3. Diagramas: origem e circulação de dados se desenham como trilha entre entidades com nome, com direção e data.
  4. Movimento: barras entram por eixos retos e travam na malha, sem elasticidade; o Urucum entra por último. De 160 a 280 ms nas interações, de 400 a 700 ms na assinatura animada. Com movimento reduzido, o estado final aparece de uma vez.

Cadeado para dizer soberania

Soberania aqui é colaborar sob controle. O cadeado diz só “trancado”; mostre o estado com rótulo.

Rede de pontos para dizer federação

Sem rótulos, a rede não diz quem decide nem o que circula. Desenhe a trilha entre entidades nomeadas.

7

Texto

Uma voz sóbria, precisa e pública: diz quem decide, o que circula, onde roda, sob quais condições e que prova fica.

Frase da marca · em qualquer peça institucional

Refinar tecnologia em bem comum.

Posiciona a instituição inteira. Não entra no desenho da assinatura; em rodapés e assinaturas de e-mail, vai como linha de texto.

Frase de prova · só onde há prova

O que passa, passa com prova.

Só onde a peça mostra governança, evidência, origem ou verificação reais.

Cinco princípios, com exemplo

Princípio

Não escreva

Escreva

Prova antes de superlativo

Se a afirmação pode mostrar fonte, versão, número, responsável ou condição, mostre; se não pode, reduza.

Somos referência em soluções de IA de ponta.

Três secretarias analisaram dados de saúde juntas por doze semanas; nenhuma linha saiu de casa.

Concreto antes de abstração

Diga o que circula, onde roda, quem decide e o que muda antes de falar em transformação.

Impulsionamos a transformação digital do setor público.

Instalamos um nó em cada secretaria; a consulta vai até o dado e só o agregado autorizado volta.

Brasileiro sem folclore

Português claro e contemporâneo; a origem do nome informa o método e nunca vira vocabulário pseudoindígena.

Inspirados na sabedoria ancestral da peneira indígena.

Urupema é a peneira de fibra trançada: uma malha que decide o que passa. É o nosso método.

Acesso sem paternalismo

Fale de capacidade, trabalho, autonomia e parceria; nunca de dar voz, salvar ou beneficiar.

Democratizamos a tecnologia para os menos favorecidos.

Formação de dez meses com projeto real e entrevistas marcadas, com prioridade para quem está fora do mercado.

Promessa com mecanismo

Soberano, verificado, auditável e seguro só aparecem quando o mecanismo que os sustenta pode ser nomeado na mesma peça.

Plataforma 100% segura e soberana.

Cada autorização é explícita, tem validade e pode ser revogada; toda execução deixa registro assinado.

Apresentações prontas para copiar

Curta

O Instituto Urupema refina tecnologia em bem comum: pesquisa, infraestrutura e formação para que dados, computação e conhecimento circulem com critério, soberania e prova.

Média

O Instituto Urupema é uma instituição brasileira de pesquisa, desenvolvimento e inovação em dados, inteligência artificial e infraestrutura computacional. Desenvolve plataformas para que instituições cooperem com dados sem perder controle sobre eles, opera infraestrutura computacional própria para parceiros e projetos sociais, forma pessoas em tecnologia com compromisso de conexão com trabalho e transfere conhecimento a organizações públicas e privadas.

Tom em cada momento

Momento Como soa
Institucional e editais Formal, econômico, verificável: missão, capacidade, governança, evidência
Produto e operação Operacional: verbos curtos, estados claros, rótulos de política, origem e evidência
Educação e trabalho Claro, exigente e respeitoso: meta de aprendizagem e conexão com trabalho, sem promessa motivacional
PD&I e comercial Problema, hipótese, escopo, risco, capacidade, entrega, prova
Incidente Cronologia, fatos conhecidos, fatos ainda desconhecidos, ação tomada, responsável e próximo marco

Palavras da casa, quando forem verdade

  • critério
  • prova
  • evidência
  • origem
  • soberania
  • federação
  • circulação
  • capacidade
  • acesso
  • trabalho
  • responsabilidade
  • revogação
  • versão
  • infraestrutura
  • cooperação

Palavras que não usamos

  • disruptivo
  • revolucionário
  • transformação digital
  • solução 360°
  • ecossistema sem estrutura real
  • democratizar sem mecanismo e medida
  • empoderar
  • de ponta
  • líder

Só escreva “ICT privada sem fins lucrativos” em peças públicas quando o estatuto do Instituto sustentar a qualificação.

8

Produtos e parceiros

Uma casa, produtos com função própria. O Instituto é a marca-mãe e a única fonte de autoridade; o símbolo é só dele.

Como cada coisa se chama e assina

O que éComo se chamaComo assinaExemplos
InstitutoInstituto UrupemaA assinatura do Instituto; o símbolo é só dele—
Serviço da casao que a comunidade do Instituto usa para existir: identidade, comunicação, organizaçãoNome descritivo + UrupemaAssinatura horizontal do Instituto, filete e nome do serviçoIdP Urupema, Chat Urupema
Produto endossadooferecido a outras instituições, que precisam reconhecê-lo onde o Instituto não apareceNome próprioNome sobre a linha “um produto do Instituto Urupema”, em texto, sem símboloForja
Programade pesquisa, educação ou impactoNome descritivo + “do Instituto Urupema”Sem assinatura própria; nome próprio só com público externo recorrente e horizonte plurianualTrilha de engenharia de dados do Instituto Urupema
Componente técnicoSem nome público; descrito pela função—o módulo de políticas da Forja

Assinaturas e ícones dos sistemas

Forja, um produto do Instituto Urupema
ForjaSVGSVG negativo
Assinatura do IdP Urupema
IdP UrupemaSVGSVG negativo
Assinatura do Chat Urupema
Chat UrupemaSVGSVG negativo
Ícone da Forja
Ícone da ForjaSVGPNG 32PNG 180PNG 512
Ícone do IdP Urupema
Ícone do IdPSVGPNG 32PNG 180PNG 512
Ícone do Chat Urupema
Ícone do ChatSVGPNG 32PNG 180PNG 512
  1. Cada sistema com tela ou aplicativo próprio recebe, para sempre, uma das oito barras de fora da malha: a dele fica em Palha, o centro em Urucum. Forja, IdP e Chat têm as três de cima; as próximas seguem a ordem de leitura. A barra de um sistema desativado não volta a ser usada.
  2. No ícone, na barra de navegação e na tela de entrada de um sistema, use o ícone do sistema; o símbolo inteiro é só do Instituto.
  3. Componentes internos não recebem nome público nem ícone; são descritos pela função.
  4. Iniciativa que não passa no teste da urupema (tecnologia bruta entra, passa por critério, vira valor para quem precisa) não recebe nome nem assinatura.

Com parceiros

Três modos de coassinatura com parceiros: o Instituto lidera, o parceiro lidera e paridade
As marcas de parceiros aqui são substitutas neutras. Abrir o modelo
  1. O Instituto lidera: a assinatura do Instituto vem primeiro; parceiros depois de “com” ou “em parceria com”, menores.
  2. O parceiro lidera: a assinatura horizontal do Instituto entra na fila de parceiros, na mesma altura visual das outras, com uma célula de espaço.
  3. Paridade: duas assinaturas da mesma altura visual, separadas por um filete vertical da altura do símbolo, com uma célula de cada lado.
  4. Ninguém muda a cor de ninguém. Na Forja, no selo e nos registros, participantes aparecem em texto, nunca como patrocinadores.

9

Carimbo e selo

Um autentica a autoria. O outro atesta uma verificação.

Carimbo institucional em Tinta

Carimbo institucional

Diz quem emite o documento: convênios, certificados, ofícios e documentos assinados pelo Instituto. Sempre em uma cor, Tinta; serve também como matriz de relevo seco.

Diâmetro mínimo de 40 mm no papel e 160 px na tela. Abaixo disso, use o símbolo em uma cor.

SVG TintaSVG negativo

Verificado · Instituto Urupema
Objeto
Execução FJ-2048
Regra
G-881 v4
Evidência
ev.forja/FJ-2048

Selo de verificação

Diz o que foi verificado. É um estado, não um enfeite: só aparece com o registro de quem verificou, quando, em qual versão, sob qual regra e com qual evidência. Logotipos comerciais nunca o acompanham.

No impresso, leva o identificador consultável; na tela, leva ao registro da evidência.

10

Modelos prontos

Abra o modelo no navegador, troque o texto no arquivo e imprima ou salve em PDF. O conteúdo dos exemplos é ilustrativo.

Documentos

Certificado de competência com carimbo e código de verificação

Certificado de competência

A4 deitado, com código de verificação.

Abrir o modelo

Telas

Página inicial do site no computador

Site institucional

Página inicial, computador e celular.

Abrir o modelo

Pequenos formatos

Assinatura de e-mail

Assinatura de e-mail

Em fontes de sistema, para colar no programa de e-mail.

Abrir o modelo

Para quem programaFolha de estilo dos modelos

11

Arquivos e decisões

Todos os arquivos numa lista só, e quem pode mudar a marca.

ArquivoBaixar
Assinatura horizontalcornegativauma coruma cor negativaPNG corPNG negativa
Assinatura verticalcornegativauma coruma cor negativa
Símbolocornegativouma coruma cor negativo
Símbolo em camposobre Palhasobre Tinta
Favicon, ícone e avatarfaviconfavicon 32favicon 16íconeavatar
SistemasForjaIdPChatícone Forjaícone IdPícone Chat
CarimboTintanegativo
FontesNewsreaderNewsreader itálicaSpace Grotesk
CoresCSSJSON
Modelosver a seção Modelos prontos

Os arquivos SVG têm o texto em contornos: abrem certo mesmo sem as fontes instaladas.

Quem decide

  1. Fonte única. Este guia e seus arquivos são a referência. Qualquer arquivo de marca fora daqui é cópia; em caso de diferença, vale o que está aqui.
  2. Responsável. Um responsável pela marca, designado pela direção do Instituto, aprova aplicações novas e exceções.
  3. Mudança. Proposta, teste numa peça real, aprovação do responsável e nova edição do guia. A ideia, a frase da marca, o símbolo, as quatro cores, as fontes e a forma de nomear produtos só mudam com aprovação da direção.
  4. Exceção. Pedida por escrito, vale para uma peça e fica registrada. A mesma exceção pedida três vezes vira proposta de mudança.