05 · Marca

Direção visual

Como a marca aparece quando deixa o digital e ocupa o mundo físico — fotografia e iconografia da Innova.

Fotografia

A fotografia da Innova mostra marca em uso — pessoas reais, no dia a dia da operação, com a identidade visível mas nunca forçada. O recorte é editorial: luz natural, paleta sóbria, preto como base e laranja como acento ocasional.

Esta página estabelece a direção — atributos de luz, paleta, recorte e tipo de cena. Para o catálogo de aplicações reais da marca em peças (papelaria, vestuário, brindes, apresentações, redes sociais), veja Aplicações.

Exemplos de direção

Três cenas — cafeteria, home office, escritório — que ilustram o tipo de imagem que entra no acervo: pessoas reais, luz natural, marca presente sem ser o assunto. Use como referência ao briefar novos ensaios.

Colaborador com camiseta e boné Innova trabalhando no notebook em uma cafeteria
Pessoas

Trabalho fora do escritório

Colaboradora segurando caneca Innova em ambiente de home office
Pessoas

Home office

Colaboradores conversando no escritório, vestindo camiseta e boné Innova
Pessoas

Conversa entre pares

Diretrizes

Para qualquer foto entrar no acervo oficial da marca, ela precisa passar nestes critérios:

✓ Faça

Luz natural ou suave, sem flash duro.

A direção é editorial — sombras controladas, contraste moderado.

✓ Faça

Marca visível como elemento da cena, não como adesivo.

O símbolo no boné, na caneca ou na tela — sempre integrado ao ambiente real.

✓ Faça

Paleta sóbria: preto, madeira e neutros como base.

Laranja entra como acento — em fitas, detalhes do moletom, brindes pontuais.

✓ Faça

Pessoas reais em situações verdadeiras.

Equipe, parceiros e clientes em contextos do dia a dia — não pose de catálogo.

✕ Não faça

Stock photography genérico, sem relação com o varejo.

✕ Não faça

Filtros saturados, HDR pesado, vinhetas dramáticas.

✕ Não faça

Logos sobrepostos a posteriori, fora do ambiente real.

Se a marca não está fisicamente na cena, não force em pós-produção.

✕ Não faça

Cenários poluídos que disputam atenção com a marca.

Iconografia

A Innova usa Material Symbols Outlined como família de ícones oficial. É a versão variable-font do Material Icons do Google — uma única fonte cobre o catálogo inteiro, com quatro eixos independentes: fill, weight, grade e optical size.

O preset da marca é outlined (sem preenchimento), weight 400, grade 0 e optical size 24. Esse conjunto entrega traço consistente com o peso de Inter no corpo do texto, e permanece legível a partir de 16px. Para ênfase pontual em peças de marca, é aceitável subir para fill 1 ou weight 600.

Conjunto representativo

Doze ícones que cobrem os territórios temáticos da Innova: pesquisa, tecnologia, indústria, equipe e resultado. O catálogo completo está em fonts.google.com/icons — escolha sempre a variante Outlined.

Lançamento

rocket_launch

Pesquisa

science

Insight

lightbulb

Estratégia

psychology

Equipe

groups

Resultado

trending_up

Indústria

factory

Integração

hub

Inovação

auto_awesome

Arquitetura

schema

Qualidade

verified

Aceleração

bolt

Variações em uso

O mesmo glifo (science) em três presets diferentes — qual usar depende do contexto: corpo de texto, destaque de card ou hero institucional.

Default

Outlined · weight 400 · 24px. Use em UI, listas, navegação.

Heavy

Outlined · weight 600. Use em headings de card, métricas e CTAs.

Filled · acento

Filled · weight 500 · cor primária. Use em peças de marca e ilustrações pontuais.

Diretrizes de uso

✓ Faça

Use a variante Outlined como padrão.

Coerente com o traço do logotipo e da tipografia.

✓ Faça

Mantenha o tamanho proporcional ao texto adjacente.

1.2× a altura do texto é o padrão — 20px para text-body, 24px para text-title.

✓ Faça

Combine cor com text-base-content e modificadores de opacidade.

Igual à tipografia: /60 para auxiliar, /40 para discreto.

✕ Não faça

Misturar famílias (Material com Lucide, Heroicons, etc.).

A consistência de traço quebra. Escolha um glifo do catálogo Material.

✕ Não faça

Aplicar fill, sombra ou cor de marca em ícones de UI.

Filled e Brasa são reservados a peças institucionais e momentos de destaque.

✕ Não faça

Redesenhar ícones manualmente.

Use o catálogo oficial — qualquer ajuste vira ruído visual entre telas.