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
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.
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 · DerivadoPara 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
- 1Diagnóstico
- 2Estratégia
- 3Implementação
- 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
| Item | Dado | Fonte |
|---|---|---|
| Nome | INTGOV | Arquivos de logotipo |
| Nome por extenso | Instituto Nacional de Tecnologia e Gestão Governamental | Assinatura institucional dos arquivos de logotipo |
| Site | intgov.org.br | Domínio da categoria .org.br, que o Registro.br reserva a instituições não governamentais sem fins lucrativos |
| Público prioritário | Prefeituras e câmaras municipais; órgãos estaduais e federais | Entrevista do projeto |
| Frentes | Seis: Transparência Financeira, Transformação Digital, Direito Público Digital, Capacitação, Cibersegurança, Plataformas Gov | Site, lido em 11/11/2026 |
| Método | Quatro etapas: Diagnóstico, Estratégia, Implementação, Monitoramento | Site, lido em 11/11/2026 |
| Identidade visual | Cinco 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 · FatoGovernança orientada a tecnologia
É a frase do site. Continua valendo até o Instituto escolher outra.
Opções em teste
C · PropostaDa 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.
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.
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.
Á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.
Assinaturas
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.
Uma cor
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
Documento oficial
Institucional, a partir de 200 px de largura.
Espaço largo
Horizontal, a partir de 120 px de largura.
Espaço quadrado ou em pé
Vertical, a partir de 64 px de largura.
Pouco espaço
Só o símbolo, a partir de 24 px.
Redução mínima
Escala real, em px de tela
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
30 mm impresso
16 mm impresso
8 mm impresso
50 mm impresso
Sobre fotos e fundos
Troque o fundo do exemplo: o palco mostra a versão certa para cada um.
Em cor sobre névoa ou branco.
Cor negativa sobre verde-noite.
Sobre o Verde INTGOV, tudo em névoa.
Sobre o amarelo, tudo em verde.
Sobre foto escura e calma, cor negativa. Em foto clara, a versão em cor.
Sim. Em cor sobre névoa: a versão principal.
Sim. Névoa sobre o verde: a única versão que vai sobre o Verde INTGOV.
Não. Em cor sobre o verde: o nome e a haste somem no fundo.
Não. Amarelo sobre fundo claro: contraste de 1,3:1, não se lê.
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
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 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 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.
| Tamanho | Uso |
|---|---|
| 512 px | Ícone de aplicativo e atalho na tela inicial |
| 180 px | Ícone no iPhone e no iPad |
| 48 px | Atalho no Windows e resultados de busca |
| 32 px | Aba 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.
| Item | Valor |
|---|---|
| Duração | 4,8 s em laço |
| Curva | cubic-bezier(.2, 0, 0, 1) |
| Formato | 1:1 · 1080 × 1080 |
| Fundo | Névoa, branco ou verde-noite |
| Movimento reduzido | Fica 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
vem por cima
vem por cima
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.
Avatar
Círculo · 1080 px
Perfil nas redes e em aplicativos de mensagem.
Ícone de aplicativo
512 e 180 px
Tela inicial do celular e atalho do site.
Favicon
48 e 32 px
Aba do navegador e favoritos.
Mínimo
24 px · 8 mm
Abaixo disso o vão entre o hexágono e a seta fecha.
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.
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
Principal
Nome, haste do símbolo, botão principal no tema claro e blocos de marca.
Texto e fundo escuro
Texto no tema claro, fundo do tema escuro e palco das animações.
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.
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.
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
Legendas e texto secundário.
Cartões e bandejas.
Pílulas e campos.
Links e informação.
Tema escuro
Cartões e bandejas.
Pílulas e campos.
Legendas e texto secundário.
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
ExemploConfirmação e estado concluído.
Atenção
ExemploAviso que pede cuidado.
Erro
ExemploErro e ação que não tem volta.
Informação
ExemploAviso 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.
| Papel | Tema claro | Tema escuro | Uso |
|---|---|---|---|
| Página | #F1F1F1 | #0A1A09 | Fundo geral. |
| Superfície | #FAFAFA | #12281A | Cartões e bandejas. |
| Peça | #E9EBE8 | #1C3D26 | Pílulas, campos e áreas afundadas. |
| Texto | #0A1A09 | #F1F1F1 | Texto corrido, títulos e ícones. |
| Texto de apoio | #46544A | #AFC0B3 | Legendas e texto secundário. |
| Ação | #14522E | #FFCD07 | Botão principal e item ativo. |
| Texto sobre a ação | #F1F1F1 | #0A1A09 | Rótulo do botão principal. |
| Link e informação | #1861D1 | #70A2F3 | Links, selos de informação e número de capítulo. |
| Sinal | #FFCD07 | #FFCD07 | Seta, 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.
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.
| Texto | Fundo | Amostra | Contraste | Resultado | Uso |
|---|---|---|---|---|---|
Verde-noite #0A1A09 | Névoa #F1F1F1 | INTGOV | 16,0:1 | AA texto | Texto no tema claro |
Névoa #F1F1F1 | Verde-noite #0A1A09 | INTGOV | 16,0:1 | AA texto | Texto no tema escuro |
Névoa #F1F1F1 | Verde INTGOV #14522E | INTGOV | 8,2:1 | AA texto | Texto sobre o bloco de marca e no botão principal (claro) |
Verde INTGOV #14522E | Névoa #F1F1F1 | INTGOV | 8,2:1 | AA texto | Título e segunda voz no tema claro |
Verde-noite #0A1A09 | Amarelo #FFCD07 | INTGOV | 12,0:1 | AA texto | Texto no botão principal (escuro) |
Amarelo #FFCD07 | Verde-noite #0A1A09 | INTGOV | 12,0:1 | AA texto | Sinal e destaque no tema escuro |
Texto de apoio #46544A | Névoa #F1F1F1 | INTGOV | 7,1:1 | AA texto | Legendas no tema claro |
Texto de apoio claro #AFC0B3 | Superfície escura #12281A | INTGOV | 8,2:1 | AA texto | Legendas no tema escuro |
Azul de texto #1861D1 | Superfície clara #FAFAFA | INTGOV | 5,5:1 | AA texto | Link no tema claro |
Azul de texto claro #70A2F3 | Superfície escura #12281A | INTGOV | 6,1:1 | AA texto | Link no tema escuro |
Azul #1A6EF4 | Névoa #F1F1F1 | INTGOV | 4,1:1 | AA texto grande e ícone | O azul do símbolo como texto |
Amarelo #FFCD07 | Névoa #F1F1F1 | INTGOV | 1,3:1 | Reprovado | Amarelo sobre claro |
Azul #1A6EF4 | Verde INTGOV #14522E | INTGOV | 2,0:1 | Reprovado | Azul 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.
- 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.
| Cor | HEX | CMYK proposto | Desvio (ΔE) | Situação |
|---|---|---|---|---|
| Verde INTGOV | #14522E | 80 · 26 · 86 · 43 | 1,1 | Dentro da gama |
| Verde-noite | #0A1A09 | 73 · 55 · 75 · 71 | 4,0 | Dentro da gama |
| Amarelo | #FFCD07 | 0 · 15 · 89 · 2 | 13,3 | Fora da gama: o impresso sai menos vivo |
| Azul | #1A6EF4 | 73 · 46 · 0 · 0 | 45,4 | Fora da gama: o impresso sai menos vivo |
| Névoa | #F1F1F1 | 4 · 3 · 2 · 0 | 0,3 | Dentro 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.
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.
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
| Estilo | Amostra | Peso · tamanho/entrelinha | Uso |
|---|---|---|---|
| Nome e cartaz | INTGOV | 900 · 64/64 | O nome da marca em capa e a frase de cartaz. |
| Título de capítulo | Parte da norma, entrega a evidência | 800 · 44/48 | Uma frase em duas vozes: 800 e, na segunda parte, 300 na cor da marca. |
| Título de seção | Três entregas em sequência | 800 · 22/26 | Abre cada bloco dentro do capítulo. |
| Abertura | As cinco cores vêm dos arquivos de logotipo. | 400 · 20/30 | Primeiro parágrafo de capítulo e de documento. |
| Texto corrido | O projeto começa pelo que a norma exige do órgão. | 400 · 17/27 | Parágrafos, listas e tabelas. |
| Dado e código | #14522E · Lei nº 14.133/2021, art. 75 | 500 · 15/22 | Valores, códigos, datas e números de norma. |
| Texto de apoio | Fonte: site intgov.org.br, lido em 11/11/2026. | 400 · 14/20 | Legendas, notas e fontes. |
| Rótulo | Assinatura em uso | 600 · 12/16 | Etiqueta 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.
- 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.
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
| Formato | Tamanho | Colunas | Margem | Calha |
|---|---|---|---|---|
| Site | 1440 px de largura | 12 | 32 px | 16 px |
| Slide 16:9 | 1920 × 1080 px | 12 | 96 px | 24 px |
| Post | 1080 × 1080 px | 4 | 96 px | 24 px |
| Story | 1080 × 1920 px | 4 | 96 px, mais 250 px livres em cima e embaixo | 24 px |
| A4 | 210 × 297 mm | 6 | 20 mm | 6 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
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
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.


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
Mesa de trabalho
Documentos e notebook lado a lado: o trabalho de conferir requisito por requisito.
Balcão de atendimento
Um servidor atende uma cidadã no balcão de um órgão público.
Plenário
Plenário de uma câmara municipal, vazio, pela manhã.
Oficina de capacitação
Uma turma de servidores em sala de treinamento.
Prédio público
Fachada de um prédio público brasileiro, sem identificar a cidade.
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.
| Cena | O que mostrar | Onde usar |
|---|---|---|
| Mesa de trabalho | Mã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 atendimento | Duas 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ário | Fileiras 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ção | Grupo de costas ou de perfil, uma pessoa aponta para a tela; nenhum logotipo visível. | Capacitação, oficinas e eventos. |
| Prédio público | Arquitetura 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 uso | Grá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.
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
Nenhum ícone com esse nome. Tente “norma”, “prazo” ou “evidência”.
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
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
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.
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
| Uso | Animação | Formato | Duração |
|---|---|---|---|
| Abertura e fim de vídeo vertical | Revelação 9:16 | 1080 × 1920 | 4 s (1,5 s de animação) |
| Vídeo horizontal, site e apresentação | Revelação 16:9 | 1920 × 1080 | 4 s (1,5 s de animação) |
| Post em vídeo e avatar animado | Símbolo em laço 1:1 | 1080 × 1080 · GIF de 480 px | 4,8 s em laço |
| Fundo de tela e de story | Símbolo em laço 16:9 e 9:16 | 1920 × 1080 · 1080 × 1920 | 4,8 s em laço |
| Espera em apresentação e em vídeo | Carregando | 1:1, 16:9 e 9:16 · GIF de 480 px | 1,6 s por volta (o vídeo traz três) |
| Espera em site e sistema | Carregando, processando e progresso | SVG animado | Em 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.
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
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).
| Tempo | Som | Na animação |
|---|---|---|
| 0,00 s | Ré grave, à esquerda | A haste sobe: a norma, o ponto fixo. |
| 0,36 s | Lá, no centro | O hexágono encaixa: o sistema. |
| 0,72 s | Ré uma oitava acima, à direita | A seta avança. |
| 1,05 a 3,2 s | As três notas juntas, apagando devagar | O 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.
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
Rótulo
Título da página
Texto de apoio em uma ou duas linhas, legível nos dois temas.
Rótulo
Título da página
Texto de apoio em uma ou duas linhas, legível nos dois temas.
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.
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.
| Token | Tema claro | Tema escuro | Uso |
|---|---|---|---|
--intgov-canvas | #F1F1F1 | #0A1A09 | Fundo da página. |
--intgov-tray | #FAFAFA | #12281A | Cartão e barra: a superfície que agrupa. |
--intgov-part | #E9EBE8 | #1C3D26 | Peça dentro do cartão: botão secundário, campo, linha de lista. |
--intgov-part-hover | #DFE3DE | #224A2E | A mesma peça com o mouse em cima. |
--intgov-ink | #0A1A09 | #F1F1F1 | Texto e ícone. |
--intgov-ink-muted | #46544A | #AFC0B3 | Texto de apoio e legenda. |
--intgov-primary | #14522E | #FFCD07 | Ação principal: uma por tela. |
--intgov-primary-hover | #0F4024 | #FFD83A | Ação principal com o mouse em cima. |
--intgov-on-primary | #F1F1F1 | #0A1A09 | Texto sobre a ação principal. |
--intgov-link | #1861D1 | #70A2F3 | Link e informação. |
--intgov-success | #146C2E | #6FD08C | Deu certo, conforme. |
--intgov-warning-ink | #8A6400 | #FFCD07 | Atenção, prazo perto. |
--intgov-danger | #B3261E | #FF8A80 | Erro, pendência, ação que apaga. |
--intgov-focus-ring | #14522E | #FFCD07 | Anel de foco do teclado: 2 px, sempre visível. |
| Token | Valor | Uso |
|---|---|---|
--intgov-radius-control | 9999px | Botão, campo e etiqueta: pílula. |
--intgov-radius-part | 20px | Peça dentro do cartão. |
--intgov-radius-card | 28px | Cartão. |
--intgov-space | 4 · 8 · 16 · 24 · 32 · 48 px | Régua de espaço: nada fora dela. |
--intgov-touch | 44px | Altura mínima de qualquer alvo de toque. |
--intgov-font | Rawline, Raleway, system-ui, sans-serif | Uma família para título, texto e número. |
--intgov-font-field | 16px | Texto de campo: abaixo disso o celular dá zoom ao focar. |
--intgov-ease | cubic-bezier(.2,0,0,1) | Curva Sinal: chega rápido e para exato. |
--intgov-duration | 200 · 300 · 450 ms | Rá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
Prezada equipe,
Segue o documento combinado. Fico à disposição.
Atenciosamente,
[Nome Sobrenome] [Cargo ou área] Instituto Nacional de Tecnologia e Gestão Governamental [e-mail institucional] · [telefone com DDD] |
Como instalar
- Baixe o HTML e troque o que está entre colchetes pelos seus dados.
- Abra o arquivo no navegador, selecione a assinatura inteira e copie.
- 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.
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
Perfil na rede
A capa e a foto de perfil no LinkedIn: o símbolo no círculo, o logotipo completo na capa.
Story
O story de marca no celular, com as margens da interface livres.
Cartão de visita
Frente em névoa, verso em verde. Só o que está confirmado.
Relatório
A capa em verde-noite e a página interna com a matriz de requisitos.
Site
O botão principal verde, um só por tela, e o bloco de marca à direita.
Evento
O banner de pé ao lado de uma pessoa, para a escala, e o crachá.
Redes
Kit de redes





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 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
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
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ça | Formato final | Sangria | Margem de segurança | Arquivo | Observação |
|---|---|---|---|---|---|
| Cartão de visita | 90 × 50 mm | 3 mm | 5 mm | SVG, fechado em PDF/X-1a | Texto convertido em curvas. Papel fosco de 300 g/m², sem verniz sobre o texto. |
| Ofício | A4 · 210 × 297 mm | Sem sangria | 25 mm | DOCX | Impressão de escritório. Em impressora de uma cor, use a versão do logotipo em preto. |
| Relatório · capa | A4 · 210 × 297 mm | 3 mm | 12 mm | SVG, fechado em PDF | Fundo chapado escuro: peça prova de cor antes da tiragem. |
| Certificado | A4 deitado · 297 × 210 mm | Sem sangria | 15 mm | SVG, fechado em PDF | Papel de 180 g/m². O nome fica em texto vivo para emissão em lote. |
| Banner de pé | 80 × 200 cm | Sem sangria | 5 cm; 20 cm livres na base | SVG, fechado em PDF na escala 1:10 | De 100 a 150 dpi no tamanho final. Lona fosca. |
| Crachá | 10 × 14 cm | 3 mm | 5 mm | SVG, fechado em PDF | Furo oblongo no alto. Papel de 300 g/m² em bolsa ou PVC. |
| Placa de sala | 30 × 12 cm | Sem sangria | 15 mm | SVG, fechado em PDF | Acrí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.
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.
Mais usados
Os oito arquivos que mais saem.
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.
- Copie o prompt, inteiro ou já com a tarefa.
- Cole no assistente e anexe o logotipo oficial: a IA não deve desenhar a marca.
- 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.
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
- ManifestoLeia-me
- Marca para IALeia-me
- MarcaLeia-me
- LEIA MELeia-me
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
- Logo · Horizontal · Amarelo · RGB01_RGB-DIGITAL
- Logo · Horizontal · Azul · RGB01_RGB-DIGITAL
- Logo · Horizontal · CorNegativa · RGB01_RGB-DIGITAL
- Logo · Horizontal · Cor · RGB01_RGB-DIGITAL
- Logo · Horizontal · Nevoa · RGB01_RGB-DIGITAL
- Logo · Horizontal · VerdeNoite · RGB01_RGB-DIGITAL
- Logo · Horizontal · Verde · RGB01_RGB-DIGITAL
- Logo · Institucional · Amarelo · RGB01_RGB-DIGITAL
- Logo · Institucional · Azul · RGB01_RGB-DIGITAL
- Logo · Institucional · CorNegativa · RGB01_RGB-DIGITAL
- Logo · Institucional · Cor · RGB01_RGB-DIGITAL
- Logo · Institucional · Nevoa · RGB01_RGB-DIGITAL
- Logo · Institucional · VerdeNoite · RGB01_RGB-DIGITAL
- Logo · Institucional · Verde · RGB01_RGB-DIGITAL
- Logo · Nome · Amarelo · RGB01_RGB-DIGITAL
- Logo · Nome · Azul · RGB01_RGB-DIGITAL
- Logo · Nome · Nevoa · RGB01_RGB-DIGITAL
- Logo · Nome · VerdeNoite · RGB01_RGB-DIGITAL
- Logo · Nome · Verde · RGB01_RGB-DIGITAL
- Logo · Simbolo · Amarelo · RGB01_RGB-DIGITAL
- Logo · Simbolo · Azul · RGB01_RGB-DIGITAL
- Logo · Simbolo · CorNegativa · RGB01_RGB-DIGITAL
- Logo · Simbolo · Cor · RGB01_RGB-DIGITAL
- Logo · Simbolo · Nevoa · RGB01_RGB-DIGITAL
- Logo · Simbolo · VerdeNoite · RGB01_RGB-DIGITAL
- Logo · Simbolo · Verde · RGB01_RGB-DIGITAL
- Logo · Vertical · Amarelo · RGB01_RGB-DIGITAL
- Logo · Vertical · Azul · RGB01_RGB-DIGITAL
- Logo · Vertical · CorNegativa · RGB01_RGB-DIGITAL
- Logo · Vertical · Cor · RGB01_RGB-DIGITAL
- Logo · Vertical · Nevoa · RGB01_RGB-DIGITAL
- Logo · Vertical · VerdeNoite · RGB01_RGB-DIGITAL
- Logo · Vertical · Verde · RGB01_RGB-DIGITAL
- Logo · Horizontal · Amarelo · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · Azul · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · CorNegativa · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · Cor · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · Nevoa · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · VerdeNoite · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · Verde · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · Amarelo · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · Azul · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · CorNegativa · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · Cor · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · Nevoa · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · VerdeNoite · CMYK02_CMYK-IMPRESSAO
- Logo · Institucional · Verde · CMYK02_CMYK-IMPRESSAO
- Logo · Nome · Amarelo · CMYK02_CMYK-IMPRESSAO
- Logo · Nome · Azul · CMYK02_CMYK-IMPRESSAO
- Logo · Nome · Nevoa · CMYK02_CMYK-IMPRESSAO
- Logo · Nome · VerdeNoite · CMYK02_CMYK-IMPRESSAO
- Logo · Nome · Verde · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · Amarelo · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · Azul · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · CorNegativa · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · Cor · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · Nevoa · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · VerdeNoite · CMYK02_CMYK-IMPRESSAO
- Logo · Simbolo · Verde · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · Amarelo · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · Azul · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · CorNegativa · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · Cor · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · Nevoa · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · VerdeNoite · CMYK02_CMYK-IMPRESSAO
- Logo · Vertical · Verde · CMYK02_CMYK-IMPRESSAO
- Logo · Horizontal · Branco · Mono03_MONOCROMATICO
- Logo · Horizontal · Preto · Mono03_MONOCROMATICO
- Logo · Institucional · Branco · Mono03_MONOCROMATICO
- Logo · Institucional · Preto · Mono03_MONOCROMATICO
- Logo · Nome · Branco · Mono03_MONOCROMATICO
- Logo · Nome · Preto · Mono03_MONOCROMATICO
- Logo · Simbolo · Branco · Mono03_MONOCROMATICO
- Logo · Simbolo · Preto · Mono03_MONOCROMATICO
- Logo · Vertical · Branco · Mono03_MONOCROMATICO
- Logo · Vertical · Preto · Mono03_MONOCROMATICO
- Avatar · Simbolo · CorSobreNevoa04_PRONTOS
- Avatar · Simbolo · CorSobreVerdeNoite04_PRONTOS
- Avatar · Simbolo · NevoaSobreAzul04_PRONTOS
- Avatar · Simbolo · NevoaSobreVerde04_PRONTOS
- Avatar · Simbolo · VerdeSobreAmarelo04_PRONTOS
- Avatar · Vertical · CorSobreNevoa04_PRONTOS
- Avatar · Vertical · CorSobreVerdeNoite04_PRONTOS
- Avatar · Vertical · NevoaSobreAzul04_PRONTOS
- Avatar · Vertical · NevoaSobreVerde04_PRONTOS
- Avatar · Vertical · VerdeSobreAmarelo04_PRONTOS
Favicon · 18004_PRONTOS
Favicon · 3204_PRONTOS
Favicon · 4804_PRONTOS
Favicon · 51204_PRONTOS- Favicon04_PRONTOS
- MarcaDagua · Simbolo · Nevoa · 1004_PRONTOS
- MarcaDagua · Simbolo · Nevoa · 1404_PRONTOS
- MarcaDagua · Simbolo · VerdeNoite · 0804_PRONTOS
04 · CORESCoresA paleta para programa de desenho, para código e para gráfica.5 arquivosASE · CSS · GPL · JSON · TXT
- CoresCores
05 · TIPOGRAFIATipografiaA família Rawline, a licença e a ficha de uso.20 arquivosTTF · TXT
- Tipografia · FichaTipografia
- OFLRawline
- rawline 100Rawline
- rawline 100iRawline
- rawline 200Rawline
- rawline 200iRawline
- rawline 300Rawline
- rawline 300iRawline
- rawline 400Rawline
- rawline 400iRawline
- rawline 500Rawline
- rawline 500iRawline
- rawline 600Rawline
- rawline 600iRawline
- rawline 700Rawline
- rawline 700iRawline
- rawline 800Rawline
- rawline 800iRawline
- rawline 900Rawline
- rawline 900iRawline
06 · ELEMENTOS GRAFICOSElementos gráficosMalha, colmeia, trilho, marcador, símbolo ampliado e seta.12 arquivosPNG · SVG
- Grafismo · ColmeiaElementos gráficos
- Grafismo · MalhaElementos gráficos
- Grafismo · Marcador de TituloElementos gráficos
- Grafismo · SetaElementos gráficos
- Grafismo · Simbolo AmpliadoElementos gráficos
- Grafismo · Trilho de SetasElementos gráficos
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
- Som · AssinaturaSom
- Som · ConfirmacaoSom
11 · DIGITALDigitalTokens em CSS e JSON e a assinatura de e-mail.6 arquivosCSS · HTML · JSON · PNG · SVG
Assinatura Email · LogoDigital- Assinatura EmailDigital
- TokensDigital
12 · MODELOSModelosPosts, stories, capas, ofício, relatório, certificado e apresentação.56 arquivosDOCX · PNG · PPTX · SVG
- Apresentacao · 16x9Modelos
- Capa de Perfil · 1584x396Modelos
- Certificado · A4 deitadoModelos
- Compartilhamento · 1200x630Modelos
- Oficio · A4Modelos
- Post Citacao · 1080x1080Modelos
- Post Dado · 1080x1080Modelos
- Post Expressivo · 1080x1080Modelos
- Post Medio · 1080x1080Modelos
- Post Simples · 1080x1080Modelos
- Relatorio Capa · A4Modelos
- Relatorio Pagina · A4Modelos
- Relatorio · A4Modelos
- Story Aviso · 1080x1920Modelos
- Story Marca · 1080x1920Modelos
Apresentacao · Fundo Capaapresentacao
Apresentacao · Fundo Fimapresentacao
Apresentacao · Fundo Secaoapresentacao- Destaque · Capacitacaodestaques
- Destaque · Contatodestaques
- Destaque · Duvidasdestaques
- Destaque · Equipedestaques
- Destaque · Eventosdestaques
- Destaque · Frentesdestaques
- Destaque · Institutodestaques
- Destaque · Metododestaques
- Destaque · Normasdestaques
- Destaque · Publicacoesdestaques
- Destaque · Segurancadestaques
- Destaque · Transparenciadestaques
13 · APLICACOESAplicaçõesCartão de visita, banner, crachá, placa e as cenas de uso.16 arquivosPNG · SVG
- Banner de Pe · 80x200cmAplicações
- Cartao de Visita · Frente · 90x50mmAplicações
- Cartao de Visita · Verso · 90x50mmAplicações
Cena · CartaoAplicações
Cena · EventoAplicações
Cena · PerfilAplicações
Cena · RelatorioAplicações
Cena · SiteAplicações
Cena · StoryAplicações- Cracha · 10x14cmAplicações
- Placa de Sala · 30x12cmAplicações
Nenhum arquivo com esse nome. Tente “logo”, “cmyk” ou “story”.
Convenção de nomes
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 usar | Formato | Por quê | Pasta do kit |
|---|---|---|---|
| Site, sistema e aplicativo | SVG | Vetor: fica nítido em qualquer tamanho e pesa pouco. | 03_LOGOS/01_RGB-DIGITAL |
| Documento do Office, e-mail e rede social | PNG | Fundo transparente, já no tamanho certo para tela. | 03_LOGOS/01_RGB-DIGITAL |
| Gráfica: cartão, pasta, banner, papelaria | PDF em CMYK | Vetor 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 cor | SVG ou PDF em preto ou branco | Uma tinta só, sem degradê e sem transparência. | 03_LOGOS/03_MONOCROMATICO |
| Foto de perfil e ícone de site | PNG pronto | Já recortado em círculo ou quadrado, com a margem certa. | 03_LOGOS/04_PRONTOS |
| Vídeo e apresentação com movimento | MP4 ou GIF | MP4 em três formatos; GIF quando o programa não aceita vídeo. | 09_MOVIMENTO |
| Código de site ou sistema | CSS e JSON | Os tokens com os dois temas. | 11_DIGITAL |
| Texto para editar | DOCX e PPTX | Ofí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.
| Item | Situação | Observação | Onde |
|---|---|---|---|
| Logotipo: cinco assinaturas, em cor, uma cor e negativo | Pronto | Arquivos recebidos do Instituto, redesenhados ponto a ponto e conferidos. | Ver no manual |
| Símbolo, fotos de perfil e favicon | Pronto | Dez fotos de perfil e favicon em quatro tamanhos. | Ver no manual |
| Cores de tela (HEX e RGB) | Pronto | Cinco cores da marca, apoio de interface e cores de estado, com contraste medido. | Ver no manual |
| Cores de gráfica (CMYK) | Proposto | Valores 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) | Pendente | Escolher com a gráfica, de leque na mão. | Ver no manual |
| Tipografia Rawline | Pronto | Licença SIL Open Font 1.1, com os arquivos no kit. | Ver no manual |
| Grafismos, ícones e ilustrações | Pronto | Seis grafismos, 48 ícones e quatro ilustrações. | Ver no manual |
| Imagens de referência | Pendente | Os prompts das seis cenas estão prontos. Falta gerar as imagens e aprovar. | Ver no manual |
| Movimento | Pronto | Três animações em MP4, GIF e SVG. | Ver no manual |
| Identidade sonora | Esboço | Som sintetizado e medido. Falta o Instituto ouvir e aprovar, ou regravar com profissional. | Ver no manual |
| Componentes e tokens | Pronto | Componentes Zuik com a pele da marca, nos dois temas. | Ver no manual |
| Assinatura de e-mail | A confirmar | Modelo 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ção | Pronto | PPTX e DOCX gerados por programa: abrir uma vez no Office para conferir a fonte instalada. | Ver no manual |
| Peças de evento e sinalização | Pronto | Medidas e papel são ponto de partida: confirmar com a gráfica. | Ver no manual |
| Razão social, CNPJ e endereço | A confirmar | Não entram em nenhuma peça até o Instituto confirmar. | Depende do Instituto |
| Frase de assinatura | A confirmar | Em uso: “Governança orientada a tecnologia”. As opções novas ainda não foram testadas. | Ver no manual |
| Responsável pela marca no Instituto | Pendente | Definir 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ê | Origem | Uso |
|---|---|---|
| Logotipo e símbolo | Do Instituto. Arquivos recebidos em 11/11/2026. | Uso do Instituto e de quem ele autorizar. O registro da marca é assunto do jurídico. |
| Fonte Rawline | Derivada 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 modelos | Desenhados 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ência | A 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. |
| Som | Sintetizado por programa para este manual, sem trecho de terceiros. | Esboço: uso interno até a aprovação. |
| Fotos de pessoas | Nenhuma no kit. | Foto de servidor ou cidadão só com autorização por escrito de quem aparece. |
Histórico de versões
| Versão | Data | O que mudou |
|---|---|---|
| 1.0 | 12/11/2026 | Primeira versão do manual e do kit. |
Manual e desenho: Kadu Veronez. A versão do kit acompanha a do manual.






