As Personagens
A marca dividida em três vozes. As imagens agora fluem naturalmente sobre o gradiente base.
Bianca observa e interpreta (Energia vertical, estável e introspectiva).
Íris desmonta e explica (Energia diagonal, técnica e provocadora).
Sol aproxima e movimenta (Energia aberta, expansiva e calorosa).
Juntas representam a lógica do nosso serviço: o diagnóstico profundo do estado atual (Bianca), o desenho do plano de ação técnico (Íris) e a implementação prática de IA no dia a dia (Sol).
Model Sheet · Referência 01
Bianca
A energia vertical. Bianca é a responsável pelo Diagnóstico. Com proporções mais sóbrias e um figurino que mistura tricô texturizado verde-água e gola alta, ela comunica segurança, inteligência e tranquilidade.
Sua postura é observadora. O peso está na perna de trás, o caderno nas mãos, o olhar perspicaz através de óculos arredondados finos. Ela nunca parece apressada. Bianca não fala por falar; ela lê as entrelinhas, disseca a rotina e encontra os gargalos do processo.
Model Sheet · Referência 02
Íris
A energia diagonal. Íris é quem entende de Plano de Ação. Ela é pragmática, independente e traz um toque de irreverência com o moletom cropped lilás e o fone de ouvido deitado sobre os ombros.
Seu olhar é direto. Seu corpo tem ângulos soltos e confortáveis, revelando autonomia e foco técnico. Ela mapeia as soluções de Bianca e cria os fluxos de automação para que as peças funcionem de maneira escalável, construindo as esteiras e sistemas.
Model Sheet · Referência 03
Sol
A energia expansiva. Sol é a pura manifestação da Implementação. Seu cabelo volumoso, o sorriso aberto e o conjunto mostarda/amarelo limoncello irradiam proximidade e acolhimento.
A postura de Sol é projetada para fora. Um braço aberto, acenando ou apresentando. Ela domina a interação social, aplicando a inteligência artificial (IA) nas entregas criativas, garantindo que o que foi mapeado (Bianca) e automatizado (Íris) gere impacto real e qualidade.
Paleta — três pilares
Nada de cor "âncora" carregando as outras. A graao. atua em três fases — Diagnóstico, Plano de Ação, Implementação — e cada uma tem sua própria cor, funcionando sozinha (persona, tag, seção inteira) e em harmonia quando as três aparecem juntas.
Racional: o verde-âncora do brandbook anterior fazia sentido quando a graao. precisava provar peso e seriedade. Hoje o desafio é outro: três fases de serviço (diagnóstico, plano de ação, implementação) precisam ser reconhecíveis à distância, inclusive isoladas — uma peça sobre sistemas técnicos não pode "pedir emprestado" a mesma cor de um material focado em análise e gestão. Por isso cada pilar ganha amostra própria. As cores são aplicadas em tons pastéis estritos, servindo como respiros visuais ou detalhes de interface (como os pontos da logo), sem jamais pesar na leitura ou competir com o texto. Preto e branco seguem como estrutura — nunca como quarta cor de marca.
Vínculo com o moodboard: as três bases não foram escolhidas soltas — vêm direto da cartela Pantone de referência (317 C, 7443 C, 122 C). O amarelo-limoncello é match exato (#FED141). O verde e a lavanda foram levemente aprofundados em relação à cartela original — mais saturação para funcionar como cor de marca em fundo branco, sem perder a família de tom pastel que dá o ar de leveza ao moodboard.
Tipografia & logotipo
Serifada itálica para wordmark, títulos de destaque e nome das personas — o mesmo traço elegante e um pouco brincalhão do moodboard de referência. Sans-serif neutra para leitura corrida. Mono para tudo que é rótulo, sistema ou dado.
Construímos diagnóstico, planos de ação e implementação prática — três fases, uma marca.
#8FD6D0 · #C9AEF2 · #FED141
Duas famílias (serifa + sans) já resolveriam hierarquia visual. A terceira família — mono-space — existe porque o universo de Plano de Ação e Automação precisa de um vocabulário visual que pareça "dado", não "marketing": hex codes, nomes de etapa, métricas. Usar Inter para isso apagaria justamente a diferença que a marca quer manter entre discurso (Inter) e processo exposto (JetBrains Mono).
Composição & Direção de Arte
SISTEMA VISUAL — COMO OS ELEMENTOS CONVIVEM
A identidade da graao. não vive em elementos isolados. Ela aparece na forma como espaço, tipografia, cor, sistema e pessoas convivem. Estas regras definem a gramática visual usada para transformar esses elementos em uma mesma linguagem.
Princípio Geral & Fundo
A composição visual deve combinar três universos: Editorial + Sistema + Humano. A estética deve ser sofisticada, limpa e levemente brincalhona. Evite o genérico corporativo ou o infantil. O fundo funciona como uma grande folha editorial — deve ser neutro (off-white, branco quente, #F7F6F3), nunca competindo com o conteúdo principal.
Espaço Negativo & Assimetria
O espaço vazio é elemento da identidade. Não tente preencher tudo. Uma peça deve funcionar visualmente com 30–50% da superfície vazia. O vazio transmite sofisticação e controle. Prefira composições assimétricas (ex: 40% respiro / 60% personagens), equilibrando por peso visual e não por centralização geométrica.
"Existe algum elemento aqui que pode ser removido sem prejudicar a ideia?" Se sim, remova. O objetivo não é decorar. O objetivo é criar ritmo, hierarquia e personalidade.
Grandes Campos de Cor & Gradientes
Utilize campos geométricos predominantemente retangulares (verde, lavanda ou amarelo) como fundo, nunca como cards de conteúdo fechados. Eles podem entrar e sair do enquadramento, parcialmente escondidos. Os gradientes devem ser extremamente suaves (ex: verde-broto para verde muito claro), parecendo que a cor "está respirando", sem efeito digital neon agressivo.
Microtipografia & Linhas
Pequenas linhas (espessura fina, muito espaço ao redor) na cor dos pilares e matrizes de pontos organizam a tela sugerindo diagramas. A microtipografia em JetBrains Mono em caixa alta (ex: PILAR Nº 01) conecta o universo editorial ao de sistemas. O "ponto final" da graao. também pode ser usado solto (1-3 vezes) como marcador geométrico de intenção.
Personagens como Editorial (Sobreposição & Cropping)
Bianca, Íris e Sol não são mascotes de cards. Elas habitam a campanha. Devem sobrepor campos de cor, com sombras muito suaves. Elas podem (e devem) ultrapassar os limites geométricos. Quando juntas, formam pequenos triângulos de interação (olhares, gestos). Bianca observa, Íris explica, Sol convida. Permitimos cortes intencionais (cropping) em formas, tipografia fantasma e pernas/braços das personagens, mas nunca corte o rosto ou as mãos que contam a história.
Anatomia prática da linguagem da graao. aplicada em formato de banner publicitário (4:1). Note a sobreposição de camadas, espaço negativo e interação.
[2] Hierarquia Tipográfica: Fraunces Italic (Wordmark) + Inter (Headline "processo...") + JetBrains Mono (Microtexto "IMPLEMENTAÇÃO DE IA...").
[3] Elementos de Sistema: Linha fina organizando o texto, ponto verde de interseção no campo inferior.
[4] Tipografia Fantasma: "graao." enorme, cortada e com baixíssima opacidade (3%) estruturando o canto inferior esquerdo.
[5] Personagens & Campos: O Trio interagindo naturalmente; formas verde, lavanda e amarela nascendo organicamente atrás delas (com gradiente suavíssimo), ultrapassando o enquadramento.
+ 1 COR DOMINANTE
+ 1 COR SECUNDÁRIA (OPCIONAL)
+ TIPOGRAFIA EDITORIAL
+ MICROTIPOGRAFIA DE SISTEMA
+ 1–3 ELEMENTOS GRÁFICOS
+ MUITO ESPAÇO NEGATIVO
+ 1 ELEMENTO HUMANO OU NARRATIVO
Centro de Downloads
Baixe as tipografias oficias e gere arquivos de logotipo vetoriais e bitmaps em alta resolução sob demanda.