Ir para o conteúdo principal

Glossário

Este glossário tem por finalidade facilitar a compreensão de determinados termos inseridos no Guia de Expressão da Marca da Procempa, auxiliando, principalmente, profissionais que não sejam oriundos dos campos de design e comunicação. Sempre que houver necessidade de inclusão de novos termos, entre em contato com a P-COM para avaliação da solicitação.

Área de proteçãoproteção'

Espaço mínimo obrigatório ao redor da marca que deve ser mantido livre de qualquer elemento gráfico para garantir leitura e destaque.

image.pngUm conjunto de três diagramas técnicos ilustrando diretrizes de espaçamento de marca para o logotipo da 'procempa'. O primeiro exemplo (superior esquerdo) mostra o texto azul 'procempa' com linhas tracejadas indicando uma área de proteção 'x'. O segundo exemplo (superior direito) mostra 'procempa' em azul acima de 'na tua vida' em cinza, com a mesma marcação 'x'. O terceiro exemplo (inferior) mostra 'procempa na tua vida' em azul acima de uma fileira de ícones azuis (grávida, livro, bicicleta, coração, ônibus, cadeado, lâmpada, avião), com a área de proteção 'x' marcando o espaçamento obrigatório ao redor de todo o conjunto.

Arquivo bitmap

Imagem composta por pixels; formato ideal para fotografias e ilustrações complexas.

image.pngExemplificação de um arquivo bitmap através de um zoom extremo em uma grade de pixels. A imagem mostra bordas serrilhadas em uma forma branca sobre fundo azul, com um círculo vermelho enfatizando os pixels individuais que compõem a estrutura da imagem.

Arquivo vetorial

Imagem baseada em vetores matemáticos; ideal para logotipos e ícones por permitir redimensionamento infinito sem perda de qualidade.

image.pngExemplificação de um arquivo vetorial através de um zoom extremo em letras azuis. A imagem destaca os pontos de ancoragem e as alças de Bezier que definem as curvas matemáticas do desenho, com um círculo vermelho enfatizando a precisão das linhas e a ausência de pixels mesmo em alta ampliação.

Assessoria de imprensa

Setor responsável pela gestão do relacionamento e fluxo de informações entre a instituição e os veículos de comunicação.

image.pngDiagrama de fluxo simplificado com o tema 'Assessoria de imprensa' no centro. Cinco caixas retangulares conectam-se ao núcleo central, representando os pilares do setor: 'Meios de comunicação', 'Produção', 'Distribuição', 'Planejamento' e 'Empresas'.

Assinatura endossada

Aplicação de uma marca secundária vinculada à marca principal, assegurando o vínculo institucional e a unidade visual.

image.pngRepresentação visual de uma assinatura endossada, ilustrando a aplicação da marca Procempa vinculada à marca da Prefeitura de Porto Alegre. A imagem demonstra o vínculo institucional através de dois layouts horizontais — um sobre fundo branco e outro sobre fundo azul — com as proporções e o distanciamento entre os elementos devidamente marcados pela variável "x"

Assinatura visual, marca gráfica ou logo

Conjunto de elementos gráficos (símbolo e/ou logotipo) que identifica visualmente a marca.

image.pngExemplo visual para o termo "Assinatura visual", apresentando o logotipo da Procempa em azul itálico sobre a tagline "na tua vida" em cinza. A imagem ilustra o conjunto de elementos gráficos (logotipo e tagline) que identificam visualmente a marca.

Branding

Gestão estratégica das ações destinadas a construir e manter o posicionamento e os valores da marca.

image.png"Diagrama de fluxo em português sobre o tema 'Branding'. Uma caixa central com este título se conecta a cinco caixas periféricas: 'Design', 'Atendimento', 'Publicidade', 'Comunicação' e 'Propósito'.

CMYK

Sistema de cores subtrativas para impressão baseado em Ciano, Magenta, Amarelo e Preto.

image.pngDiagrama de cores subtrativas (CMYK) apresentando três círculos sobrepostos nas cores ciano, magenta e amarelo sobre um fundo branco. As intersecções entre os círculos revelam as cores resultantes da mistura, com o centro comum apresentando a cor preta, exemplificando o sistema utilizado para processos de impressão.

Cores análogas

Cores posicionadas lado a lado no círculo cromático, que possuem baixo contraste entre si.

image.pngalt="Exemplificação de 'Cores análogas' através de uma paleta com cinco faixas verticais de cores. A sequência mostra uma transição suave entre tons de azul e violeta: turquesa (#00d3da), azul claro (#0099da), azul escuro (#0003da), azul violeta (#4a00da) e magenta (#b700da). O texto na imagem explica que estas cores estão lado a lado no círculo cromático e possuem baixo contraste entre si.

Cores complementares

Cores localizadas em posições opostas no círculo cromático, que oferecem alto contraste.

image.pngExemplificação de 'Cores complementares' através de uma paleta com cinco faixas verticais de cores contrastantes: amarelo (#ffff00), laranja (#ff9900), azul (#0003da), vermelho-alaranjado (#ff4a00) e vermelho-púrpura (#ff3300). O texto na imagem descreve que estas cores estão em posições opostas no círculo cromático e oferecem alto contraste.

Cores tétrades

Combinação de quatro cores que formam um retângulo ou quadrado no círculo cromático.

image.pngExemplificação de 'Cores tétrades' através de uma paleta com cinco faixas verticais de cores: amarelo (#ffff00), verde-limão (#ccff00), azul (#0003da), violeta (#8a2be2) e laranja (#ff9900). O texto na imagem define o termo como uma combinação de quatro cores que formam um retângulo ou quadrado no círculo cromático.

Cores tríades

Combinação de três cores equidistantes que formam um triângulo no círculo cromático.

image.pngExemplificação de 'Cores tríades' através de uma paleta com cinco faixas verticais de cores: amarelo (#e6e600), laranja (#e65100), azul (#0003da), vermelho (#b30000) e roxo (#800080). O texto na imagem define o termo como uma combinação de três cores equidistantes que formam um triângulo no círculo cromático.

CSS

Linguagem de estilo utilizada para definir a aparência visual e o layout de páginas na internet.

image.pngDiagrama de fluxo que conecta um bloco central de código CSS a três áreas de aplicação visual. O bloco superior contém regras de estilo para a classe '.contraste', definindo fundos pretos (#000) e textos brancos (#fff). As conexões levam a ícones que representam: um layout de página web (esquerda), uma paleta de cores com cinco tons (centro-baixo) e tipografia com as letras 'Aa' (direita).

Design

Processo técnico e criativo de planejamento e execução de produtos, sistemas ou peças de comunicação.

image.pngDiagrama de fluxo que conecta um bloco central de código CSS a três áreas de aplicação visual. O bloco superior contém regras de estilo para a classe '.contraste', definindo fundos pretos (#000) e textos brancos (#fff). As conexões levam a ícones que representam: um layout de página web (esquerda), uma paleta de cores com cinco tons (centro-baixo) e tipografia com as letras 'Aa' (direita).

Família tipográfica

Conjunto completo de variações (pesos e estilos) de um mesmo desenho de fonte.

image.pngDiagrama de fluxo sobre o termo 'FAMÍLIA TIPOGRÁFICA'. Uma caixa central no topo contém o título e conecta-se a três outras caixas que exemplificam variações das letras 'Aa': à esquerda em peso regular, abaixo em estilo itálico e à direita em peso negrito.

Favicon

Ícone simplificado de dimensões reduzidas para identificação da marca em abas de navegadores e interfaces digitais.

image.pngExemplificação de um favicon em uma interface de navegador. A imagem mostra uma aba azul com um pequeno ícone quadrado contendo a letra 'A' branca posicionado à esquerda do endereço URL. Abaixo, visualiza-se a barra de navegação com setas, campo de endereço e ícones de favoritos e menu.

Grid ou Malha

Conjunto de linhas guias que orienta a organização, o alinhamento e a proporção de elementos em uma composição visual.

image.pngInfográfico explicativo sobre 'Grid ou Malha' em uma composição visual. O diagrama central identifica, através de blocos coloridos e linhas, os elementos estruturais de um layout: Margem (moldura verde), Colunas (bloco rosa vertical), Módulos (quadrado azul), Zonas (bloco amarelo), Guias Horizontais (linhas vermelhas) e Medianiz ou Calha (espaçamentos entre elementos). Rótulos laterais descrevem a função técnica de cada componente na organização e alinhamento do design.

Harmonia de cores

Combinação equilibrada de cores baseada em relações técnicas e físicas no círculo cromático.

image.pngDiagrama técnico ilustrando seis tipos de harmonia de cores em círculos cromáticos de 12 divisões. Cada círculo destaca uma combinação específica através de pontos brancos e linhas pretas de conexão: monocromática (ponto único), complementar (duas cores opostas), análoga (três cores vizinhas), tríade (três cores formando um triângulo), complementar dividida (uma cor e as duas vizinhas da sua oposta) e tétrade (quatro cores formando um retângulo).

Hexadecimal

Código alfanumérico que representa cores no sistema RGB para aplicações digitais.

image.png

HTML

Linguagem de marcação utilizada na estruturação e organização de conteúdos para a internet.

image.png

Identidade Visual

Sistema composto por cores, tipografia e elementos gráficos que define a unidade e o reconhecimento visual da marca.

image.png

Imagotipo

Assinatura visual onde o símbolo e o logotipo são elementos separados, permitindo o uso independente de cada um.

image.png

Isologo ou selo

Assinatura visual onde o símbolo e o logotipo são integrados em um único elemento gráfico indissociável.

image.png

Isotipo ou símbolo

Elemento gráfico não textual que representa visualmente a marca.

image.png

Kerning

Ajuste do espaço individual entre dois caracteres específicos para melhorar a estética visual.

image.png

Leading

Distância vertical entre as linhas de base de um texto (espaçamento entre linhas).

image.png

Logotipo

Representação visual da marca através de texto ou tipografia estilizada.

image.png

Marca

Conjunto de atributos, tangíveis e intangíveis, que identificam e diferenciam um negócio ou serviço.

image.png

Mockup

Simulação digital da aplicação da marca em objetos ou cenários reais para avaliação de resultado visual.

image.png

Monocromia

Composição visual que utiliza apenas uma cor e suas variações de saturação e luminosidade.

image.png

Pantone

Sistema internacional de padronização de cores para impressão por meio de tintas pré-misturadas (escala spot).

image.png

Policromia

Composição visual que utiliza múltiplas cores; sistema de impressão que utiliza quatro ou mais tintas.

image.png

Publicidade

Ações de comunicação que visam promover produtos ou serviços para obter aceitação do público.

image.png

Resolução

Nível de detalhamento de uma imagem bitmap, medido pela quantidade de pixels por polegada (ppi).

image.png

RGB

Sistema de cores aditivas para telas baseado na luz (Vermelho, Verde e Azul).

image.png

Tagline

Texto explicativo curto que acompanha a assinatura visual para reforçar o propósito ou posicionamento da marca.

image.png

Tipografia

Estudo, criação e aplicação técnica de caracteres e fontes em uma composição visual.

image.png

Tracking

Ajuste do espaço uniforme entre todos os caracteres de um bloco de texto ou palavra.

image.png

Voltar ao topo