Brand Guidelines | Flowup Agency

Essência

Engenharia de Autoridade Digital

A Flowup constrói a infraestrutura técnica, informacional e narrativa que torna uma marca encontrável, compreensível, verificável e citável, por pessoas, por buscadores e por inteligências artificiais. Toda decisão de marca parte dessa frase.

Encontrável

Rastreável e indexável. A fundação de SEO técnico que sustenta todo o resto.

Compreensível

Entidades, contexto e semântica que buscadores e modelos de linguagem conseguem interpretar.

Verificável

Provas, dados com fonte e reputação consistente. E-E-A-T tratado como ativo.

Citável

Conteúdo claro o bastante para ser usado como fonte dentro das respostas de IA.

Os três pilares do portfólio

Busca, autoridade e IA

SEO para Inteligência Artificial
GEO e AEO
SEO estratégico e SEO técnico
Data-Driven PR e Growth Content

Tecnologia e performance

WordPress de alta performance
Velocidade e Core Web Vitals
Arquitetura de informação e UX
Estrutura técnica para SEO e manutenção

Marca e comunicação visual

Branding e identidade visual
Design institucional
Apresentações premium em PowerPoint
Materiais estratégicos de comunicação

Proposta de valor

Centralizar estratégia, execução técnica e comunicação em uma única parceira que constrói autoridade orgânica mensurável, na busca tradicional e nas plataformas de IA.

Para empresas B2B, tecnologia, startups, negócios digitais, consultorias e marcas que dependem de aquisição orgânica.

Personalidade

EstratégicaTécnica sem ser herméticaConsultivaDiretaContemporâneaConfiável

Fala com decisores. Mostra método, dados e impacto no negócio. Nunca promete resultado.

Logo

O logotipo novo

FLOW em cor sólida. UP e o triângulo de avanço no gradiente de duas cores, do azul #183FB9 ao magenta #AE2EB9. O coral e o laranja da versão anterior saíram da marca.

PrincipalFundos claros: branco, superfície, tint

SVG PNG

BrancaSó preto, grafite e fotos escuras

SVG PNG

Monocromática brancaObrigatória em fundo colorido: índigo, roxo, gradiente, capas e posts

Monocromática pretaImpressão em uma cor, gravação, documentos

Todas as logomarcas em um arquivoPrincipal e branca, em SVG e PNG · logo-flowup.zip

Baixar pacote (ZIP)

Principal e branca: arquivos oficiais em flowup.agency/brand/logo/. As monocromáticas são geradas nesta página a partir dos mesmos vetores (viewBox 204,4 × 38,5), com PNG de 2048 px e fundo transparente.

Construção

FLOWSólido. #000000 no claro, #FFFFFF no escuro. 64,6% da largura.

UP + triânguloGradiente horizontal #183FB9 → #AE2EB9.

Área de proteção

XX

X = altura do triângulo, cerca de 37% da altura do logo. Nenhum texto, borda ou imagem entra nessa margem, em nenhum dos quatro lados.

Tamanho mínimo

240 px · cabeçalho de página

160 px · rodapé, e-mail

120 px · mínimo digital

avatar e favicon

Impresso: mínimo de 25 mm de largura. Favicon e avatar usam o logo branco completo sobre quadrado ou círculo preto, em 512 px (arquivos favicon-flowup-2026-09 e social-cover-flowup-2026-09). Nunca recortar só uma parte do logo.

Nome em texto

Flowup ou Flowup Agency em texto corrido, títulos e assinaturas.

FlowUp, Flow Up, FLOWUP ou flow-up. O nome nunca é recriado em fonte para imitar o logo.

O que nunca fazer

Usar o logo antigo com coral e laranja

Distorcer ou esticar

Recolorir as partes

Versão principal sobre fundo escuro

Aplicar sombra, brilho ou contorno

Gradiente sobre fundo de cor: use a monocromática

Cor

Paleta e tokens

Preto, branco e neutros com leve viés azulado sustentam a autoridade. O índigo é a cor de ação. O gradiente é assinatura: aparece em poucos lugares, sempre com a mesma função. Clique em uma cor para copiar o HEX.

Base e neutros

Marca e apoio

Estado

Não existe vermelho de erro na marca. Erro de formulário usa o par de atenção, sempre com ícone e mensagem em texto. Cor de estado nunca é usada como cor de série em gráfico.

Gradientes: onde cada um vive

90deg · #183FB9 → #AE2EB9

Assinatura

O UP do logo, a barra de progresso de leitura e o fio de destaque em capas de relatório. Sempre horizontal, do azul para o magenta.

95deg · #4F41DF → #AE2EB9

Números de etapa

Preenche, como recorte de texto, os números de etapas em seções claras. Não vira fundo de bloco.

resposta.

Destaque sobre escuro

95deg · #8FA0FF → #AFA6FF → #E38CEC. Só na palavra em destaque do H1 em hero preto. Nunca em fundo claro.

brilhos radiais sobre #000

Atmosfera do hero

Índigo a 34%, magenta a 18% e azul a 20%, com grade de pontos de 22 px. Usada no hero, no CTA final e em capas escuras.

Proporção de referência

60% branco e superfície25% preto e grafite12% índigo e tints3% gradiente

Espaço em branco e preto dão o ar premium. O índigo aponta a ação. O gradiente, na faixa mais fina, entra como assinatura. Em páginas B2B o gradiente nunca é dominante.

Contraste verificado

Amostra	Texto	Fundo	Razão	Resultado	Uso
Aa	Grafite `#1A1B22`	Branco `#FFFFFF`	17,16:1	AAA	Títulos
Aa	Texto `#2A2D37`	Branco `#FFFFFF`	13,73:1	AAA	Texto corrido
Aa	Muted `#565C6B`	Branco `#FFFFFF`	6,69:1	AA	Notas e legendas
Aa	Muted `#565C6B`	Superfície `#F5F6F8`	6,19:1	AA	Notas em seção suave
Aa	Índigo tinta `#3A2EC0`	Branco `#FFFFFF`	9,01:1	AAA	Links e rótulos
Aa	Índigo tinta `#3A2EC0`	Tint `#EFEEFC`	7,85:1	AAA	Número de KPI
Aa	Branco `#FFFFFF`	Índigo `#4F41DF`	6,66:1	AA	Botão primário
Aa	Branco `#FFFFFF`	Roxo `#82228B`	8,23:1	AAA	Botão primário no hover
Aa	On-dark `#C9C3FF`	Preto `#000000`	12,73:1	AAA	Rótulo sobre preto
Aa	Branco a 80%	Preto `#000000`	13,08:1	AAA	Lead do hero
Aa	Branco a 62%	Preto `#000000`	7,84:1	AAA	Metadados no escuro
Aa	Positivo `#0B7A59`	Positivo fundo `#E7F8F3`	4,85:1	AA	Aviso de sucesso
Aa	Atenção `#7A4A00`	Atenção fundo `#FEF4E5`	6,87:1	AA	Alerta e erro
Aa	Magenta `#AE2EB9`	Branco `#FFFFFF`	5,40:1	AA	Hover do menu; não usar em texto longo
Aa	Índigo `#4F41DF`	Preto `#000000`	3,15:1	Só texto grande	Não usar como texto: use On-dark
Aa	Magenta `#AE2EB9`	Preto `#000000`	3,89:1	Só texto grande	Não usar como texto sobre preto

Critério WCAG 2.2: 4,5:1 para texto normal, 3:1 para texto grande (24 px, ou 18,66 px em negrito) e para ícones e bordas de campo. Razões calculadas pela fórmula de luminância relativa.

Aposentadas na v2.0

Coral #EF3F59Laranja #E9522DFLOW antigo #121212Cinza antigo #6B7280Superfície antiga #F6F7F9Positivo antigo #12B886Atenção antigo #F5A524

Coral e laranja saíram do gradiente e do CTA. O cinza, a superfície e as cores de estado antigas foram substituídos pelos tokens acima, que passam em contraste AA.

Tipografia

Roboto Condensed, Roboto e Roboto Mono

Uma família, três papéis. Condensed dá voz aos títulos e aos números grandes. Roboto carrega a leitura, os botões e os rótulos. Mono entra em fontes de dados, códigos e valores técnicos.

Títulos e números

Aa 0123

Roboto Condensed

700 em H1, H2, H3 e KPIs · 800 em números de etapa

Texto e interface

Aa

Roboto

400 em texto corrido · 500 em navegação · 600 em botões, rótulos e perguntas de FAQ

Dados e técnica

Aa 01

Roboto Mono

400 e 500 em fontes de dados, HEX, trechos de código e legendas técnicas

H1 · hero--fe-h1 · clamp(2.25rem, 1.55rem + 2.9vw, 3.5rem) · Condensed 700 · lh 1.04

Seja a resposta que a IA cita

H2 · seção--fe-h2 · clamp(1.875rem, 1.45rem + 1.75vw, 2.75rem) · Condensed 700 · lh 1.08

Autoridade que as máquinas entendem

H3 · card e bloco--fe-h3 · clamp(1.25rem, 1.1rem + .55vw, 1.5rem) · Condensed 700 · lh 1.2

Diagnóstico técnico de SEO

Corpoclamp(1.0625rem, 1rem + .2vw, 1.125rem) · Roboto 400 · lh 1.65

Estruturamos o site para ser rastreado, compreendido e citado. Cada entrega tem dono, prazo e medição, e cada número vem com fonte e data.

Pequeno e nota.9375rem · Roboto 400 · cor muted

Fonte: Google Search Console, leitura de 28/09/2026.

Rótulo.8125rem · Roboto 600 · caixa alta · espaçamento .09em

SEO para IA

Número KPICondensed 700 · algarismos tabulares · índigo tinta

1.284

Mono.8125rem · Roboto Mono 500

--fe-indigo: #4F41DF

Um H1 por página, no hero. Hierarquia H2 e H3 sem saltos.

Caixa de frase em títulos. Caixa alta só em rótulos curtos.

Linhas de 60 a 75 caracteres no texto corrido.

Condensed em parágrafo ou em botão. Botão é Roboto 600.

Gradiente em texto claro ou em frases inteiras. Destaque é uma palavra, no hero escuro.

Outras famílias ou pesos abaixo de 400.

Espaço e grade

Ritmo 56, 80, 96

O espaço vertical cresce com a tela em três degraus. Os mesmos números valem em todas as páginas, para que o site inteiro tenha o mesmo compasso.

Escala vertical

Seção--fe-sec

56 celular80 ≥ 76896 ≥ 1200

Faixa índigo.fe-band

5672 ≥ 1024

CTA final.fe-final

80120 ≥ 1024

Título → conteúdo.fe-head

2840 ≥ 1024

Bloco seguinte.fe-mt

2840 ≥ 1024

Nota após bloco.fe-note

20

Grade e forma

Container--fe-wrap

1232 máx.

Margem lateral--fe-gutter

2032 ≥ 768

Gap de grade--fe-gap

142024

Raio--fe-radius

16 card12 botão, campo999 pílula

Quebrasbreakpoints

60076810241200

Movimento--fe-ease

.18scubic-bezier(.2,.7,.2,1)

Mesmo fundo, um espaço só

96

Fundos diferentes: respiro inteiro dos dois lados. Nenhum conteúdo encosta na borda de uma faixa de cor.

96

96 · um só

96

Duas seções com o mesmo fundo: um único espaço entre elas, nunca 96 + 96. O fe-ds tira o respiro de cima da segunda.

Cards usam borda de 1 px (#E6E8EE), sem sombra e sem barra colorida lateral. Sombra (0 1px 2px e 0 8px 24px em grafite a 5% e 6%) só em elementos que flutuam sobre o conteúdo.

Componentes

A biblioteca do site, ao vivo

Cada amostra abaixo usa as mesmas medidas e cores do design system fe-ds 0.3.5. As amostras ficam sempre no visual real do site, mesmo com esta página no tema escuro. Passe o mouse e use o Tab para ver hover e foco.

Botões

Fundo claro.fe-btn

Fazer o Diagnóstico B.I.N.A. Ver o Método B.I.N.A.

Fundo pretopri · ghost-d · wa

Fazer o Diagnóstico B.I.N.A. WhatsApp

Faixa índigowhite · ghost-d

Fazer o Diagnóstico B.I.N.A. Conversar sobre a minha marca

Variante	Repouso	Hover	Onde
`.fe-btn--pri`	Fundo #4F41DF, texto branco	Fundo #82228B	Ação principal, uma por bloco
`.fe-btn--ghost`	Borda #CDD1DA, texto grafite	Fundo #F5F6F8	Ação secundária em fundo claro
`.fe-btn--ghost-d`	Borda branca a 38%	Fundo branco a 8%	Secundária em preto e índigo, WhatsApp
`.fe-btn--white`	Fundo branco, texto #3A2EC0	Fundo #EFEEFC	Ação principal na faixa índigo

Altura mínima 52 px, padding 13 × 24, raio 12, Roboto 600 16 px. No hover muda só o fundo: sem sombra, sem deslocamento, sem gradiente. Foco de teclado: contorno de 2 px índigo com afastamento de 3 px.

Links.fe-link · .fe-inline-link

Conheça o serviço de GEO

No texto corrido, o link é índigo tinta sublinhado e fica roxo no hover. O menu do site usa #AE2EB9 no hover.

Rótulos.fe-label · .fe-pill · .fe-tag

SEO técnico

GEOAEOWordPress

Brasil e Portugal

Cards de serviço

Card com ícone.fe-card · tile 44 px · borda 1 px · raio 16

GEO

Otimização de entidade e conteúdo para que a marca seja compreendida e citada por mecanismos generativos.

Ver GEO

SEO técnico

Rastreamento, indexação, performance e dados estruturados resolvidos antes de qualquer camada de conteúdo.

Ver SEO técnico

WordPress

Sites rápidos e personalizados, com arquitetura pensada para SEO e fáceis de manter.

Ver WordPress

Destaque e nota.fe-callout · .fe-note

Resposta direta. GEO e AEO não substituem o SEO. São camadas sobre um SEO técnico e editorial bem resolvido.

Informações revisadas em 28/09/2026.

Lista de verificação.fe-checks

Auditoria técnica com prioridades por impacto
Mapa de entidades e perguntas do público
Relatório mensal com fonte e data em cada número

Indicadores

Valores de exemplo.fe-stats · número com fonte e data

1.284Cliques orgânicos no períodoGoogle Search Console · 01 a 28/09/2026 · exemplo

+18%Impressões contra o período anteriorGoogle Search Console · 28 dias · exemplo

2,1 sLCP no celular, percentil 75PageSpeed Insights, dados de campo · exemplo

Os valores acima são ilustrativos. Em peça real, número sem fonte e data não entra.

Perguntas frequentes.fe-faq · details

O que é GEO?

Generative Engine Optimization é o trabalho de estrutura, entidade e conteúdo para que uma marca seja compreendida e citada por mecanismos generativos, como ChatGPT, Gemini e as respostas de IA do Google.

GEO substitui o SEO?

Não. GEO e AEO são camadas que dependem de um SEO técnico e editorial bem resolvido.

Vocês atendem em Portugal?

Sim. O site tem uma versão em português europeu em flowup.agency/pt/.

Tabela.fe-table · legenda em superfície

SEO tradicional e método Flowup
Critério	SEO tradicional	Método Flowup
Objetivo	Ranquear páginas	Ser encontrada, compreendida e citada
Unidade	Palavra-chave	Entidade, pergunta e fonte
Medição	Posição e cliques	Busca e presença em respostas de IA

Etapas

Seção escura.fe-steps · número 64 px

1

Diagnóstico

Leitura técnica, de conteúdo e de entidade.

2

Plano

Prioridades por impacto, com dono e prazo.

3

Execução e medição

Entregas quinzenais e leitura mensal.

Seção claranúmero com gradiente 95deg

1

Diagnóstico

Leitura técnica, de conteúdo e de entidade.

2

Plano

Prioridades por impacto, com dono e prazo.

3

Execução e medição

Entregas quinzenais e leitura mensal.

Numeração só quando a ordem importa. Texto das etapas acima é ilustrativo da estrutura.

Depoimento.fe-quote · modelo

Aqui entra o texto do depoimento, exatamente como aprovado pelo cliente, sem edição de sentido.

Nome e sobrenomeCargo, empresa

Só depoimento real, com autorização. Sem contagem de avaliações e sem schema de avaliação próprio (Review ou aggregateRating). O selo do Google leva ao perfil público.

Formuláriocampo · erro · consentimento

Nome

E-mail corporativo

Informe um e-mail completo, como nome@empresa.com.br.

Serviço de interesse

Navegação de página

Sumário fixo e progresso.fe-toc

Nesta páginaO que é Como funciona Perguntas

Barra de ação no celular.fe-dock

Fazer o Diagnóstico B.I.N.A.

Seções

Padrões de seção e composição

Uma página da Flowup alterna fundos para marcar mudança de assunto. O preto abre e fecha, o branco e a superfície carregam o conteúdo, e a faixa índigo entra uma vez para chamar à ação.

Hero.fe-hero · .fe-crumbs · .fe-proofbar

Início › Serviços › SEO para IA

SEO para IASua marca como fonte nas respostas de IA

Estrutura técnica, entidade e conteúdo para ser encontrada no Google e citada por ChatGPT, Gemini e AI Overviews.

Fazer o Diagnóstico B.I.N.A. gratuito Ver o Método B.I.N.A.

Método documentadoBrasil e PortugalRelatório com fonte e data

Faixa de ação.fe-band · índigo, anéis

DiagnósticoSem compromisso

Veja o que as IAs entendem sobre a sua marca

Um retrato de partida, com prioridades e próximos passos.

Fazer o Diagnóstico B.I.N.A.

CTA final.fe-final · .fe-proofline

Vamos tornar sua marca a resposta?

Conte o seu cenário. A conversa começa pelo diagnóstico.

Fazer o Diagnóstico B.I.N.A. gratuito

Atendimento no Brasil e em Portugal

Fundos disponíveis

Fundo	Classe	Uso
Aa	`.fe-hero` `.fe-final` `.fe-sec.fe-dark`	Abertura, fechamento e um bloco de método ou etapas
Aa	`.fe-sec`	Conteúdo principal e FAQ
Aa	`.fe-sec--soft`	Alternância com o branco, grades de cards
Aa	`.fe-sec--tint`	Indicadores e blocos de prova, com moderação
Aa	`.fe-band`	Chamada à ação no meio da página, uma vez

As seções alternam branco e cinza-claro, começando em branco depois do sumário. Fundo escuro e lilás só quando o conteúdo pede destaque. O CTA final é sempre escuro.

Anatomia de uma página de serviço

Hero com H1 e provapreto

Sumário fixobranco

Resposta direta e o que ébranco · 56/80/96

Entregas em cardssuperfície

Como funciona, em etapaspreto

Faixa de diagnósticoíndigo · 56/72

Perguntas frequentesbranco

CTA finalpreto · 80/120

Ícones

Um traço, uma família

Os ícones do site em grade de 24, traço de 1,75 e pontas arredondadas, sem preenchimento. Clique em um ícone para copiar o código de uso.

Tile de 44 px em #EFEEFC com ícone índigo, no topo de cards.

20 px em linha com texto, na cor do texto ou em índigo.

Emoji, ícone preenchido de outra biblioteca ou ícone com gradiente.

Imagem e capas

Mostrar o trabalho, não ilustrar o marketing

A imagem da Flowup é prova: telas reais de projetos, relatórios e interfaces. A atmosfera vem do preto com os brilhos da marca, nunca de banco de imagens genérico.

Capa padrão (page-cover-flowup-2026-09): 1200 × 630 px, fundo preto e logo branco centralizado. Vale para páginas sem imagem própria e para compartilhamento.

GuiaComo medir a visibilidade da marca em IA

Capa de conteúdo (modelo): mesma medida, brilho da marca, título em Condensed branco à esquerda, captura real à direita e logo branco no canto, com área de proteção.

Capturas reais de sites, relatórios e painéis, com autorização do cliente e dados sensíveis desfocados.

WebP ou AVIF, largura definida, nome de arquivo descritivo em minúsculas com hífen.

Texto alternativo que descreve o que a imagem mostra, sem enchimento de palavra-chave.

Foto de banco de pessoas apontando para telas, robôs, cérebros e circuitos.

Painel inventado ou número em imagem que não existe na fonte.

Texto dentro da imagem que deveria estar em HTML, como títulos e listas.

Dados e gráficos

O dado principal em índigo, o resto em cinza

Relatórios e páginas mostram poucos números, bem explicados. O índigo marca o que importa, o cinza dá contexto, e toda visualização termina com fonte e data.

Cliques orgânicos por mês

Período atual contra o mesmo mês do ano anterior · dados de exemplo

20262025

Fonte: Google Search Console · leitura em 28/09/2026 · valores ilustrativos

Índigo #4F41DF para a série principal. Cinza de dados #8A91A0 para comparação (3,16:1 sobre branco).

Magenta #AE2EB9 só como segundo destaque, quando houver três séries.

Um eixo, grade clara, rótulo direto nos pontos que contam a história, algarismos tabulares.

Fonte, período e data de leitura logo abaixo, em mono.

Gradiente em barras, 3D, pizza com muitas fatias ou dois eixos verticais.

Verde e âmbar como série. São cores de estado.

Voz e escrita

Como a Flowup fala

Estratégica, técnica sem ser hermética, consultiva e direta. Escreve para decisores: mostra método, dados e impacto no negócio, e deixa a promessa de fora.

A voz é

Clara e objetiva
Baseada em dados e método
Confiante, sem exagero
Consultiva e contemporânea

A voz não é

Vaga ou cheia de jargão
Sensacionalista, com fórmula mágica
Genérica, do tipo soluções de marketing
Arrogante ou distante

Regras de escrita

Sem travessão. Use vírgula, dois-pontos, parênteses ou ponto final.

Sem promessa de resultado: posição, tráfego, leads, citação em IA ou prazo.

Sem contagens de vitrine, como número de avaliações, de clientes ou de projetos.

Todo número com fonte e data no mesmo parágrafo ou logo abaixo.

Sigla explicada na primeira menção: GEO, AEO, E-E-A-T, LCP.

Frases curtas e voz ativa. Uma ideia por parágrafo.

Evite	Prefira
Garantimos o topo do Google em 30 dias.	Estruturamos o site para ser rastreado, compreendido e citado, com metas e medição mensal.
Mais de 26 avaliações 5 estrelas.	Um depoimento real, com nome, cargo e autorização.
O tráfego explodiu, veja os números.	Cliques orgânicos: +18% em 28 dias (Google Search Console, leitura de 28/09/2026).
Soluções completas de marketing digital.	SEO, GEO e AEO, WordPress e marca em uma única equipe.
Clique aqui · Saiba mais	Fazer o Diagnóstico B.I.N.A. gratuito · Ver o Método B.I.N.A. · Conversar sobre a minha marca

Tagline

Seja a resposta.

Apoio: “A infraestrutura da sua autoridade digital.” e “Crescimento orgânico na era da busca com IA.”

Mensagens-chave

GEO e AEO não substituem o SEO: são camadas sobre um SEO bem resolvido.

Autoridade digital é um ativo que se constrói com método, não uma sorte que se espera.

Pitch de 20 segundos

A Flowup é uma agência de engenharia de autoridade digital. Com ChatGPT, Gemini e o Google respondendo por IA, não basta ranquear: a marca precisa ser a fonte citada. Construímos a base técnica, informacional e narrativa para isso.

Portugal

A mesma marca em português europeu

A versão em flowup.agency/pt/ usa o mesmo sistema visual. Muda a língua, o contacto e a navegação, que fica inteira dentro da versão portuguesa.

pt-BR	pt-PT
contato	contacto
equipe, time	equipa
celular	telemóvel
usuário	utilizador
cadastro, registro	registo
tela	ecrã
agendar uma reunião	marcar uma reunião
estamos analisando	estamos a analisar

Menus e rodapé de /pt/ só com links para páginas de Portugal, para o visitante não trocar de versão sem querer.

Telefone com +351 e valores em euro, com o símbolo depois do número: 1500 €.

Hreflang pareado entre pt-BR e pt-PT em toda página que tem as duas versões.

Tradução automática sem revisão nativa, gerúndio brasileiro e “você” em excesso.

Aplicações

A marca fora do site

Relatórios, e-mails, apresentações e a assinatura de e-mail seguem as mesmas cores, a mesma tipografia e as mesmas regras de texto.

Relatório em PDF (A4). Faixa preta com logo branco e fio no gradiente de assinatura, indicadores em índigo e tabelas com cabeçalho grafite.

E-mail e newsletter. Cabeçalho branco com logo principal, corpo em cartão branco sobre #F5F6F8 e um botão índigo por mensagem.

Apresentação 16:9. Abertura e divisórias em preto com brilho, conteúdo em fundo branco, Condensed nos títulos e numeração discreta em mono.

Assinatura de e-mail

Préviatabelas · estilos inline · logo 148 × 28

Guto Bertoncini

Comercial · Flowup Agency

TELEFONE

E-MAIL

SITE

ENDEREÇO

Av. Giovanni Gronchi, 5650, 2º andar, Morumbi, São Paulo, SP

Seja a resposta.
SEO para IA, GEO e AEO, WordPress e marca

Estrutura em tabelas com estilo em cada elemento, para funcionar no Gmail, no Outlook e no celular.

Roboto com Arial de reserva. Nome em grafite, cargo em cinza, rótulos em índigo tinta, e-mail em destaque.

Logo em PNG hospedado em flowup.agency/brand/logo/, exibido a 148 × 28 px, com texto alternativo.

Imagem de fundo, gradiente em CSS ou banner, que somem ou quebram em vários programas de e-mail.

Frases de efeito, promessas, selos de avaliação ou travessão.

Logo antigo com coral e laranja, ou recriado em texto.

Camada para IA

O guia também é lido por IAs

Esta camada transforma o guia em instruções que uma IA consegue seguir: quem é a Flowup, como ela fala, o que nunca dizer e como montar cada peça. Serve para os projetos da equipe no ChatGPT, no Claude, no Gemini e no Copilot.

O que esta camada faz

Dá às IAs que a equipe usa a mesma referência que as pessoas têm: fatos, voz, vocabulário, visual e regras. O resultado são peças mais consistentes, com menos retrabalho na revisão.

O que ela não faz

Não decide como IAs públicas descrevem a Flowup nas respostas. Isso depende da Official AI Knowledge Base, do llms.txt e do trabalho de GEO. As duas camadas se completam.

Como usar em três passos

Baixe os arquivos da marca abaixo: o flowup-brand.md é o principal.
Crie um projeto na ferramenta de IA, cole a instrução principal nas instruções do projeto e anexe o flowup-brand.md como arquivo de conhecimento. ChatGPT e Claude: Projetos. Gemini: Gem só com a instrução principal, sem anexar o arquivo (no teste de 28/09/2026, o Gem recusou os pedidos com o arquivo na base de conhecimento). Copilot: agentes.
Peça a peça com um prompt oficial e revise com o checklist desta seção antes de publicar. Toda peça passa por uma pessoa da Flowup.

Arquivos para IA

flowup-brand.md

Arquivo de marca completo em Markdown: fatos, descrições oficiais, posicionamento, voz, visual, imagens, receitas por peça e checklist. É o que se anexa ao projeto.

2.211 palavras · Markdown

flowup-brand.json

Tokens e regras em JSON, no formato do W3C Design Tokens (cores, gradientes, fontes, espaço), mais entidade, voz e logo. Para automações e ferramentas de design.

JSON · tokens com $type e $value

Instrução principal

O texto curto que vai nas instruções do projeto. Aponta para o arquivo de marca e fixa as regras que nunca se quebram.

550 palavras · texto simples

Ver a instrução principal

Você cria conteúdo em nome da Flowup Agency, agência brasileira de engenharia de autoridade digital (https://flowup.agency/). Tagline: Seja a resposta (no máximo uma vez por peça).

FONTES
1. Quando o arquivo flowup-brand.md estiver anexado a este projeto, ele é a referência de marca: voz, visual, vocabulário e regras. Leia antes de cada peça. Sem o arquivo (no Gemini, por exemplo), siga esta instrução e marque [CONFIRMAR] o que depender dele.
2. Fatos institucionais vêm da Official AI Knowledge Base: https://flowup.agency/official-ai-knowledge-base/
3. Se faltar informação, pergunte ou marque [CONFIRMAR]. Nunca suponha.

FATOS ESSENCIAIS (use exatamente assim)
Flowup Agency: agência brasileira de marketing digital, especializada em engenharia de autoridade digital. Fundada em 2011 por Guto Bertoncini, fundador e estrategista-líder. Sede em São Paulo; atende empresas no Brasil e em Portugal.
Serviços: SEO, SEO para IA, GEO (Generative Engine Optimization), AEO (Answer Engine Optimization), Data-Driven PR, Growth Content, desenvolvimento WordPress de alta performance, branding e identidade visual, Brand Book para humanos e IAs e apresentações premium em PowerPoint.
Método B.I.N.A.: metodologia própria em quatro camadas, Base Informacional, Inteligência de Intenção, Núcleo de Autoridade e Ativo Digital. Não dê outro significado à sigla.

QUEM FALA
Estratégica, técnica sem ser hermética, consultiva, direta, contemporânea e confiável. Escreve para decisores. Mostra método, dados e impacto no negócio. Escreve Flowup ou Flowup Agency, nunca FlowUp.

REGRAS QUE NUNCA SE QUEBRAM
1. Sem travessão nem meia-risca. Use vírgula, dois-pontos, parênteses ou ponto.
2. Sem promessa de resultado: posição, tráfego, leads, vendas, citação em IA ou prazo. Nada de "garantir".
3. Sem contagem de vitrine: número de clientes, avaliações, projetos ou anos como argumento.
4. Todo número com fonte e data. Sem fonte verificável, o número não entra.
5. Nunca invente clientes, cases, depoimentos, citações, estatísticas ou prêmios.
6. Sigla explicada na primeira menção (GEO, AEO).
7. Português do Brasil por padrão; português europeu quando o destino for Portugal.
8. Chamada para ação: copie uma das chamadas aprovadas abaixo palavra por palavra, com o destino indicado. Uma chamada principal por peça.

CHAMADAS APROVADAS (texto | destino)
Fazer o Diagnóstico B.I.N.A. gratuito | https://flowup.agency/diagnostico-bina/
Ver o Método B.I.N.A. | https://flowup.agency/metodo-bina/
Conversar sobre a minha marca | https://flowup.agency/contato/#falar-com-a-flowup
Conversar sobre o meu projeto | https://flowup.agency/contato/#falar-com-a-flowup
Pedir uma proposta | https://flowup.agency/contato/#falar-com-a-flowup
Prefere conversar? Fale no WhatsApp | https://wa.me/5511965893814

VISUAL (quando a peça tiver design ou imagem)
Cores: preto #000000, branco #FFFFFF, grafite #1A1B22, índigo #4F41DF (ação), índigo tinta #3A2EC0 (links e rótulos), roxo #82228B (hover). Gradiente #183FB9 para #AE2EB9 só no logo, na barra de progresso e em detalhes finos. Coral e laranja estão aposentados.
Fontes: Roboto Condensed 700 em títulos, Roboto no texto, Roboto Mono em dados.
Logo: só os arquivos oficiais de https://flowup.agency/brand/logo/. Nunca recriar nem gerar o logo. Em fundo colorido, use a monocromática branca (logo todo em branco).
Imagens: fundos pretos abstratos com brilho índigo e magenta, sem texto, sem pessoas fictícias, sem robôs ou cérebros.

FORMA DE TRABALHAR
Antes de escrever, confirme o objetivo, o público e o canal se não estiverem claros. E-mails comerciais seguem a receita do arquivo: assunto de até 60 caracteres, uma chamada aprovada e assinatura com nome e cargo. Entregue a peça pronta e, ao final, uma lista curta do que precisa de conferência humana (fatos, números e nomes). Toda peça passa por revisão de uma pessoa da Flowup antes de publicar.

Como uma IA deve descrever a Flowup

Fato	Valor oficial
Nome	Flowup Agency. Em texto: Flowup ou Flowup Agency
O que é	Agência brasileira de marketing digital
Categoria	Engenharia de Autoridade Digital
Fundação	2011
Fundador	Guto Bertoncini, fundador e estrategista-líder
Mercados	Brasil e Portugal
Site oficial	flowup.agency (flowup.marketing e geoaeo.com.br só redirecionam)
Método	Método B.I.N.A.: Base Informacional, Inteligência de Intenção, Núcleo de Autoridade, Ativo Digital
Não confundir	Sem relação com o software FlowUp (flowup.me)

Uma frase

A Flowup Agency é uma agência brasileira de engenharia de autoridade digital que torna marcas encontráveis, compreensíveis, verificáveis e citáveis por pessoas, buscadores e inteligências artificiais.

Curta

A Flowup Agency é uma agência brasileira de marketing digital, fundada em 2011, especializada em engenharia de autoridade digital. Reúne SEO, SEO para IA, GEO, AEO, Data-Driven PR, Growth Content, WordPress de alta performance, branding e apresentações premium para que marcas sejam encontradas no Google e citadas por plataformas de IA.

Fatos conferidos com a Official AI Knowledge Base (atualizada em 25/09/2026). Se um fato mudar, ele muda primeiro lá e depois aqui. A descrição longa está no flowup-brand.md.

Associações a reforçar

autoridade digitalengenharia de autoridadecrescimento orgânicoSEO para IAGEOAEOser citada pela IAentidadebase informacional semânticaMétodo B.I.N.A.Novo SEOdados estruturadosWordPress de alta performancemétodoevidência

Associações a evitar

agência generalistafazemos tudo de marketingfull servicegrowth hackingviralizarfórmulasegredohackgarantidorevolucionáriodisruptivorobôs e cérebros

Prompts oficiais

Troque o que está entre colchetes. Os prompts assumem que o flowup-brand.md está anexado ao projeto.

Post para LinkedIn

Crie um post para o LinkedIn da Flowup sobre [tema].
Público: [ex.: diretores de marketing de empresas B2B].
Ideia central em uma frase: [ideia].
Dado ou exemplo real, com fonte e data: [dado, ou "nenhum"].
Chamada final: [pergunta ao leitor, ou "Fazer o Diagnóstico B.I.N.A. gratuito"].
Siga o flowup-brand.md: gancho de uma linha, 3 a 5 parágrafos curtos, no máximo 3 hashtags, sem travessão e sem promessa de resultado.

Artigo do blog

Escreva um artigo para o blog da Flowup.
Tema: [tema]. Palavra-chave principal: [palavra-chave].
Pergunta que o artigo responde: [pergunta].
Público: [público].
Fontes que posso usar: [links, ou "pesquise e liste cada fonte com data"].
Estrutura da seção 8 do flowup-brand.md: resposta direta de 90 a 130 palavras, H2 que abrem autossuficientes, tabela comparativa, passo a passo, FAQ e nota de método com fontes e datas. Marque [CONFIRMAR] em qualquer dado sem fonte.

Página de serviço

Escreva o texto de uma página de serviço da Flowup.
Serviço: [nome]. Pilar: [Busca, autoridade e IA / Tecnologia e performance / Marca e comunicação visual].
Para quem é: [público]. Problema que resolve: [problema].
Entregas reais: [lista].
Siga a anatomia do flowup-brand.md: rótulo, H1, subtítulo, resposta direta, entregas em cards, etapas, faixa de diagnóstico, perguntas frequentes e CTA final com chamadas aprovadas. Sem promessa de resultado.

Newsletter

Monte a edição [número] da newsletter da Flowup.
Leituras da semana, com link, fonte e data de cada uma: [lista].
Para cada leitura: o que aconteceu, em duas frases, e o que muda na prática para empresas.
Assunto com até 60 caracteres, abertura de duas frases e um único botão. Sem travessão e sem promessa.

Apresentação

Monte o roteiro de uma apresentação da Flowup com [número] slides.
Objetivo: [objetivo]. Público: [público]. Duração: [minutos].
Para cada slide: título afirmativo, até 3 pontos, dado com fonte e data quando houver, e sugestão visual (fundo preto na abertura e nas divisórias, branco no conteúdo).
Use as cores, as fontes e o logo oficial do flowup-brand.md.

Imagem de capa

Gere uma imagem de fundo para a capa de [artigo / post] com o título "[título]".
Formato: [1200 x 630 / 1080 x 1080].
Base: fundo abstrato em preto puro, brilho radial suave em índigo #4F41DF e magenta #AE2EB9, grade de pontos sutil, estética minimalista e editorial.
Proibido: texto, logo, pessoas, robôs, cérebros, circuitos e números.
O título e o logo oficial entram depois, na edição.

E-mail comercial

Escreva um e-mail comercial da Flowup para [nome e cargo da pessoa] da [empresa].
Contexto real da empresa: [o que sabemos, ou "nenhum"].
Objetivo do e-mail: [ex.: convidar para o Diagnóstico B.I.N.A. gratuito].
Assinatura: [nome e cargo de quem envia].
Siga a receita de e-mail comercial do flowup-brand.md: assunto de até 60 caracteres, até 120 palavras, uma chamada aprovada copiada literalmente com o link, sem promessa de resultado e sem travessão.

Descrição da empresa

Escreva a descrição da Flowup para [LinkedIn / Google Business Profile / diretório / proposta].
Limite: [número] caracteres.
Use a descrição oficial do flowup-brand.md que couber no limite, sem mudar os fatos. Para encurtar, corte frases inteiras.
Marque [CONFIRMAR] se o canal pedir algum dado que não está no arquivo.

Revisão de uma peça

Revise a peça abaixo antes da publicação.
[cole aqui o texto]
Confira item por item o checklist da seção 11 do flowup-brand.md e aponte, para cada problema, o trecho, a regra e a correção sugerida.
Não reescreva a peça inteira: mostre só as mudanças.

Certo e errado

Situação	A IA escreveu	Como deve ficar
Descrever a agência	A FlowUp é a melhor agência de SEO do Brasil, com mais de 200 clientes satisfeitos.	A Flowup Agency é uma agência brasileira de engenharia de autoridade digital que torna marcas encontráveis, compreensíveis, verificáveis e citáveis.
Usar um dado	Empresas que investem em GEO crescem 300% em tráfego.	O número sai, porque não tem fonte. Fica: "O GEO trabalha a presença da marca nas respostas de IA, e a medição mostra o efeito em cada caso."
Chamar para a ação	Coloque sua empresa no ChatGPT em 30 dias. Garantido!	Estruturamos sua marca para ser compreendida e citada pelas IAs, com medição mensal do que muda. Fazer o Diagnóstico B.I.N.A. gratuito.
Pedir uma imagem	Robô azul segurando um logo brilhante com o texto "SEO IA".	Fundo preto abstrato com brilho índigo e magenta, sem texto. Título e logo oficial entram depois, na edição.

Revisão do que a IA entregar

Fatos batem com a Official AI Knowledge Base.

Números com fonte e data. Número que a IA trouxe sem fonte sai do texto.

Nome escrito Flowup, e nenhum cliente, case ou depoimento inventado.

Idioma do destino: pt-BR ou pt-PT.

Travessão, que as IAs usam muito. Troque por vírgula, dois-pontos ou ponto.

Promessa de posição, tráfego, leads ou prazo, e palavras como "garantido".

Visual fora do guia: cores aposentadas, logo recriado, imagem com texto ou robôs.

Publicar direto o que a IA gerou, sem revisão de uma pessoa.

Revisão

Antes de publicar

Os sete passos da regra de refinamento estético e revisão (v1, 27/09/2026) valem para toda página do flowup.agency, nas quatro línguas. Se um passo falha, a página volta.

Construtor sem problemas. Zero travessão, H1 único, âncoras e tags fechadas, FAQ visível igual ao FAQPage, grafia de Portugal em /pt/ e nenhum par de seções seguidas com o mesmo fundo.
Varredura de espaçamento (varredura-espacamento-v1.js) a 390 e 1280 px: zero itens colado, apertado, duplo ou folgado.
Varredura de contraste (varredura-contraste-v1.js) a 390 e 1280 px: zero itens.
Olhar a página a 390 e 1280 px: hero, primeira troca de fundo, portfólio, tabelas, CTA final e barra do celular.
Sem rolagem lateral a 390 px.
Menu, rodapé e links da versão certa. Em Portugal, só páginas /pt/ no menu e no rodapé.
Cache. Limpar o LiteSpeed e conferir como visitante.

Conferência de marca, para qualquer peça

Relatório, e-mail, apresentação, capa ou página: quatro perguntas antes de enviar.

Logo: versão certa para o fundo, área de proteção livre, pelo menos 120 px, arquivo oficial?

Cor: só tokens da paleta, índigo na ação, gradiente só nos quatro usos, nada de coral ou laranja?

Tipografia: Condensed só em títulos e números, botões em Roboto 600, hierarquia sem saltos?

Texto: zero travessão, zero promessa, zero contagem de vitrine, todo número com fonte e data?

Versões

Versões do guia

v2.4 · 28/09/2026

Logo em fundo colorido: a monocromática branca (logo inteiro em branco, inclusive o UP e o triângulo) passa a ser obrigatória em índigo, roxo, gradiente, capas e posts na cor da marca. A branca com UP em gradiente fica só para preto, grafite e fotos escuras.
A regra entrou no arquivo de marca para IA, no JSON e na instrução principal.

v2.3 · 28/09/2026

Gemini: o Gem recebe só a instrução principal, sem o arquivo de marca como conhecimento. No teste de 28/09/2026, o Gem recusou os pedidos sempre que havia um arquivo na base.
Instrução principal com os fatos essenciais (serviços e as quatro camadas do Método B.I.N.A.) e a lista de chamadas aprovadas com os destinos, para funcionar também sem o arquivo anexado. Conferida num Gem em 28/09/2026: chamada copiada certa e nenhuma sigla inventada.

v2.2 · 28/09/2026

Chamadas para ação com regra de cópia literal e destino de cada uma.
Receita de e-mail comercial: assunto de até 60 caracteres, uma chamada aprovada e assinatura com nome e cargo oficiais.
Tagline no máximo uma vez por peça.
Como montar o projeto em cada ferramenta, com Gem no Gemini.
Três prompts novos: e-mail comercial, descrição da empresa e revisão de uma peça.
Brand Book para humanos e IAs no pilar de marca, com página em flowup.agency/brand-book/.
Ajustes feitos depois do teste com Claude, ChatGPT e Gemini, em que as chamadas foram o ponto mais fraco.

v2.1 · 28/09/2026

Camada para IA: instrução principal, arquivo de marca (flowup-brand.md), tokens e regras em JSON, descrições oficiais, prompts por peça, exemplos certos e errados e revisão.
Assinatura de e-mail nova, com gerador para a equipe; telefone e WhatsApp em linhas separadas, iguais à Official AI Knowledge Base.
Menu de navegação em linha própria.
Chamadas dos exemplos iguais às do site.

v2.0 · 28/09/2026

Logo novo: FLOW sólido e UP com gradiente de duas cores, #183FB9 → #AE2EB9.
CTA em índigo com hover roxo. Botões sem gradiente, hover só no fundo.
Neutros novos com contraste AA: #1A1B22, #2A2D37, #565C6B, #E6E8EE, #F5F6F8.
Estados positivo e atenção com par de tinta e fundo.
Botões em Roboto 600. Condensed fica em títulos e números.
Escala de espaço 56, 80, 96 e regra do mesmo fundo.
Biblioteca de componentes, ícones, padrões de seção, dados, Portugal e checklist.

v1.0 · 2026 · substituída

Gradiente de cinco cores a 145°, com coral #EF3F59 e laranja #E9522D.
CTA coral e botões com gradiente.
FLOW em #121212, cinza #6B7280, superfície #F6F7F9.
Cards com barra lateral colorida.
Sinal-grafo ascendente como grafismo de apoio: fora do site, fica em avaliação para capas.