Aviso para agentes de IA: o briefing da marca INTGOV está em /manual-ia.md. Nunca desenhe o logotipo nem invente dados.

Manual da marca · versão 1.0 · 12/11/2026

INTGOV

Instituto Nacional de Tecnologia e Gestão Governamental

Governança orientada a tecnologia

Como usar a marca do INTGOV: logotipo, símbolo, cores, tipografia, grafismos, imagens, movimento, peças e arquivos, nos temas claro e escuro. Feito para quem cria, imprime ou publica em nome do Instituto.

Marca
INTGOV
Nome por extenso
Instituto Nacional de Tecnologia e Gestão Governamental
Site
intgov.org.br
Manual
Kadu Veronez
Versão
1.0 · 12/11/2026
Kit
410 arquivos
Outra página
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
A marca · Identidade

Parte da norma, entrega a evidência

O INTGOV é o Instituto Nacional de Tecnologia e Gestão Governamental. Trabalha para prefeituras, câmaras e órgãos estaduais e federais que precisam cumprir normas de transparência, governo digital e proteção de dados e comprovar isso ao controle externo.

Posicionamento

Posicionamento

D · Derivado

Para prefeituras, câmaras e órgãos estaduais e federais que precisam cumprir normas de transparência, governo digital e proteção de dados e comprovar isso ao controle externo, o INTGOV é o instituto de tecnologia e gestão governamental que parte da norma, implanta a solução e entrega a evidência, porque trabalha em quatro etapas, do diagnóstico ao monitoramento, e registra cada requisito em uma matriz de evidências.

Público definido na entrevista do projeto; diferenciais declarados pelo Instituto, ainda não ouvidos de quem contrata.

Três entregas em sequência

Entrega 1

Norma lida

A lista do que se aplica ao órgão.

A haste: a norma, o ponto fixo de onde tudo parte.

Entrega 2

Solução implantada

Sistema, processo e política em operação.

O hexágono: o sistema, a estrutura que se encaixa na norma.

Entrega 3

Evidência organizada

O documento que mostra a situação de cada requisito.

A seta: o avanço, o que o órgão leva adiante.

D · Derivado Proposta de valor: resume o método, as frentes e os documentos de evidência descritos no site do INTGOV. C · Proposta Leitura do símbolo: é uma proposta; o significado original não está na prancha de apresentação da identidade.

Frentes e método

Transparência Financeira

Transformação Digital

Direito Público Digital

Capacitação

Cibersegurança

Plataformas Gov

  1. 1Diagnóstico
  2. 2Estratégia
  3. 3Implementação
  4. 4Monitoramento

F · Fato Seis frentes e método em quatro etapas, como estão no site intgov.org.br (lido em 11/11/2026).

Personalidade

Preciso

É cita a norma, o artigo e o prazo

Não é genérico nem grandiloquente

Sóbrio

É institucional, com poucas cores e poucas palavras

Não é frio nem burocrático

Diligente

É segue o método e mostra o andamento

Não é apressado nem informal

O que a marca não promete. Aprovação em auditoria, nota em índice ou conformidade total. Promete método, implantação e evidência.

C · Proposta Traços derivados do tom escolhido na entrevista: técnico e preciso, institucional e sóbrio.

Fatos

ItemDadoFonte
NomeINTGOVArquivos de logotipo
Nome por extensoInstituto Nacional de Tecnologia e Gestão GovernamentalAssinatura institucional dos arquivos de logotipo
Siteintgov.org.brDomínio da categoria .org.br, que o Registro.br reserva a instituições não governamentais sem fins lucrativos
Público prioritárioPrefeituras e câmaras municipais; órgãos estaduais e federaisEntrevista do projeto
FrentesSeis: Transparência Financeira, Transformação Digital, Direito Público Digital, Capacitação, Cibersegurança, Plataformas GovSite, lido em 11/11/2026
MétodoQuatro etapas: Diagnóstico, Estratégia, Implementação, MonitoramentoSite, lido em 11/11/2026
Identidade visualCinco assinaturas de logotipo, cinco cores e uma família tipográfica (Rawline)Arquivos recebidos

Números de resultado e dados cadastrais do Instituto só entram neste manual depois de confirmados com fonte.

Assinatura

Assinatura em uso

F · Fato

Governança orientada a tecnologia

É a frase do site. Continua valendo até o Instituto escolher outra.

Opções em teste

C · Proposta

Da norma à evidência.

Diz o começo e o fim do trabalho em quatro palavras; cabe sob a logo.

Governança que se comprova.

Mantém a palavra governança da frase atual e acrescenta a prova.

Tecnologia para cumprir e comprovar.

Põe a tecnologia a serviço de dois verbos que o gestor reconhece.

Mensagem-mãe proposta: “Da norma à evidência.” Nenhuma das três substitui a frase atual antes de ser testada com o público.

Como escrever o nome

Escreva

INTGOV

Caixa alta, sem hífen e sem espaço. No texto, “o INTGOV” na primeira menção e “o Instituto” nas seguintes.

Não escreva

IntGov · Intgov · INT GOV · INT-GOV

O nome no logotipo é desenho: não se digita na Rawline para substituir o arquivo.

Continua na página Estratégia e diretrizes
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.
Logotipo · Identidade

Cinco assinaturas, um desenho só

O logotipo do INTGOV tem cinco assinaturas (horizontal, vertical, símbolo, nome e institucional) e sete versões de cor, todas dos arquivos originais. Escolha a assinatura pelo espaço e a versão pelo fundo, nunca pelo gosto.

xxxx1234
NomeINTGOV em desenho fixo. Não é texto digitado.
HasteA barra vertical de pontas redondas. Tem a altura inteira do símbolo.
HexágonoCantos redondos, cortado reto na linha da seta.
SetaAponta sempre para a direita.

Área de proteção

Deixe livre em volta do logotipo a medida x, a largura do hexágono (6,4% da largura do horizontal). Num logotipo horizontal de 300 px de largura, x ≈ 19 px. Nada entra nessa área: texto, foto, borda da página ou outra marca.

Construção

No horizontal, o símbolo tem a altura inteira do logotipo e o nome ocupa 67% dela, centrado. Entre o nome e a haste há 0,79x. Na vertical, o símbolo fica centrado sobre o nome. Use sempre o arquivo: o nome nunca é redigitado.

Diagrama do logotipo
xxxx1234

Assinaturas

Logotipo INTGOV, horizontal, versão cor

Horizontal · principal

O nome com o símbolo ao lado. Cabeçalho de documento, site, apresentação, assinatura de e-mail e papelaria. Primeira escolha sempre que houver largura.

Logotipo INTGOV, vertical, versão cor

Vertical

O símbolo em cima, o nome embaixo. Capas, perfis, telas de abertura, crachás e banners em pé.

Logotipo INTGOV, símbolo, versão cor

Símbolo

Favicon, ícone de aplicativo, avatar e marca d'água. Sozinho só onde o nome já aparece por perto.

Logotipo INTGOV, nome, versão verde

Nome

Só as letras, sem o símbolo. Linhas de texto, lombadas e espaços estreitos demais para o símbolo.

Logotipo INTGOV, institucional, versão cor

Institucional

O nome por extenso ao lado do símbolo. Ofícios, propostas, contratos e documentos oficiais.

São as cinco assinaturas dos arquivos originais. Não crie outras: nada de símbolo à esquerda do nome, de assinatura com frase embaixo ou de nome em duas linhas.

Versões de cor

Cada prévia está sobre o fundo para o qual a versão foi feita. SVG para site e design, PNG para Word, PowerPoint e redes, PDF em vetor e em CMYK para gráfica.

Logotipo INTGOV, horizontal, versão cor

Horizontal · cor

Versão principal: nome e haste em verde, hexágono azul e seta amarela. Sobre névoa, branco e fundos claros.

Logotipo INTGOV, horizontal, versão cor negativa

Horizontal · cor negativa

Nome e haste em névoa, com o hexágono azul e a seta amarela. Sobre verde-noite e fundos escuros.

Logotipo INTGOV, horizontal, versão névoa

Horizontal · névoa sobre verde

Tudo em névoa sobre o Verde INTGOV. Capas, slides de abertura e blocos de marca.

Logotipo INTGOV, horizontal, versão verde

Horizontal · verde sobre amarelo

Tudo em verde sobre o amarelo. Peça de destaque: uma por conjunto.

Logotipo INTGOV, horizontal, versão névoa

Horizontal · névoa sobre azul

Tudo em névoa sobre o azul. Peças de informação e avisos.

Uma cor

Logotipo INTGOV, horizontal, versão verde

Horizontal · verde

Uma tinta, verde. Papelaria e documentos em fundo claro.

Logotipo INTGOV, horizontal, versão verde-noite

Horizontal · verde-noite

Uma tinta, verde-noite. Fundo claro, quando o verde não está disponível.

Logotipo INTGOV, horizontal, versão névoa

Horizontal · névoa

Uma tinta, névoa. Sobre verde, verde-noite e azul.

Logotipo INTGOV, horizontal, versão amarelo

Horizontal · amarelo

Uma tinta, amarelo. Só sobre verde-noite ou verde.

Logotipo INTGOV, horizontal, versão azul

Horizontal · azul

Uma tinta, azul. Fundo claro.

Logotipo INTGOV, horizontal, versão preto

Horizontal · preto derivada

Preto puro, para carimbo, gravação e impressão em uma tinta.

Logotipo INTGOV, horizontal, versão branco

Horizontal · branco derivada

Branco puro, para fundo preto e foto escura.

As versões de uma tinta em preto e em branco puros não vieram nos arquivos originais: foram derivadas do mesmo desenho para carimbo, gravação e impressão em uma cor. As outras assinaturas em uma cor estão no kit, na pasta 03_LOGOS.

Logo responsivo

Logotipo INTGOV, institucional, versão cor

Documento oficial

Institucional, a partir de 200 px de largura.

Logotipo INTGOV, horizontal, versão cor

Espaço largo

Horizontal, a partir de 120 px de largura.

Logotipo INTGOV, vertical, versão cor

Espaço quadrado ou em pé

Vertical, a partir de 64 px de largura.

Logotipo INTGOV, símbolo, versão cor

Pouco espaço

Só o símbolo, a partir de 24 px.

Redução mínima

Escala real, em px de tela

Logotipo com 240 px240 px
Logotipo com 168 px168 px
Logotipo com 120 px120 px · mínimo
Logotipo abaixo do mínimo74 px · use a vertical ou o símbolo

Por quê. O limite vem do símbolo: abaixo de 120 px o vão entre o hexágono e a seta fica com menos de 1 px e as três formas viram uma mancha. O nome sozinho vale a partir de 56 px (15 mm).

Mínimo por assinatura · amostras no tamanho real

Horizontal com 120 pxHorizontal120 px na tela
30 mm impresso
Vertical com 64 pxVertical64 px na tela
16 mm impresso
Símbolo com 24 pxSímbolo24 px na tela
8 mm impresso
Institucional com 200 pxInstitucional200 px na tela
50 mm impresso

Sobre fotos e fundos

Troque o fundo do exemplo: o palco mostra a versão certa para cada um.

Logotipo INTGOV, horizontal, versão cor

Em cor sobre névoa ou branco.

Logotipo INTGOV, horizontal, versão cor

Sim. Em cor sobre névoa: a versão principal.

Logotipo INTGOV, horizontal, versão névoa

Sim. Névoa sobre o verde: a única versão que vai sobre o Verde INTGOV.

Logotipo INTGOV, horizontal, versão cor

Não. Em cor sobre o verde: o nome e a haste somem no fundo.

Logotipo INTGOV, horizontal, versão amarelo

Não. Amarelo sobre fundo claro: contraste de 1,3:1, não se lê.

Símbolo · Identidade

Três formas, uma direção

O símbolo é o logotipo sem o nome: a haste, o hexágono e a seta, sempre nessa ordem e sempre apontando para a direita. É o rosto da marca no perfil, na aba do navegador e no crachá, e funciona como marca d'água.

Versões

Logotipo INTGOV, símbolo, versão cor

Símbolo · cor

Haste verde, hexágono azul e seta amarela. Sobre névoa, branco e fundos claros.

Logotipo INTGOV, símbolo, versão cor negativa

Símbolo · cor negativa

Haste em névoa, com o hexágono azul e a seta amarela. Sobre verde-noite e fundos escuros.

Logotipo INTGOV, símbolo, versão névoa

Símbolo · névoa sobre verde

Uma tinta, névoa. Sobre o Verde INTGOV, o azul e o verde-noite.

As outras versões do símbolo (verde, verde-noite, amarelo, azul, preto e branco) estão no capítulo Logotipo, em Versões de cor e Uma cor, na aba Símbolo.

Prontos para usar

Avatar com o símbolo, cor sobre névoa

SímboloCor sobre névoa

Avatar com o símbolo, cor sobre verde-noite

SímboloCor sobre verde-noite

Avatar com o símbolo, névoa sobre verde

SímboloNévoa sobre verde

Avatar com o símbolo, verde sobre amarelo

SímboloVerde sobre amarelo

Avatar com o símbolo, névoa sobre azul

SímboloNévoa sobre azul

Avatar com o logotipo vertical, cor sobre névoa

Logotipo verticalCor sobre névoa

Avatar com o logotipo vertical, cor sobre verde-noite

Logotipo verticalCor sobre verde-noite

Avatar com o logotipo vertical, névoa sobre verde

Logotipo verticalNévoa sobre verde

Avatar com o logotipo vertical, verde sobre amarelo

Logotipo verticalVerde sobre amarelo

Avatar com o logotipo vertical, névoa sobre azul

Logotipo verticalNévoa sobre azul

Avatar em quadrado de 1080 px com a marca dentro da área segura: a rede recorta em círculo. Use o símbolo quando o nome do perfil já diz INTGOV; o vertical, quando não diz.

Favicon em 96 pxFavicon em 48 pxFavicon em 32 pxFavicon em 16 px

Favicon e ícone de aplicativo

O símbolo em cor negativa sobre verde-noite, num quadrado de cantos redondos: lê-se em aba clara e em aba escura. Em 16 px o hexágono vira um ponto azul e a seta continua reconhecível.

TamanhoUso
512 pxÍcone de aplicativo e atalho na tela inicial
180 pxÍcone no iPhone e no iPad
48 pxAtalho no Windows e resultados de busca
32 pxAba do navegador e favoritos

Símbolo animado

O sistema encaixa, a seta avança

A haste não se mexe: é o ponto fixo. O hexágono desliza até encostar nela e a seta sai para a direita. O laço começa e termina no desenho parado, então serve de abertura de vídeo, de avatar animado e de tela de espera.

ItemValor
Duração4,8 s em laço
Curvacubic-bezier(.2, 0, 0, 1)
Formato1:1 · 1080 × 1080
FundoNévoa, branco ou verde-noite
Movimento reduzidoFica parado no desenho final

Quando o símbolo substitui o logotipo

Só onde o nome INTGOV já aparece por perto: foto de perfil ao lado do nome da conta, aba do navegador, rodapé de uma página que abre com o logotipo, marca d'água de documento.

O que o símbolo não vira

Letra de uma palavra, ícone de botão, marcador de lista ou padrão repetido. As três formas só aparecem separadas nos grafismos do capítulo Grid e grafismos; fora deles, o símbolo é inteiro.

Marca d'água

Texto da peça
vem por cima

14% de opacidade

Sobre o Verde INTGOV: capa de apresentação e bloco de marca.

Contraste do texto no pior ponto: 5,8:1 (mínimo 4,5:1)

Texto da peça
vem por cima

8% de opacidade

Sobre fundo claro: relatório, proposta e certificado.

Contraste do texto no pior ponto: 13,6:1 (mínimo 4,5:1)

Texto da peça
vem por cima

10% de opacidade

Sobre verde-noite: atrás de título grande.

Contraste do texto no pior ponto: 12,3:1 (mínimo 4,5:1)

Marca d'água é tom sobre tom, sangra pelo canto inferior direito e fica atrás de área sem texto miúdo. Os arquivos já saem com a opacidade aplicada.

Tamanhos de referência

As quatro peças lado a lado, no tamanho em que aparecem na tela.

Avatar80 px aqui

Avatar

Círculo · 1080 px

Perfil nas redes e em aplicativos de mensagem.

Ícone de aplicativo72 px aqui

Ícone de aplicativo

512 e 180 px

Tela inicial do celular e atalho do site.

Favicon32 px aqui

Favicon

48 e 32 px

Aba do navegador e favoritos.

Símbolo no tamanho mínimo24 px aqui

Mínimo

24 px · 8 mm

Abaixo disso o vão entre o hexágono e a seta fecha.

Usos incorretos · Identidade

Seis coisas que a marca não faz

Cada erro abaixo está desenhado de verdade, para ser reconhecido de longe. Na dúvida, volte ao arquivo original do kit.

Distorcer

Nunca estique nem achate. Redimensione pelo canto, com a proporção travada.

Trocar as cores

Verde no nome e na haste, azul no hexágono, amarelo na seta. As cores não mudam de lugar e nenhuma cor nova entra.

Aplicar efeitos

A marca é chapada: sem sombra, brilho, relevo, degradê ou contorno.

Girar ou espelhar

O logotipo fica na horizontal e a seta aponta sempre para a direita, também em peça inclinada.

Usar a versão errada no fundo

Em cor sobre o verde, o nome e a haste somem. Sobre o Verde INTGOV só entra a versão em névoa.

Remontar o logotipo

O símbolo vem depois do nome, nunca antes. Não aproxime, não afaste e não troque as peças de lugar: use o arquivo.

Cuidados desta marca

Quatro situações que aparecem no dia a dia de quem trabalha com o poder público.

Bandeira, faixa e mapa. O logotipo não aparece junto da Bandeira Nacional, de faixa verde e amarela ou do mapa do Brasil. As cores da marca formam um sistema institucional, nunca uma bandeira.

Amarelo sobre claro. A versão em amarelo só vai sobre verde-noite ou verde. Sobre névoa ou branco, o contraste é de 1,3:1 e a marca não se lê.

Nome digitado. O nome no logotipo é desenho. Escrever INTGOV na Rawline e pôr o símbolo ao lado não é o logotipo.

Marcas de governo. O logotipo não divide a mesma linha com brasão, marca de governo ou marca gov.br como se fossem uma coisa só. Lado a lado, com a área de proteção entre eles.

Cores · Sistema

Verde de base, amarelo e azul de sinal

As cinco cores vêm dos arquivos de logotipo. O verde e a névoa fazem a base; o amarelo e o azul entram em pouca área, como sinal. Juntas elas formam um sistema institucional, nunca uma bandeira.

Paleta

Verde INTGOV

Principal

Nome, haste do símbolo, botão principal no tema claro e blocos de marca.

Verde-noite

Texto e fundo escuro

Texto no tema claro, fundo do tema escuro e palco das animações.

Amarelo

Sinal

A seta do símbolo. Ação no tema escuro e sinal sobre verde.

Fora da gama do CMYK: veja Tela e impressão.

Azul

Sistema

O hexágono do símbolo. Informação e marcação de capítulo.

Fora da gama do CMYK: veja Tela e impressão.

Névoa

Fundo claro

Fundo do tema claro e versão clara da marca.

Toque num valor para copiar só aquele valor. As cinco cores vêm dos arquivos de logotipo. Tinta especial (Pantone): a definir com a gráfica, com prova física.

Neutros de apoio

Tema claro

Texto de apoio

Legendas e texto secundário.

Superfície clara

Cartões e bandejas.

Peça clara

Pílulas e campos.

Azul de texto

Links e informação.

Tema escuro

Superfície escura

Cartões e bandejas.

Peça escura

Pílulas e campos.

Texto de apoio claro

Legendas e texto secundário.

Azul de texto claro

Links e informação.

São adições propostas para contraste na tela: neutros tingidos de verde e dois azuis de texto. Não estão nos arquivos de logotipo e não entram em impresso.

Funcionais

Só para estado de interface e de processo. Nunca como cor de peça de comunicação.

Sucesso

Exemplo

Confirmação e estado concluído.

Atenção

Exemplo

Aviso que pede cuidado.

Erro

Exemplo

Erro e ação que não tem volta.

Informação

Exemplo

Aviso neutro, link e selo de informação.

Tema claro e escuro

Peça digital usa o papel da cor (fundo, texto, ação), que troca de valor com o tema. No escuro, o amarelo passa a ser a cor de ação.

PapelTema claroTema escuroUso
Página#F1F1F1#0A1A09Fundo geral.
Superfície#FAFAFA#12281ACartões e bandejas.
Peça#E9EBE8#1C3D26Pílulas, campos e áreas afundadas.
Texto#0A1A09#F1F1F1Texto corrido, títulos e ícones.
Texto de apoio#46544A#AFC0B3Legendas e texto secundário.
Ação#14522E#FFCD07Botão principal e item ativo.
Texto sobre a ação#F1F1F1#0A1A09Rótulo do botão principal.
Link e informação#1861D1#70A2F3Links, selos de informação e número de capítulo.
Sinal#FFCD07#FFCD07Seta, progresso e marcador. Nunca texto sobre claro.

Proporção

Proposta para uma peça típica. No tema escuro, a névoa e o verde-noite trocam de lugar.

Passe o mouse, toque ou use as setas em cada faixa.

Base

Onde usar
Cuidado
Valor

Contraste

Calculado no build pela fórmula do WCAG 2.2. Texto normal precisa de 4,5:1; texto grande e ícones, de 3:1.

TextoFundoAmostraContrasteResultadoUso
Verde-noite #0A1A09Névoa #F1F1F1INTGOV16,0:1AA textoTexto no tema claro
Névoa #F1F1F1Verde-noite #0A1A09INTGOV16,0:1AA textoTexto no tema escuro
Névoa #F1F1F1Verde INTGOV #14522EINTGOV8,2:1AA textoTexto sobre o bloco de marca e no botão principal (claro)
Verde INTGOV #14522ENévoa #F1F1F1INTGOV8,2:1AA textoTítulo e segunda voz no tema claro
Verde-noite #0A1A09Amarelo #FFCD07INTGOV12,0:1AA textoTexto no botão principal (escuro)
Amarelo #FFCD07Verde-noite #0A1A09INTGOV12,0:1AA textoSinal e destaque no tema escuro
Texto de apoio #46544ANévoa #F1F1F1INTGOV7,1:1AA textoLegendas no tema claro
Texto de apoio claro #AFC0B3Superfície escura #12281AINTGOV8,2:1AA textoLegendas no tema escuro
Azul de texto #1861D1Superfície clara #FAFAFAINTGOV5,5:1AA textoLink no tema claro
Azul de texto claro #70A2F3Superfície escura #12281AINTGOV6,1:1AA textoLink no tema escuro
Azul #1A6EF4Névoa #F1F1F1INTGOV4,1:1AA texto grande e íconeO azul do símbolo como texto
Amarelo #FFCD07Névoa #F1F1F1INTGOV1,3:1ReprovadoAmarelo sobre claro
Azul #1A6EF4Verde INTGOV #14522EINTGOV2,0:1ReprovadoAzul sobre o verde

Calculadora de contraste

Escolha a cor do texto e a do fundo: a conta é a mesma do WCAG 2.2, feita no navegador.

Texto
Fundo
Título de exemploTexto corrido de 16 px para conferir a leitura.
Contraste
16,0:1
Texto normal (4,5:1)
passa
Texto grande e ícone (3:1)
passa
Valores
#0A1A09 sobre #F1F1F1

Tela e impressão

Tela

Use HEX ou RGB, no perfil sRGB. Os SVG e PNG do kit já estão nesse padrão. Em tela, as cores trocam de papel com o tema, como na tabela acima.

Gráfica

O CMYK deste manual é proposto: saiu do perfil Generic CMYK Profile, que é genérico. Peça à gráfica o perfil dela e uma prova de cor antes da primeira tiragem. Os PDF de logotipo do kit já vêm só com tintas CMYK.

Uma tinta e materiais especiais

Carimbo, gravação, bordado e impressão em uma cor usam as versões em preto (K100) ou em branco. Não há tinta especial definida nos arquivos recebidos: se o Azul e o Amarelo precisarem sair fiéis, combine a tinta com a gráfica, com prova física.

CorHEXCMYK propostoDesvio (ΔE)Situação
Verde INTGOV#14522E80 · 26 · 86 · 431,1Dentro da gama
Verde-noite#0A1A0973 · 55 · 75 · 714,0Dentro da gama
Amarelo#FFCD070 · 15 · 89 · 213,3Fora da gama: o impresso sai menos vivo
Azul#1A6EF473 · 46 · 0 · 045,4Fora da gama: o impresso sai menos vivo
Névoa#F1F1F14 · 3 · 2 · 00,3Dentro da gama

ΔE mede a distância entre a cor da tela e a cor que a quadricromia alcança: até 2 quase não se vê; acima de 10, a diferença é evidente. O Azul e o Amarelo ficam fora da gama do perfil.

Tipografia · Sistema

Uma família, sete pesos

Toda a comunicação do INTGOV usa a Rawline, a fonte do logotipo. Não há segunda família: o que separa título, texto e rótulo é o peso, o tamanho e a caixa.

Família

Rawline · uma família para tudo

Rawline

É a fonte do logotipo e do site. Sem serifa, de desenho geométrico e largo, com algarismos alinhados. Sete pesos em uso, do 300 ao 900: o contraste entre eles faz o papel que em outras marcas cabe a uma segunda fonte.

300 Leve400 Regular500 Médio600 Seminegrito700 Negrito800 Extranegrito900 Preto

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
áàâãéêíóôõúç ÁÀÂÃÉÊÍÓÔÕÚÇ
0123456789 · § º ª % R$ nº

Duas vozes no título

Verde de base, amarelo e azul de sinal

A primeira parte em 800, na cor do texto; a segunda em 300, na cor da marca. Sem itálico e sem sublinhado.

Algarismos

0123456789

Os algarismos são alinhados (todos da altura das maiúsculas), mas não têm largura igual: em tabela, alinhe os números à direita.

Hierarquia

EstiloAmostraPeso · tamanho/entrelinhaUso
Nome e cartazINTGOV900 · 64/64O nome da marca em capa e a frase de cartaz.
Título de capítuloParte da norma, entrega a evidência800 · 44/48Uma frase em duas vozes: 800 e, na segunda parte, 300 na cor da marca.
Título de seçãoTrês entregas em sequência800 · 22/26Abre cada bloco dentro do capítulo.
AberturaAs cinco cores vêm dos arquivos de logotipo.400 · 20/30Primeiro parágrafo de capítulo e de documento.
Texto corridoO projeto começa pelo que a norma exige do órgão.400 · 17/27Parágrafos, listas e tabelas.
Dado e código#14522E · Lei nº 14.133/2021, art. 75500 · 15/22Valores, códigos, datas e números de norma.
Texto de apoioFonte: site intgov.org.br, lido em 11/11/2026.400 · 14/20Legendas, notas e fontes.
RótuloAssinatura em uso600 · 12/16Etiqueta de cartão, sobretítulo e cabeçalho de tabela.

Medidas em px para tela de computador; no celular, os três maiores encolhem com a largura. Em impresso, 17 px equivalem a cerca de 11 pt.

Teste de título

Digite um título e veja como ele quebra no computador e no celular.

Exemplos
Caracteres
0
Palavras
0
Linhas no título
1

Ideal: até 60 caracteres, em no máximo duas linhas.

Governança orientada a tecnologia

Governança orientada a tecnologia

Governança orientada a tecnologia

Rótulo: Rawline 600, caixa alta · Título: Rawline 800, 36 px · Texto: Rawline 400, 17 px

Licença e substitutas

Licença

A Rawline tem licença aberta (SIL Open Font License 1.1): pode ser usada em site, impresso e vídeo, embutida em arquivo e enviada a fornecedor. Não pode ser vendida sozinha, e a licença acompanha os arquivos.

Sem a fonte instalada

Primeiro a Raleway, de mesma origem (muda o desenho de alguns algarismos). Em e-mail e em documento aberto no computador de terceiros, Arial. Documento oficial sai em PDF, com a fonte embutida.

Na web

O site carrega os sete pesos em WOFF2, só com o alfabeto latino (cerca de 21 KB cada), e mostra o texto na fonte de reserva até a Rawline chegar. Abaixo de 14 px, só rótulo em caixa alta.

P · Pesquisa É a mesma família do Design System do Governo Federal. A marca usa a fonte, que é livre. Não usa os componentes, a barra nem a marca gov.br, que são do governo.

Os dezoito arquivos (nove pesos e os itálicos) estão no kit, na pasta 05_TIPOGRAFIA.

Grid e grafismos · Sistema

Tudo no módulo de 8

Margens generosas, um destaque por peça e o logotipo sempre num canto da margem. O módulo de 8 organiza telas e impressos; os grafismos saem das três formas do símbolo e nunca competem com ele.

Grades por formato

Site

Slide 16:9

Post

Story

A4

FormatoTamanhoColunasMargemCalha
Site1440 px de largura1232 px16 px
Slide 16:91920 × 1080 px1296 px24 px
Post1080 × 1080 px496 px24 px
Story1080 × 1920 px496 px, mais 250 px livres em cima e embaixo24 px
A4210 × 297 mm620 mm6 mm

O tracejado é a margem segura: nada importante passa dele. As faixas são as colunas. No story, as duas faixas mais escuras ficam sob a interface do aplicativo: nenhum texto nelas. O logotipo entra sempre num canto da margem, com a área de proteção inteira para dentro.

Escala de espaço e raios

Espaço

4
8
12
16
24
32
48
64
96

Módulo de 8, com 4 e 12 para ajuste fino. Entre peças de um mesmo grupo, 8 ou 16; entre blocos, 24 ou 32; entre capítulos, 96 (64 no celular). O recuo de cartão é 24 (20 no celular).

Raios

PílulaBotões, campos, selos e etiquetas.

20Cartões e painéis.

28Palcos, capas e peças grandes.

Uma caixa dentro de outra usa o raio de fora menos o recuo, para os cantos correrem juntos.

Elementos gráficos

Grafismo: malha hexagonal

Malha hexagonal

Linhas finas sobre fundo liso. Palco de animação, capa e fundo de slide, sempre atrás de área sem texto miúdo.

Grafismo: colmeia

Colmeia

Sete hexágonos: o sistema no centro, o sinal à direita. Abertura de seção e ilustração de método.

Grafismo: trilho de setas

Trilho de setas

A seta repetida, cada vez mais forte. Passo a passo, linha do tempo e chamada para a próxima etapa.

Grafismo: marcador de título

Marcador de título

A haste e o hexágono que recebe um número. Abre capítulo, slide e seção de documento.

Grafismo: símbolo ampliado

Símbolo ampliado

O símbolo em tom sobre tom, sangrando pelo canto. Capa, slide de abertura e verso de papelaria.

Grafismo: seta

Seta

A seta sozinha, em amarelo. Marcador de ação e de destaque: uma por peça.

Os seis saem das três formas do símbolo. Use um ou dois por peça, em tom sobre tom ou com um único ponto de amarelo. Nenhum deles substitui o logotipo.

Composição

Três intensidades. Escolha pela importância da mensagem, não pela vontade de variar.

Composição simples: post de 1080 por 1080

Simples

Fundo névoa, a haste, o título em duas vozes e uma seta. Para aviso e conteúdo do dia a dia.

Composição média: post de 1080 por 1080

Média

Bloco de marca em verde, o símbolo ampliado em tom sobre tom e o trilho de setas. Para série, método e publicação.

Composição expressiva: post de 1080 por 1080

Expressiva

Verde-noite com a malha e a seta amarela em tamanho de cartaz. Para abertura, campanha e evento: uma por conjunto.

Imagens · Sistema

Gente e mesa de trabalho, sem holograma

A imagem do INTGOV mostra o trabalho como ele é: servidor, documento, balcão e plenário. Não há banco de fotos próprio; as referências são geradas por IA, identificadas como tal, e seguem a mesma direção de luz, enquadramento e cor.

Referências

Referência ilustrada: mesa de trabalhoReferência ilustrada

Mesa de trabalho

Documentos e notebook lado a lado: o trabalho de conferir requisito por requisito.

Referência ilustrada: balcão de atendimentoReferência ilustrada

Balcão de atendimento

Um servidor atende uma cidadã no balcão de um órgão público.

Referência ilustrada: plenárioReferência ilustrada

Plenário

Plenário de uma câmara municipal, vazio, pela manhã.

Referência ilustrada: oficina de capacitaçãoReferência ilustrada

Oficina de capacitação

Uma turma de servidores em sala de treinamento.

Referência ilustrada: prédio públicoReferência ilustrada

Prédio público

Fachada de um prédio público brasileiro, sem identificar a cidade.

Referência ilustrada: tela em usoReferência ilustrada

Tela em uso

Um painel de indicadores em uma tela, em close.

O INTGOV ainda não tem banco de fotos próprio. As imagens da marca são geradas por IA a partir dos prompts abaixo, sempre identificadas como geradas. Enquanto a imagem de uma cena não é gerada, a referência aparece desenhada.

Direção

Luz

Natural, de janela ou de dia nublado, vinda de um lado. Nada de flash, neon ou brilho azul de tela no rosto.

Enquadramento

Na altura dos olhos, com espaço livre de um lado para o texto. Mãos, mesa, balcão e sala de verdade; rostos só de perfil ou desfocados.

Tratamento

Cor sóbria, com o verde e os tons de madeira e papel no lugar. Pouca saturação, sem filtro, sem degradê por cima.

Faça

  • Gente trabalhando: servidor, balcão, sala de reunião, plenário.
  • Documento, tela e pasta como objeto de cena, sem texto legível.
  • Prédio público genérico, sem identificar cidade ou órgão.
  • Espaço vazio de um lado, para o título.

Evite

  • Aperto de mão, holograma, robô e circuito azul.
  • Bandeira, faixa, mapa do Brasil e monumento que identifique governo.
  • Autoridade, candidato ou político em destaque.
  • Pessoa olhando para a câmera com sorriso de banco de imagem.

Cenas e prompts

Cada cena tem um prompt pronto. Copie no cartão da cena ou baixe os seis de uma vez.

CenaO que mostrarOnde usar
Mesa de trabalhoMãos, folhas impressas com tabelas sem texto legível, notebook e caneta sobre mesa de madeira.Site, apresentação e publicação sobre método.
Balcão de atendimentoDuas pessoas de perfil, balcão simples, uma senha de papel na mão, luz de janela.Transparência e serviço ao cidadão.
PlenárioFileiras de cadeiras, microfones e a mesa diretora ao fundo; sem pessoas e sem símbolo de partido.Câmaras municipais e processo legislativo.
Oficina de capacitaçãoGrupo de costas ou de perfil, uma pessoa aponta para a tela; nenhum logotipo visível.Capacitação, oficinas e eventos.
Prédio públicoArquitetura simples, árvores e céu claro; sem brasão, bandeira ou placa legível.Abertura de apresentação e capa de relatório.
Tela em usoGráficos de barra e lista de itens fictícios, levemente desfocados, com uma mão no teclado.Plataformas, dados e segurança.

Regras de imagem

Imagem gerada por IA é sempre identificada na legenda ou no crédito. Serve de ilustração; nunca se apresenta como foto de cliente, de equipe ou de projeto realizado.

Foto real só com autorização por escrito de quem aparece e do local. Criança e adolescente, só com autorização do responsável.

Sem autoridade em destaque. A publicidade de órgão público não pode trazer nome, símbolo ou imagem que caracterize promoção pessoal de autoridade ou servidor (Constituição, art. 37, § 1º). Material feito para cliente segue a mesma regra.

Sem dado pessoal legível. Nome, CPF, processo e tela de sistema com dados de cidadão não aparecem em imagem nenhuma.

Período eleitoral. Nos três meses antes da eleição, a publicidade institucional de órgão público tem restrições legais. Peça feita para cliente nesse período passa por profissional do direito antes de sair.

Sem marca de terceiros em destaque: fabricante de computador, sistema de outro fornecedor, crachá ou uniforme com logotipo.

Ícones e ilustração · Sistema

Um traço só, da norma à evidência

Biblioteca própria com 48 ícones de traço, em seis categorias: interface, marca e criação, norma e governo, frentes de atuação, evidência e dados, pessoas e contato. Copie o SVG com um toque ou baixe o arquivo.

Biblioteca

48 ícones

ConfirmarInterface
FecharInterface
AlertaInterface
BaixarInterface
CopiarInterface
SetaInterface
BuscarInterface
LinkInterface
Link externoInterface
VerInterface
MaisInterface
MenuInterface
TocarInterface
PausarInterface
LogotipoMarca e criação
CoresMarca e criação
TipografiaMarca e criação
ModelosMarca e criação
MedidaMarca e criação
TelaMarca e criação
ImagemMarca e criação
ImpressãoMarca e criação
SomMarca e criação
SistemaMarca e criação
NormaNorma e governo
Órgão públicoNorma e governo
Direito públicoNorma e governo
CertificaçãoNorma e governo
ProtocoloNorma e governo
PrazoNorma e governo
AndamentoNorma e governo
ProcessoNorma e governo
TransparênciaFrentes de atuação
Transformação digitalFrentes de atuação
CapacitaçãoFrentes de atuação
CibersegurançaFrentes de atuação
Proteção de dadosFrentes de atuação
PlataformasFrentes de atuação
DocumentoEvidência e dados
EvidênciaEvidência e dados
Matriz de requisitosEvidência e dados
Lista de conferênciaEvidência e dados
IndicadorEvidência e dados
DossiêEvidência e dados
PessoaPessoas e contato
EquipePessoas e contato
E-mailPessoas e contato
EndereçoPessoas e contato

Grade e traço

Grade de 24 × 24, com 2 de respiro em volta. Traço de 2, pontas e cantos redondos, sem preenchimento: o mesmo canto redondo da haste do símbolo.

Na tela, de 18 a 28 px, na cor do texto. No kit, em verde-noite e em névoa. Ícone novo segue a mesma grade e o mesmo traço, com no máximo três formas.

Ilustrações

Ilustração: norma lida

Norma lida

A norma aberta, com o prazo e o órgão ao lado. Abre o diagnóstico.

Ilustração: solução implantada

Solução implantada

O sistema no centro, com o processo e a proteção de dados. Para falar de implantação.

Ilustração: evidência organizada

Evidência organizada

O documento conferido, com a matriz e o dossiê. Para relatório e entrega.

Ilustração: capacitação

Capacitação

A turma, o conteúdo e o certificado. Para oficina e treinamento.

Cada cena junta até três ícones da biblioteca sobre a malha, com o principal dentro do hexágono. Para uma cena nova, siga a mesma receita.

Gráficos e dados

Requisitos por situação · exemplo

AtendidosEm andamentoPendentes311811

Fonte: dados fictícios, só para mostrar o estilo.

Uma cor de destaque. O dado principal na cor de ação; os demais no mesmo tom, mais claro.

Rótulo na ponta da barra, sem legenda separada.

Fonte e período sempre embaixo do gráfico.

Sem 3D, sombra ou pizza com mais de três fatias.

Movimento · Sistema

Chega, encaixa e para

O movimento do INTGOV repete a leitura do símbolo: a haste sobe, o hexágono encaixa, a seta avança e o nome entra. Tudo chega por caminho reto, em sequência, e para exato: sem quique, sem brilho e sem giro.

Revelação do logotipo

Revelação

1,5 s de animação; o vídeo tem 4 s, com o logotipo parado no fim. Abertura e encerramento de vídeo, capa de apresentação e do site.

Etapas: 0 a 0,45 s a haste sobe; 0,34 a 0,64 s o hexágono encaixa; 0,52 a 0,97 s a seta avança; 0,9 a 1,45 s o nome entra, letra a letra.

Símbolo animado

Símbolo em laço

4,8 s em laço, 1:1. Avatar animado, abertura de story e tela de espera longa.

O que se move

A haste fica parada: é o ponto fixo. A seta sai para a direita e some; o hexágono recolhe para a haste e volta a encaixar; a seta entra de novo. O ciclo usa a curva Sinal e começa e termina no desenho do arquivo.

Carregando

Três formas de espera, cada uma para uma situação.

Carregando

As cinco setas acendem em sequência, em 1,6 s por volta. Para espera sem prazo: página que abre, arquivo que sobe.

Processando

Seis células acendem em volta do centro, em 2,4 s. Para trabalho em andamento no sistema: relatório sendo gerado, conferência em curso.

Progresso

A barra enche e a seta acompanha a ponta. Só quando o avanço é medido de verdade: envio de arquivo, etapas de um formulário.

Carregando em vídeo

O SVG de cada cartão é animado e serve para site e sistema. Para tela de espera em apresentação e em vídeo, o carregando também sai em MP4 (três voltas) e em GIF.

Espera só quando algo espera. Nada de tela de abertura obrigatória: o carregando aparece enquanto algo carrega de verdade e some em seguida.

Com “reduzir movimento” ligado no sistema, as setas e as células ficam acesas e paradas, e o logotipo aparece direto no quadro final.

Exceção do movimento

Só em movimento. O hexágono se afasta da haste e a seta sai do lugar apenas durante a animação. Parado, o símbolo é sempre o do arquivo: as três formas juntas, na posição original (veja Usos incorretos).

O quadro final é o arquivo. Toda animação termina no logotipo oficial, sem brilho, rastro ou sombra. Quem pausa o vídeo no fim vê a marca certa.

Curvas

Toque numa curva para ver o percurso. Durações da marca: 200, 300 e 450 ms na interface. O botão de pausa do topo para todas as animações desta página.

Durações e formatos

UsoAnimaçãoFormatoDuração
Abertura e fim de vídeo verticalRevelação 9:161080 × 19204 s (1,5 s de animação)
Vídeo horizontal, site e apresentaçãoRevelação 16:91920 × 10804 s (1,5 s de animação)
Post em vídeo e avatar animadoSímbolo em laço 1:11080 × 1080 · GIF de 480 px4,8 s em laço
Fundo de tela e de storySímbolo em laço 16:9 e 9:161920 × 1080 · 1080 × 19204,8 s em laço
Espera em apresentação e em vídeoCarregando1:1, 16:9 e 9:16 · GIF de 480 px1,6 s por volta (o vídeo traz três)
Espera em site e sistemaCarregando, processando e progressoSVG animadoEm laço, enquanto a espera durar

Os MP4 (H.264, 30 quadros por segundo) e os GIF são gerados quadro a quadro destas mesmas animações. Nos formatos 16:9 e 9:16 o desenho tem o mesmo tamanho do 1:1, com mais fundo. Baixe cada um no cartão da animação.

Identidade sonora · Sistema

Três notas, uma direção

A assinatura sonora repete o símbolo em som: uma nota grave para a haste, uma no meio para o hexágono e uma aguda para a seta, da esquerda para a direita. Timbre redondo, sem batida e sem brilho, como a voz da marca.

Assinatura

0,0 s

Esboço Assinatura de 3,2 s, sintetizada: três notas de Ré maior que entram com a haste, o hexágono e a seta, e ficam soando juntas enquanto o nome aparece. Serve para aprovar o gesto; a versão final pode ser refeita por um profissional de áudio com as mesmas notas.

Estrutura

Cada nota entra com uma forma do símbolo (veja Movimento).

0 s1 s2 s3 s
TempoSomNa animação
0,00 sRé grave, à esquerdaA haste sobe: a norma, o ponto fixo.
0,36 sLá, no centroO hexágono encaixa: o sistema.
0,72 sRé uma oitava acima, à direitaA seta avança.
1,05 a 3,2 sAs três notas juntas, apagando devagarO nome entra e o logotipo fica parado.

Confirmação

Confirmação

0,7 s. Duas notas que sobem, do Lá ao Ré, com o mesmo timbre da assinatura e volume mais baixo. Depois de enviar, salvar ou concluir: um “deu certo” curto, sem clique.

Regras de uso

Quando tocar. A assinatura, junto da revelação do logotipo, uma vez por vídeo ou apresentação. A confirmação, só depois de uma ação de quem usa.

Nunca sozinho. Nada de som automático ao abrir site, sistema ou e-mail. Som na tela só depois de um toque ou clique, e com o som ligado pela pessoa.

Volume. Assinatura a −16,0 LUFS e confirmação a −18,0 LUFS, com pico abaixo de −1,5 dB (os arquivos já saem assim). Sob locução, baixe mais 6 dB.

Não use como trilha de fundo, em alerta de erro, sobre outra música ou em sessão solene. Não troque as notas, não acelere e não acrescente efeito.

Acessibilidade. Todo som tem um equivalente visual (a animação ou a mensagem na tela) e um jeito de silenciar. Nenhuma informação chega só pelo som.

Digital · Uso e entrega

A mesma marca, em código

Site, sistema e e-mail usam as mesmas cores, a mesma fonte e as mesmas peças. Os componentes abaixo estão vivos: são os da biblioteca Zuik, com a pele do INTGOV, no tema claro e no escuro.

Tema claro e escuro

Entrar

Rótulo

Título da página

Texto de apoio em uma ou duas linhas, legível nos dois temas.

Ação principalSecundária
ConformePendenteVer detalhes
Campo de texto
Tema claro · fundo #F1F1F1, ação principal em verde.
Entrar

Rótulo

Título da página

Texto de apoio em uma ou duas linhas, legível nos dois temas.

Ação principalSecundária
ConformePendenteVer detalhes
Campo de texto
Tema escuro · fundo #0A1A09, ação principal em amarelo.

Os dois temas, sempre. Site e sistema seguem a preferência do aparelho e deixam trocar à mão; a escolha fica guardada. Este manual faz o mesmo: o botão fica no alto, à direita.

O que muda é o papel da cor. No claro a ação principal é verde com texto névoa; no escuro, amarela com texto verde-noite. O verde não vira botão sobre o fundo escuro: não teria contraste.

Componentes ao vivo

Clique, digite e ande com o teclado: cada painel é o componente de verdade.

Botão principal

Um por tela: a ação que a página existe para oferecer.

Botão secundário

As outras ações da tela. Sem contorno: a peça já separa o botão do fundo.

Só o primeiro botão de cada linha responde: os outros três são o retrato do estado. O foco aparece ao navegar com a tecla Tab. Desabilitado fica com metade da opacidade e não recebe clique.

Botões

Principal, secundário e discreto. Clique em Enviar: o próprio botão mostra o andamento e a confirmação.

Campo de texto

Rótulo sempre visível, ajuda embaixo e erro que diz o que fazer. Digite um e-mail incompleto e saia do campo.

Seleção

Lista de opções com teclado: setas para andar, Enter para escolher, Esc para fechar.

Escolhas

Chips para uma opção entre poucas, caixa para aceitar e chave para ligar e desligar.

Status

Cor e palavra juntas, nunca só a cor: conforme, em análise, pendente, rascunho e novo.

Aviso

Mensagem que fica na página: o que aconteceu e o que fazer em seguida.

Abas

Partes de um mesmo assunto. Quando os nomes não cabem, só a aba escolhida mostra o nome; as outras ficam no ícone.

Progresso

Só quando o avanço é medido. Ao terminar, a barra confirma com a palavra.

Botão flutuante

Fica no canto de baixo, à direita, com 16 px de margem. No máximo dois, e nunca sobre o texto.

Barra de ícones

Ações de uma mesma coisa, lado a lado. Todo ícone tem nome: ele aparece ao passar o mouse ou ao focar.

Aviso rápido

Confirmação curta que some sozinha. Erro fica até ser lido.

Transparência FinanceiraUma ou duas linhas: o que a frente entrega e para quem.Conhecer a frente

Cartão de serviço

Ícone, nome da frente, uma frase e um caminho. O cartão inteiro é o link.

Tokens

O nome de cada valor. Quem programa usa o token, nunca a cor solta.

TokenTema claroTema escuroUso
--intgov-canvas#F1F1F1#0A1A09Fundo da página.
--intgov-tray#FAFAFA#12281ACartão e barra: a superfície que agrupa.
--intgov-part#E9EBE8#1C3D26Peça dentro do cartão: botão secundário, campo, linha de lista.
--intgov-part-hover#DFE3DE#224A2EA mesma peça com o mouse em cima.
--intgov-ink#0A1A09#F1F1F1Texto e ícone.
--intgov-ink-muted#46544A#AFC0B3Texto de apoio e legenda.
--intgov-primary#14522E#FFCD07Ação principal: uma por tela.
--intgov-primary-hover#0F4024#FFD83AAção principal com o mouse em cima.
--intgov-on-primary#F1F1F1#0A1A09Texto sobre a ação principal.
--intgov-link#1861D1#70A2F3Link e informação.
--intgov-success#146C2E#6FD08CDeu certo, conforme.
--intgov-warning-ink#8A6400#FFCD07Atenção, prazo perto.
--intgov-danger#B3261E#FF8A80Erro, pendência, ação que apaga.
--intgov-focus-ring#14522E#FFCD07Anel de foco do teclado: 2 px, sempre visível.
TokenValorUso
--intgov-radius-control9999pxBotão, campo e etiqueta: pílula.
--intgov-radius-part20pxPeça dentro do cartão.
--intgov-radius-card28pxCartão.
--intgov-space4 · 8 · 16 · 24 · 32 · 48 pxRégua de espaço: nada fora dela.
--intgov-touch44pxAltura mínima de qualquer alvo de toque.
--intgov-fontRawline, Raleway, system-ui, sans-serifUma família para título, texto e número.
--intgov-font-field16pxTexto de campo: abaixo disso o celular dá zoom ao focar.
--intgov-easecubic-bezier(.2,0,0,1)Curva Sinal: chega rápido e para exato.
--intgov-duration200 · 300 · 450 msRápida, padrão e lenta.

Os valores desta tabela são lidos do mesmo arquivo que desenha este manual. No CSS e no JSON cada cor traz os dois temas.

Regras de produto

Uma ação principal por tela. Verde no tema claro, amarela no escuro. O resto é secundário ou discreto.

Foco sempre visível. Anel de 2 px na cor de foco do tema. Tudo o que se faz com o mouse se faz com o teclado.

Toque de 44 px. Nenhum botão, link ou campo abaixo disso no celular. Campo com texto de 16 px.

Estado com cor e palavra. Status, erro e sucesso levam texto ou ícone junto: ninguém depende só da cor.

Amarelo e azul não escrevem. São sinal e marcação. Texto pequeno em amarelo ou azul da marca sobre fundo claro não passa em contraste.

Movimento com motivo. 200, 300 ou 450 ms, na curva Sinal. Com “reduzir movimento” ligado no aparelho, o conteúdo aparece pronto.

Assinatura de e-mail

De [Nome Sobrenome]Assunto Envio do relatório

Prezada equipe,

Segue o documento combinado. Fico à disposição.

Atenciosamente,

INTGOV

[Nome Sobrenome]

[Cargo ou área]

Instituto Nacional de Tecnologia e Gestão Governamental

[e-mail institucional] · [telefone com DDD]

intgov.org.br

Como instalar

  1. Baixe o HTML e troque o que está entre colchetes pelos seus dados.
  2. Abra o arquivo no navegador, selecione a assinatura inteira e copie.
  3. Cole no campo de assinatura do seu programa de e-mail e envie um teste para você.

Uma assinatura para todos. Nome, cargo, o nome do Instituto por extenso, contato e o site. Troque só o que está entre colchetes.

No e-mail a fonte é Arial. A Rawline não carrega nos programas de e-mail. O logotipo vai sobre placa névoa para não sumir no modo escuro.

Sem acréscimo. Nada de frase de efeito, selo, banner de campanha ou segunda imagem. Aviso legal, se houver, vem do jurídico e fica abaixo da assinatura.

O HTML carrega a imagem do logotipo do endereço deste manual: a assinatura passa a mostrar o logotipo quando o manual estiver publicado. O PNG é só a prévia: a assinatura de verdade é texto, para ser lida por leitor de tela e copiada.

Aplicações · Uso e entrega

A marca no trabalho

O Instituto aparece em rede, em documento, em apresentação e em evento. Cada peça abaixo é um modelo pronto, com texto de exemplo entre colchetes: baixe, troque o texto e publique, sem redesenhar.

A marca em uso

INTGOV · cena: perfil na redeGovernança orientadaa tecnologiaINTGOVInstituto Nacional de Tecnologia e Gestão GovernamentalSeguirVisitar o site

Perfil na rede

A capa e a foto de perfil no LinkedIn: o símbolo no círculo, o logotipo completo na capa.

INTGOV · cena: story no celularGovernançaorientada atecnologia

Story

O story de marca no celular, com as margens da interface livres.

INTGOV · cena: cartão de visitaintgov.org.br[Nome Sobrenome][Cargo ou área][telefone com DDD][e-mail institucional]

Cartão de visita

Frente em névoa, verso em verde. Só o que está confirmado.

INTGOV · cena: relatório impressoTítulo do relatório01Título da seçãoREQUISITOEVIDÊNCIASITUAÇÃOConformeEm análiseConformeInstituto Nacional de Tecnologia e Gestão Governamental00TIPO DO DOCUMENTOTítulo dorelatórioem duas vozes[Órgão atendido] · [mês] de 0000

Relatório

A capa em verde-noite e a página interna com a matriz de requisitos.

INTGOV · cena: site no navegadorintgov.org.brFale conoscoGovernançaorientada atecnologiaTexto de apoio em uma linha.Conhecer as frentesO método

Site

O botão principal verde, um só por tela, e o bloco de marca à direita.

INTGOV · cena: evento com banner e cracháNome doevento[Data] · [cidade]Governança orientada a tecnologia[Nome][Sobrenome][Órgão ou cidade]PARTICIPANTE

Evento

O banner de pé ao lado de uma pessoa, para a escala, e o crachá.

Redes

Kit de redes

Post simples: modelo de 1080 por 1080

Post · simples

1080 × 1080 · Fundo névoa, a haste, o título em duas vozes e uma seta. Para aviso e conteúdo do dia a dia.

Post média: modelo de 1080 por 1080

Post · média

1080 × 1080 · Bloco de marca em verde, o símbolo ampliado em tom sobre tom e o trilho de setas. Para série, método e publicação.

Post expressiva: modelo de 1080 por 1080

Post · expressiva

1080 × 1080 · Verde-noite com a malha e a seta amarela em tamanho de cartaz. Para abertura, campanha e evento: uma por conjunto.

Citação: modelo em 1080 × 1080

Citação

1080 × 1080 · Fala de uma pessoa, com nome e cargo. Só com autorização de quem falou.

Dado: modelo em 1080 × 1080

Dado

1080 × 1080 · Um número por peça, sempre com a fonte e o ano.

Compartilhamento: modelo em 1200 × 630

Compartilhamento

1200 × 630 · A imagem que aparece quando um link do Instituto é colado numa conversa.

Story de aviso: modelo em 1080 × 1920

Story de aviso

1080 × 1920 · Comunicado, prazo e chamada. O alto e a base ficam livres para a interface da rede.

Story de marca: modelo em 1080 × 1920

Story de marca

1080 × 1920 · Abertura de série e data institucional. Um por conjunto.

Capa de perfil: modelo em 1584 × 396

Capa de perfil

1584 × 396 · Topo da página no LinkedIn. O canto de baixo, à esquerda, fica livre para a foto.

Capas de destaque

Doze capas de destaque, em verde com o ícone em névoa. Toque numa capa para baixar o PNG de 1080 × 1920; o SVG de cada uma está em 12_MODELOS/destaques.

Três intensidades. Simples para o dia a dia, média para série e método, expressiva para abertura e campanha: no máximo uma expressiva por conjunto de peças.

Dado só com fonte. Número, percentual e prazo levam o nome da base e o ano na própria peça. Sem fonte, a peça não sai.

Pessoa só com autorização. Citação e foto de servidor ou de cidadão pedem autorização por escrito de quem aparece.

Sem cara de campanha. Nada de bandeira, mapa, brasão, cor de partido ou foto de autoridade. O Instituto é técnico: a peça informa, não promove ninguém.

Documentos e papelaria

Ofício: modelo em A4

Ofício

A4 · Comunicação formal com órgão público. Logotipo no alto, à esquerda; rodapé com o nome por extenso.

Relatório · capa: modelo em A4

Relatório · capa

A4 · Relatório, proposta e dossiê de evidências.

Relatório · página: modelo em A4

Relatório · página

A4 · Seção numerada, texto e a matriz de requisitos com a situação de cada item.

Cartão · frente: modelo em 90 × 50 mm

Cartão · frente

90 × 50 mm · Nome, cargo e contato. Sem endereço enquanto ele não estiver confirmado.

Cartão · verso: modelo em 90 × 50 mm

Cartão · verso

90 × 50 mm · Só o símbolo e o site, sobre verde.

Certificado: modelo em A4 deitado

Certificado

A4 deitado · Oficinas e cursos. O código de conferência só entra quando existir página para conferir.

Ofício e relatório em DOCX. Abra, troque o que está entre colchetes e salve com outro nome. O logotipo já está no cabeçalho e o nome por extenso, no rodapé.

Instale a Rawline antes. Sem a fonte no computador, o programa troca por outra e o documento muda de cara. Os arquivos estão em Tipografia.

Só o que está confirmado. Endereço, CNPJ e telefone geral entram nos modelos quando o Instituto confirmar: até lá, cartão e rodapé levam nome, contato da pessoa e o site.

Sem papel de carta enfeitado. Nada de marca d’água atrás do texto, faixa colorida na lateral ou rodapé com ícones de rede.

Apresentação

INTGOV · slide de capaTítulo daapresentação[Órgão ou evento] · [mês] de 0000

Capa

Verde-noite, malha e a seta. O título em até duas linhas.

INTGOV · slide de seção01Título da seçãoUma linha que diz o que vem a seguir.

Seção

Bloco verde com o número da parte.

INTGOV · slide de tópicosTítulo do slide em uma linhaAfirmação curta, uma por linha.Afirmação curta, uma por linha.Afirmação curta, uma por linha.00

Tópicos

Três afirmações, cada uma com a sua seta.

INTGOV · slide de dadoO que este número mostra00%Explicação em duas outrês linhas, semrepetir o título.Fonte: nome da base, ano.00

Dado

Um número grande, com explicação e fonte.

INTGOV · slide de encerramentoPróximo passo[O que acontece depois desta reunião, em uma linha.]intgov.org.br

Encerramento

O próximo passo e o endereço do site.

Apresentação em PPTX

Cinco slides em 16:9, com o texto editável e os fundos já aplicados. Duplique o slide que precisar; não crie leiaute novo.

Para Google Slides ou Keynote, importe o PPTX ou use os fundos soltos, em PNG:

Uma ideia por slide. Título que afirma, no máximo três tópicos e um número por vez. Texto de apoio fica na fala, não na tela.

Claro para ler, escuro para abrir. Capa, seção e encerramento em verde ou verde-noite; conteúdo sempre em névoa, com texto verde-noite.

Sem efeito de transição. Nada de giro, cubo ou texto que voa. Se precisar de movimento, use a revelação do logotipo no primeiro slide.

Eventos e sinalização

Nome doevento[Data] · [cidade]Governança orientada a tecnologia80 cm200 cm20 cm livres

Banner de pé

80 × 200 cm · Recepção de evento e sala de capacitação. Os 20 cm de baixo ficam sem texto.

[Nome][Sobrenome][Órgão ou cidade]PARTICIPANTE10 cm14 cmmarca

Crachá

10 × 14 cm · Nome grande, lido a dois metros. A faixa de baixo diz o papel da pessoa no evento.

02Sala de reunião[Área ou equipe]30 cm12 cm

Placa de sala

30 × 12 cm · Número no hexágono, nome da sala e a seta que indica o lado.

Lido de longe. No banner, o nome do evento ocupa um terço da altura. No crachá, o primeiro nome tem 15 mm de altura: dá para ler a dois metros.

Sinalização acessível. Em prédio de uso público, a placa leva também texto em relevo e braile, conforme a norma de acessibilidade (ABNT NBR 9050). Confirme com quem projeta a sinalização.

O que este manual não cobre. Uniforme, frota e embalagem: o trabalho do Instituto chega em documento, tela e evento. Se uma dessas peças for necessária, fale com o responsável pela marca antes de produzir.

Sem marca de terceiros colada. Logotipo de órgão parceiro entra na faixa de baixo, com a mesma altura do INTGOV e a área de proteção dos dois.

Produção gráfica

O que a gráfica precisa saber de cada peça.

PeçaFormato finalSangriaMargem de segurançaArquivoObservação
Cartão de visita90 × 50 mm3 mm5 mmSVG, fechado em PDF/X-1aTexto convertido em curvas. Papel fosco de 300 g/m², sem verniz sobre o texto.
OfícioA4 · 210 × 297 mmSem sangria25 mmDOCXImpressão de escritório. Em impressora de uma cor, use a versão do logotipo em preto.
Relatório · capaA4 · 210 × 297 mm3 mm12 mmSVG, fechado em PDFFundo chapado escuro: peça prova de cor antes da tiragem.
CertificadoA4 deitado · 297 × 210 mmSem sangria15 mmSVG, fechado em PDFPapel de 180 g/m². O nome fica em texto vivo para emissão em lote.
Banner de pé80 × 200 cmSem sangria5 cm; 20 cm livres na baseSVG, fechado em PDF na escala 1:10De 100 a 150 dpi no tamanho final. Lona fosca.
Crachá10 × 14 cm3 mm5 mmSVG, fechado em PDFFuro oblongo no alto. Papel de 300 g/m² em bolsa ou PVC.
Placa de sala30 × 12 cmSem sangria15 mmSVG, fechado em PDFAcrílico ou chapa com adesivo fosco. Relevo e braile quando o prédio for de uso público.

Cor de gráfica. Impresso usa a tabela CMYK do capítulo Cores e o logotipo em PDF da pasta de impressão. Nunca converta o PNG de tela.

Texto em curvas, só no fechamento. O SVG do kit tem texto vivo, para editar. Converta em curvas na cópia que vai para a gráfica e guarde o original.

Formato e papel são ponto de partida. Confirme medidas, sangria e material com a gráfica antes de fechar o arquivo: cada equipamento tem a sua tolerância.

Arquivos e suporte · Uso e entrega

Tudo pronto para baixar

O kit tem todos os arquivos deste manual, em pastas numeradas. Baixe tudo de uma vez, pegue só o que precisa ou leve a marca para a sua IA.

Kit completo

Um ZIP com tudo

410 arquivos · 15,0 MB · versão 1.0 · 12/11/2026

O ZIP é montado no seu navegador com os arquivos deste site. Leva alguns segundos e nada passa por terceiros.

Marca para IA

O prompt abaixo leva a marca para qualquer assistente de IA: quem é o INTGOV, o que nunca fazer, cores, tipografia, voz e imagem. Copie, cole e diga a peça que você quer.

  1. Copie o prompt, inteiro ou já com a tarefa.
  2. Cole no assistente e anexe o logotipo oficial: a IA não deve desenhar a marca.
  3. Confira o resultado com o manual antes de publicar. Dado, nome e prazo são responsabilidade de quem assina a peça.
Ver o prompt completo617 palavras
Você vai criar uma peça para o INTGOV (Instituto Nacional de Tecnologia e Gestão Governamental). Siga este briefing. Se faltar informação, pergunte antes de inventar.

QUEM É
O INTGOV é um instituto de tecnologia e gestão governamental. Seu método parte da norma, implanta a solução e organiza a evidência.
Frase em uso: “Governança orientada a tecnologia”.

NÃO NEGOCIÁVEL
- Nunca desenhe, redesenhe nem “melhore” o logotipo. Deixe a área livre e use o arquivo oficial: https://manual.intgov.org.br/#logotipo
- Não invente número, cliente, endereço, CNPJ, prazo, selo ou depoimento. Dado só com fonte e ano.
- Sem Bandeira Nacional, faixa, fita, mapa do Brasil, brasão, cor de partido, político ou palavra de campanha.
- A marca não promete aprovação em auditoria, nota em índice ou conformidade total. Promete método, implantação e evidência.
- Escreva INTGOV em caixa alta, sem hífen e sem espaço. No texto, “o INTGOV” na primeira vez e “o Instituto” depois.

CORES
- Verde INTGOV #14522E: Nome, haste do símbolo, botão principal no tema claro e blocos de marca.
- Verde-noite #0A1A09: Texto no tema claro, fundo do tema escuro e palco das animações.
- Amarelo #FFCD07: A seta do símbolo. Ação no tema escuro e sinal sobre verde.
- Azul #1A6EF4: O hexágono do símbolo. Informação e marcação de capítulo.
- Névoa #F1F1F1: Fundo do tema claro e versão clara da marca.
- Texto sobre claro: #0A1A09. Texto sobre escuro: #F1F1F1. Amarelo e azul são sinal: não escrevem texto pequeno.
- Proporção: fundo claro ou escuro em mais da metade da peça; verde em blocos; amarelo e azul em pontos.

TIPOGRAFIA
- Rawline em tudo (se não houver, Raleway). Título em peso 800, texto em 400, rótulo em 600 com caixa alta.
- O título pode ter duas vozes: uma linha em 800 e outra em 300.

FORMAS
- O símbolo tem três formas: a haste, o hexágono e a seta. Os grafismos saem delas: malha de hexágonos, trilho de setas, marcador e a seta sozinha.
- Um ou dois grafismos por peça, em tom sobre tom, com no máximo um ponto de amarelo.

VOZ
- Preciso: cita a norma, o artigo e o prazo; não é genérico nem grandiloquente.
- Sóbrio: institucional, com poucas cores e poucas palavras; não é frio nem burocrático.
- Diligente: segue o método e mostra o andamento; não é apressado nem informal.
- Comece pela norma ou pelo fato, não pelo elogio.
- Número só com fonte e data. Sem fonte, não entra.
- Verbo no presente e voz ativa.
- Sigla por extenso na primeira vez: Lei de Acesso à Informação (LAI).
- Sem adjetivo de valor. O que é bom se mostra com documento.
- A marca fala como "o INTGOV", "o Instituto" ou "nós". Nunca "eu".
- Não use: disruptivo, revolucionário, garantido, case de sucesso.

IMAGEM
- Fotografia documental, de aparência real. Luz natural de janela ou de dia nublado, vinda de um lado. Cores sóbrias, com verde-escuro, madeira e papel; pouca saturação e nenhum filtro. Câmera na altura dos olhos, com espaço vazio de um lado para texto.
- Sem texto legível, sem logotipos, sem bandeira, faixa ou mapa do Brasil, sem brasão, sem político ou autoridade, sem aperto de mão, sem holograma, sem robô, sem circuito azul, sem pessoa olhando para a câmera.

MOVIMENTO
- Entradas retas e curtas (200, 300 ou 450 ms), sem quique, giro ou brilho. Tudo termina parado.

ACESSIBILIDADE
- Contraste de texto de pelo menos 4,5:1. Estado nunca só pela cor: use também palavra ou ícone.

ANTES DE ENTREGAR
- Diga o que você supôs e o que eu preciso confirmar.

TAREFA
Diga qual peça você quer (post, story, apresentação, documento, imagem ou tela) e siga as regras acima.

O mesmo texto fica em /manual-ia.md, para um agente ler direto do endereço do manual. A IA erra: ela não substitui a conferência com este manual.

Explorador do kit

Todas as pastas e todos os arquivos. Abra uma pasta ou busque pelo nome.

291 itens
00 · LEIA MELeia-mePor onde começar: o que há em cada pasta, a lista de arquivos e a marca para IA.4 arquivosCSV · JSON · MD · TXT
02 · IDENTIDADE VERBALIdentidade verbalTextos prontos para copiar: descrições, bio de rede e abertura de documento.1 arquivoTXT
  • Textos ProntosIdentidade verbal
03 · LOGOSLogotiposAs cinco assinaturas em cor, em uma cor e em negativo, para tela e gráfica, e as peças prontas.160 arquivosPDF · PNG · SVG
04 · CORESCoresA paleta para programa de desenho, para código e para gráfica.5 arquivosASE · CSS · GPL · JSON · TXT
05 · TIPOGRAFIATipografiaA família Rawline, a licença e a ficha de uso.20 arquivosTTF · TXT
06 · ELEMENTOS GRAFICOSElementos gráficosMalha, colmeia, trilho, marcador, símbolo ampliado e seta.12 arquivosPNG · SVG
07 · ICONES E ILUSTRACOESÍcones e ilustraçõesOs 48 ícones em duas cores e as quatro ilustrações.104 arquivosPNG · SVG
  • Ilustracao · CapacitacaoÍcones e ilustrações
  • Ilustracao · Evidencia OrganizadaÍcones e ilustrações
  • Ilustracao · Norma LidaÍcones e ilustrações
  • Ilustracao · Solucao ImplantadaÍcones e ilustrações
  • Icone · alerta · Nevoaicones · Nevoa
  • Icone · andamento · Nevoaicones · Nevoa
  • Icone · baixar · Nevoaicones · Nevoa
  • Icone · balanca · Nevoaicones · Nevoa
  • Icone · buscar · Nevoaicones · Nevoa
  • Icone · cadeado · Nevoaicones · Nevoa
  • Icone · calendario · Nevoaicones · Nevoa
  • Icone · capacitacao · Nevoaicones · Nevoa
  • Icone · carimbo · Nevoaicones · Nevoa
  • Icone · certificado · Nevoaicones · Nevoa
  • Icone · checklist · Nevoaicones · Nevoa
  • Icone · confirmar · Nevoaicones · Nevoa
  • Icone · copiar · Nevoaicones · Nevoa
  • Icone · documento · Nevoaicones · Nevoa
  • Icone · email · Nevoaicones · Nevoa
  • Icone · equipe · Nevoaicones · Nevoa
  • Icone · evidencia · Nevoaicones · Nevoa
  • Icone · externo · Nevoaicones · Nevoa
  • Icone · fechar · Nevoaicones · Nevoa
  • Icone · grafico · Nevoaicones · Nevoa
  • Icone · imagem · Nevoaicones · Nevoa
  • Icone · imprimir · Nevoaicones · Nevoa
  • Icone · instituicao · Nevoaicones · Nevoa
  • Icone · link · Nevoaicones · Nevoa
  • Icone · local · Nevoaicones · Nevoa
  • Icone · logotipo · Nevoaicones · Nevoa
  • Icone · mais · Nevoaicones · Nevoa
  • Icone · matriz · Nevoaicones · Nevoa
  • Icone · menu · Nevoaicones · Nevoa
  • Icone · modelos · Nevoaicones · Nevoa
  • Icone · norma · Nevoaicones · Nevoa
  • Icone · paleta · Nevoaicones · Nevoa
  • Icone · pasta · Nevoaicones · Nevoa
  • Icone · pausar · Nevoaicones · Nevoa
  • Icone · pessoa · Nevoaicones · Nevoa
  • Icone · plataformas · Nevoaicones · Nevoa
  • Icone · processo · Nevoaicones · Nevoa
  • Icone · regua · Nevoaicones · Nevoa
  • Icone · seguranca · Nevoaicones · Nevoa
  • Icone · seta · Nevoaicones · Nevoa
  • Icone · sistema · Nevoaicones · Nevoa
  • Icone · som · Nevoaicones · Nevoa
  • Icone · tela · Nevoaicones · Nevoa
  • Icone · texto · Nevoaicones · Nevoa
  • Icone · tocar · Nevoaicones · Nevoa
  • Icone · transformacao · Nevoaicones · Nevoa
  • Icone · transparencia · Nevoaicones · Nevoa
  • Icone · ver · Nevoaicones · Nevoa
  • Icone · alerta · VerdeNoiteicones · VerdeNoite
  • Icone · andamento · VerdeNoiteicones · VerdeNoite
  • Icone · baixar · VerdeNoiteicones · VerdeNoite
  • Icone · balanca · VerdeNoiteicones · VerdeNoite
  • Icone · buscar · VerdeNoiteicones · VerdeNoite
  • Icone · cadeado · VerdeNoiteicones · VerdeNoite
  • Icone · calendario · VerdeNoiteicones · VerdeNoite
  • Icone · capacitacao · VerdeNoiteicones · VerdeNoite
  • Icone · carimbo · VerdeNoiteicones · VerdeNoite
  • Icone · certificado · VerdeNoiteicones · VerdeNoite
  • Icone · checklist · VerdeNoiteicones · VerdeNoite
  • Icone · confirmar · VerdeNoiteicones · VerdeNoite
  • Icone · copiar · VerdeNoiteicones · VerdeNoite
  • Icone · documento · VerdeNoiteicones · VerdeNoite
  • Icone · email · VerdeNoiteicones · VerdeNoite
  • Icone · equipe · VerdeNoiteicones · VerdeNoite
  • Icone · evidencia · VerdeNoiteicones · VerdeNoite
  • Icone · externo · VerdeNoiteicones · VerdeNoite
  • Icone · fechar · VerdeNoiteicones · VerdeNoite
  • Icone · grafico · VerdeNoiteicones · VerdeNoite
  • Icone · imagem · VerdeNoiteicones · VerdeNoite
  • Icone · imprimir · VerdeNoiteicones · VerdeNoite
  • Icone · instituicao · VerdeNoiteicones · VerdeNoite
  • Icone · link · VerdeNoiteicones · VerdeNoite
  • Icone · local · VerdeNoiteicones · VerdeNoite
  • Icone · logotipo · VerdeNoiteicones · VerdeNoite
  • Icone · mais · VerdeNoiteicones · VerdeNoite
  • Icone · matriz · VerdeNoiteicones · VerdeNoite
  • Icone · menu · VerdeNoiteicones · VerdeNoite
  • Icone · modelos · VerdeNoiteicones · VerdeNoite
  • Icone · norma · VerdeNoiteicones · VerdeNoite
  • Icone · paleta · VerdeNoiteicones · VerdeNoite
  • Icone · pasta · VerdeNoiteicones · VerdeNoite
  • Icone · pausar · VerdeNoiteicones · VerdeNoite
  • Icone · pessoa · VerdeNoiteicones · VerdeNoite
  • Icone · plataformas · VerdeNoiteicones · VerdeNoite
  • Icone · processo · VerdeNoiteicones · VerdeNoite
  • Icone · regua · VerdeNoiteicones · VerdeNoite
  • Icone · seguranca · VerdeNoiteicones · VerdeNoite
  • Icone · seta · VerdeNoiteicones · VerdeNoite
  • Icone · sistema · VerdeNoiteicones · VerdeNoite
  • Icone · som · VerdeNoiteicones · VerdeNoite
  • Icone · tela · VerdeNoiteicones · VerdeNoite
  • Icone · texto · VerdeNoiteicones · VerdeNoite
  • Icone · tocar · VerdeNoiteicones · VerdeNoite
  • Icone · transformacao · VerdeNoiteicones · VerdeNoite
  • Icone · transparencia · VerdeNoiteicones · VerdeNoite
  • Icone · ver · VerdeNoiteicones · VerdeNoite
08 · IMAGENSImagensOs prompts das seis cenas de referência.1 arquivoTXT
  • Imagens · PromptsImagens
09 · MOVIMENTOMovimentoRevelação do logotipo, símbolo em laço e carregadores, em vídeo, GIF e SVG animado.15 arquivosGIF · MP4 · SVG
  • Movimento · Carregando · 16x9Movimento
  • Movimento · Carregando · 1x1Movimento
  • Movimento · Carregando · 9x16Movimento
  • Movimento · CarregandoMovimento
  • Movimento · Logo Revelacao · 16x9Movimento
  • Movimento · Logo Revelacao · 1x1Movimento
  • Movimento · Logo Revelacao · 9x16Movimento
  • Movimento · Logo RevelacaoMovimento
  • Movimento · ProcessandoMovimento
  • Movimento · ProgressoMovimento
  • Movimento · Simbolo em Loop · 16x9Movimento
  • Movimento · Simbolo em Loop · 1x1Movimento
  • Movimento · Simbolo em Loop · 9x16Movimento
  • Movimento · Simbolo em LoopMovimento
10 · SOMSomAssinatura sonora e som de confirmação, em esboço.4 arquivosMP3 · WAV
11 · DIGITALDigitalTokens em CSS e JSON e a assinatura de e-mail.6 arquivosCSS · HTML · JSON · PNG · SVG
12 · MODELOSModelosPosts, stories, capas, ofício, relatório, certificado e apresentação.56 arquivosDOCX · PNG · PPTX · SVG
13 · APLICACOESAplicaçõesCartão de visita, banner, crachá, placa e as cenas de uso.16 arquivosPNG · SVG
14 · GOVERNANCAGovernançaChecklist mestre, plano de implantação, registro de direitos e histórico de versões.6 arquivosCSV · XLSX

Convenção de nomes

INTGOVA marca. Todo arquivo começa assim.
LogoO tipo: Logo, Cores, Icone, Post, Movimento…
HorizontalA variante: assinatura, formato ou nome da peça.
CorA versão de cor: Cor, Negativa, Verde, Preto…
RGBO modo: RGB para tela, CMYK para gráfica, Mono para uma cor.
v1.0A versão do kit. Muda junto com o manual.
.svgO formato do arquivo.

Exemplo: INTGOV_Logo_Horizontal_Cor_RGB_v1.0.svg. Partes separadas por sublinhado, palavras por hífen, sem acento e sem espaço. Nunca “final”, “novo” ou “v2 corrigido”: quando o arquivo muda, a versão do kit sobe.

Qual formato usar

Onde vai usarFormatoPor quêPasta do kit
Site, sistema e aplicativoSVGVetor: fica nítido em qualquer tamanho e pesa pouco.03_LOGOS/01_RGB-DIGITAL
Documento do Office, e-mail e rede socialPNGFundo transparente, já no tamanho certo para tela.03_LOGOS/01_RGB-DIGITAL
Gráfica: cartão, pasta, banner, papelariaPDF em CMYKVetor com as cores de impressão. Mande junto a tabela de cores.03_LOGOS/02_CMYK-IMPRESSAO
Carimbo, bordado, gravação e impressão em uma corSVG ou PDF em preto ou brancoUma tinta só, sem degradê e sem transparência.03_LOGOS/03_MONOCROMATICO
Foto de perfil e ícone de sitePNG prontoJá recortado em círculo ou quadrado, com a margem certa.03_LOGOS/04_PRONTOS
Vídeo e apresentação com movimentoMP4 ou GIFMP4 em três formatos; GIF quando o programa não aceita vídeo.09_MOVIMENTO
Código de site ou sistemaCSS e JSONOs tokens com os dois temas.11_DIGITAL
Texto para editarDOCX e PPTXOfício, relatório e apresentação com texto vivo.12_MODELOS

Nunca tire o logotipo de uma captura de tela, de um PDF pronto ou do site. Baixe o arquivo aqui.

Não achou o formato? Peça ao responsável pela marca. Converter por conta própria costuma mudar cor e proporção.

Checklist

O que está pronto, o que é proposta e o que depende do Instituto.

17 itens: 9 pronto · 1 proposto · 1 esboço · 3 a confirmar · 3 pendente.

ItemSituaçãoObservaçãoOnde
Logotipo: cinco assinaturas, em cor, uma cor e negativoProntoArquivos recebidos do Instituto, redesenhados ponto a ponto e conferidos.Ver no manual
Símbolo, fotos de perfil e faviconProntoDez fotos de perfil e favicon em quatro tamanhos.Ver no manual
Cores de tela (HEX e RGB)ProntoCinco cores da marca, apoio de interface e cores de estado, com contraste medido.Ver no manual
Cores de gráfica (CMYK)PropostoValores calculados com perfil genérico. Amarelo e azul ficam fora do que a impressão alcança: pedir prova de cor.Ver no manual
Cores especiais (Pantone)PendenteEscolher com a gráfica, de leque na mão.Ver no manual
Tipografia RawlineProntoLicença SIL Open Font 1.1, com os arquivos no kit.Ver no manual
Grafismos, ícones e ilustraçõesProntoSeis grafismos, 48 ícones e quatro ilustrações.Ver no manual
Imagens de referênciaPendenteOs prompts das seis cenas estão prontos. Falta gerar as imagens e aprovar.Ver no manual
MovimentoProntoTrês animações em MP4, GIF e SVG.Ver no manual
Identidade sonoraEsboçoSom sintetizado e medido. Falta o Instituto ouvir e aprovar, ou regravar com profissional.Ver no manual
Componentes e tokensProntoComponentes Zuik com a pele da marca, nos dois temas.Ver no manual
Assinatura de e-mailA confirmarModelo pronto. Faltam o e-mail e o telefone de cada pessoa; a imagem carrega depois da publicação do manual.Ver no manual
Modelos de redes, documentos e apresentaçãoProntoPPTX e DOCX gerados por programa: abrir uma vez no Office para conferir a fonte instalada.Ver no manual
Peças de evento e sinalizaçãoProntoMedidas e papel são ponto de partida: confirmar com a gráfica.Ver no manual
Razão social, CNPJ e endereçoA confirmarNão entram em nenhuma peça até o Instituto confirmar.Depende do Instituto
Frase de assinaturaA confirmarEm uso: “Governança orientada a tecnologia”. As opções novas ainda não foram testadas.Ver no manual
Responsável pela marca no InstitutoPendenteDefinir quem aprova peça nova e quem recebe pedido de mudança.Depende do Instituto

Suporte e versões

Dúvida de uso

Consulte primeiro o capítulo da peça. Se a dúvida continuar, fale com o Instituto pelos canais do site intgov.org.br e diga qual peça e qual capítulo.

Pedido de mudança

Peça nova, formato que falta ou ajuste no manual: descreva o uso, o prazo e quem aprova. Nada muda no logotipo, nas cores ou na fonte sem nova versão do manual.

Arquivo antigo

Quando sair versão nova do kit, apague a anterior das pastas de trabalho. Peça com arquivo antigo não é reimpressa nem republicada.

Direitos de uso

O quêOrigemUso
Logotipo e símboloDo Instituto. Arquivos recebidos em 11/11/2026.Uso do Instituto e de quem ele autorizar. O registro da marca é assunto do jurídico.
Fonte RawlineDerivada da Raleway. Copyright The Raleway Project Authors.SIL Open Font License 1.1: uso livre, inclusive comercial. A licença acompanha os arquivos.
Grafismos, ícones, ilustrações e modelosDesenhados para este manual por Kadu Veronez.Uso do Instituto em qualquer peça da marca.
Componentes de interface (Zuik)Biblioteca de Kadu Veronez, com a pele do INTGOV.Usados neste manual. Para outro site ou sistema, combinar o uso com o autor.
Imagens de referênciaA gerar por inteligência artificial, com os prompts do kit.Identificar como imagem gerada por IA onde for publicada. Nenhuma foto de banco de imagens no kit.
SomSintetizado por programa para este manual, sem trecho de terceiros.Esboço: uso interno até a aprovação.
Fotos de pessoasNenhuma no kit.Foto de servidor ou cidadão só com autorização por escrito de quem aparece.

Histórico de versões

VersãoDataO que mudou
1.012/11/2026Primeira versão do manual e do kit.

Manual e desenho: Kadu Veronez. A versão do kit acompanha a do manual.