Marca
A marca Effecti — construção, cores, tipografia e as regras que garantem que ela seja sempre reconhecível, em qualquer superfície. Conteúdo distilado do Manual de Marca oficial (BrandBook v1.2026, time de Marca), reescrito aqui pra ser a referência viva de uso.
Componente
Pra usar a marca no código, veja o componente Logo — ele implementa exatamente as regras desta página (monocromia, tamanho mínimo) diretamente na API, então não é possível usá-lo fora da lei da marca.
Construção simbólica
O símbolo Effecti nasceu de um requisito concreto: representar o número 3 — os três fundadores, unidos por um mesmo propósito. A partir daí, três decisões de design:
- Proporção áurea. O símbolo se estrutura em três partes idênticas (33,3% cada), garantindo harmonia e precisão visual.
- O dente-de-leão. Símbolo natural de múltiplas partes conectadas por um núcleo, que se expandem para gerar novas oportunidades — hoje representa um ecossistema robusto e interligado.
- As pessoas no centro. As três "pás" conduzem o olhar ao centro — onde estão as pessoas: clientes, colaboradores e cidadãos impactados por um serviço público mais eficiente.
Assinatura: completa ou símbolo isolado
A assinatura completa (símbolo + logotipo) é a forma de identificação padrão e deve ser usada em 99% das aplicações — sites, apresentações, materiais impressos, vídeos, assinaturas de e-mail. É a expressão completa da marca.
O símbolo isolado é excecional: só em contextos de espaço extremamente reduzido (onde a assinatura completa seria ilegível), ou como elemento gráfico de apoio que reforça a identidade. Nunca por preferência estética.
Cores institucionais
Quatro cromias institucionais estratégicas — e a coincidência não é coincidência: o próprio manual as declara "definidas e validadas pelo Design System Arrow". São, hex por hex, os primitivos que o Arrow já materializa.
Midnight-Neutral
#081128--primitive-midnight-900Blizzard-Blue
#A7EAFB--primitive-blizzard-200Gulf-Blue
#121D59--primitive-gulf-800Merino-Beige
#F1EDE1--primitive-merino-100Cromias variantes (funcionais e semânticas)
Usadas em badges, alertas, botões e estados de interface — também "padronizadas pelo Design System Arrow" segundo o manual, e também já são nossos primitivos:
Bloom-Red
--primitive-red-500Tango-Orange
--primitive-orange-500Mint-Green
--primitive-green-500Petal-Pink
--primitive-pink-500Butter-Yellow
--primitive-yellow-500Monocromia — a regra mais importante
A marca nunca tem duas cores ao mesmo tempo. Ela existe em apenas duas formas:
- Positiva (escura), sobre fundos claros e homogêneos — respeitando até 100% da tonalidade
#081128. - Negativa (branca), sobre fundos escuros.
Nenhuma outra cromia é permitida na marca em si — é por isso que o componente Logo não tem prop de cor livre, só tone.
Tipografia
A Effecti utiliza exclusivamente Inter (já a --font-family-base do Arrow) em materiais e interfaces:
- Títulos = Bold · Subtítulos = Medium
- Texto corrido = Regular/Medium
Dimensionamento (tamanho mínimo)
Pra garantir reprodução legível, o manual estabelece a redução mínima da assinatura — respeitando sempre a proporção entre os elementos, sem alteração de formas ou espaçamentos:
| Assinatura | Tamanho mínimo |
|---|---|
| Completa (símbolo + logotipo) | 40px de altura |
| Símbolo isolado | 8px de altura |
Área de proteção
Um respiro obrigatório ao redor da marca, que garante visibilidade e legibilidade, evitando interferência visual ou proximidade excessiva de outros elementos. Nenhum texto ou elemento gráfico pode invadir esse espaço — o manual define um módulo "X" (proporcional ao tamanho da própria marca, derivado da métrica do logotipo) como a distância mínima obrigatória nos 4 lados.
Usos proibidos
A marca deve ser aplicada sempre em sua forma original. Nunca:
- Versões outline ou com linhas de contorno
- Degradês ou efeitos de sombra
- Rotação de elementos
- Distorção ou alteração de proporções
- Alteração da tipografia do logotipo
Arquitetura de marca
A assinatura Effecti vem sempre primeiro, seguida (quando houver) por um descritor curto em caixa baixa que qualifica a submarca — modelo "Brand Hub", em que a Effecti é sempre protagonista. Não confundir com a marca "Minha Effecti" (produto/portal do cliente), que segue seu próprio lockup, fora do escopo desta página.
Sistema gráfico
- A seta. Vai além de decoração — é um ativo gráfico que expressa o DNA da marca, usado pra guiar o olhar, destacar informações e reforçar mensagens.
- Ícones. Matriz oficial, espessura de linha fixa; podem receber gradiente (5%–35%) nas combinações Merino-Beige ou Blizzard-Blue.
- Ilustrações. Sistema de onboarding que traduz os 5 valores da Cultura Effecti em linguagem visual — uso restrito a materiais internos (kits, treinamentos, camisetas).
Os materiais completos (BrandBook, versões da marca, tipografia, ilustrações, ícones) estão na página principal do Brand.