Proposta de identidade visualVersão 01 · 2026

    O rio leva ao encontro.

    A Zoé chega onde a estrada não chega — pelo rio ou pelo céu. Esta identidade nasce desse caminho — da floresta, da areia e do rio.

    A margem
    O encontro da água com a areia — onde o barco encosta e o atendimento acontece.
    Rio Tapajós
    É por ele — e pelo Arapiuns — que a Zoé navega.
    01 · O conceito

    O rio é o caminho. O encontro é o destino.

    A Zoé existe para chegar onde a saúde não chega. De Santarém, as equipes navegam por horas — às vezes dias — até as comunidades ribeirinhas e indígenas. O rio não é cenário, é a estrada. Quando não dá pra ir de barco, vamos de avião.

    No fim do caminho está o encontro — o mesmo que o símbolo já carrega: duas mãos que se alcançam. A Zoé chega, encontra, e cada lado permanece inteiro. O cuidado acontece na fronteira viva entre dois mundos: médicos e ribeirinhos, doadores e territórios, cidade e floresta.

    O sistema visual é geográfico: o azul é o rio; o verde é a mata na margem; a base é a areia branca das praias, com a linha dourada correndo nas fronteiras; e o laranja do pôr do sol no Tapajós é o acento quente: CTAs, brilhos e dados-herói.

    “Encontrar sem apagar.”
    A ideia central da marca. Todo o sistema visual deriva dela.
    Personalidade da marca
    Séria e transparenteConfiável para instituiçõesInovadora na operaçãoHumana no território
    Barcos da expedição no rio
    Geometria real dos rios Tapajós e Arapiuns

    O caminho real, por Carol Puppe: os barcos da expedição e a geometria dos rios Tapajós e Arapiuns extraída do mapa — a base de todo o sistema gráfico.

    A paisagem da marca
    Floresta, areia e rio.

    O esquema principal da identidade. Em peças densas de conteúdo, dois campos por vez.

    Logo Zoé — duas mãos que se encontram formando um Z
    Logo Zoé vertical
    Alternativa vertical
    02 · O símbolo

    O logo já era um encontro.

    O Z da Zoé é formado por duas mãos que se alcançam — quem cuida e quem é cuidado. O símbolo permanece intocado. As mãos se encontram como as águas se encontram.

    O que muda
    Cor secundária, elemento gráfico e tipografia.
    O que não muda
    O símbolo, o wordmark e o azul como cor principal da marca.
    04 · A paleta

    Esquema de cores.

    Azul Tapajós

    #1D3960

    Principal; fundos, títulos, cor do logo

    Sol do Tapajós

    #CC5B3E

    Secundária; CTAs, brilhos, dados-herói (acento, nunca campo)

    Verde Floresta

    #2E5E4E

    A mata na margem; pauta ambiental e território

    Areia Dourada

    #E2C185

    A linha da praia; corre nas fronteiras entre campos

    Areia Branca

    #F6F3ED

    A base de tudo

    Branco

    #FFFFFF

    Cartões e conteúdo

    Reflexo do Sol

    #F4A48C

    Realces e detalhes suaves

    Azul Arapiuns

    #9BA5B2

    O rio raso e claro; formas e camadas

    Proporção de uso
    Areia/Branco · 50%
    Azul · 26%
    Verde · 14%
    10%
    Paletas do território

    Do estudo da designer Carol Puppe: cada território tem uma paleta própria, colhida das fotografias do lugar.

    Arapiuns

    Água clara e céu — azuis suaves, verde de mata e areia.

    Belterra

    Terra firme e madeira — ocres, marrons e verde profundo.

    Mapuera e Zoé's

    Urucum, ocres quentes e terra.

    Texturas do território — a matéria como fundo

    Quando a peça pede matéria, as texturas reais — areia, terra, barro e água — entram como fundo fotográfico no lugar da cor chapada.

    Textura de Areia
    Areia
    no lugar da Areia Branca
    Textura de Terra
    Terra
    terra firme · paleta Belterra
    Textura de Barro
    Barro
    no lugar do Sol do Tapajós
    Textura de Água
    Água
    no lugar do Azul Tapajós — o logo assina em branco pleno
    05 · O elemento gráfico

    A Linha do Encontro.

    Não é uma onda decorativa: é a margem do rio — a linha viva onde o barco toca a comunidade, desenhada a partir dos contornos reais do mapa. Os campos são azul, verde, areia ou branco — e na fronteira corre a linha dourada da praia.

    1 · Divisor de campos
    1 · Divisor de campos
    Dois campos — azul e areia — e a linha dourada da praia correndo na fronteira. Uso: capas e transições de seção.
    2 · Margem vertical
    2 · Margem vertical
    Versão vertical para laterais de peça, marcadores de página e papelaria.
    3 · Afluente duplo
    3 · Afluente duplo
    O rio e a praia correndo juntos; capas e aberturas de capítulo.
    Sempre — orgânica e irregular, como a margem real; uma única linha por peça, separando dois campos; a linha dourada acompanhando a fronteira.
    Nunca — zigue-zague regular ou onda senoidal perfeita; linha solta sem campos; campos inteiros de cor de sol — o sol é traço, não campo.
    06 · O pacote de elementos

    Um rio para cada peça.

    Formas derivadas da geografia real dos rios, sempre nas cores da paleta. Elas compõem posts, capas e materiais junto com fotos recortadas — camadas de água sobre a areia branca, nunca disputando com as pessoas.

    Corpo d’água
    Corpo d’água
    O canal fundo. Fundo de destaque para números, títulos e fotos recortadas.
    Ilha
    Ilha
    O contraponto verde do corpo d’água. Fundo para pautas de território e floresta.
    Banco de areia
    Banco de areia
    Faixa dourada alongada. Base discreta para números e assinaturas.
    Brilhos de sol
    Brilhos de sol
    O reflexo do pôr do sol na água. Transições, cantos e pontas de forma.
    Divisores de campo

    Doze variações mais leves para separar seções sem pesar. Sempre um por fronteira, nunca empilhados.

    Linha do encontro · azulLinha do encontro · azul
    Linha do encontro · verdeLinha do encontro · verde
    Linha do encontro · traçoLinha do encontro · traço
    Margem verticalMargem vertical
    Divisor praiaDivisor praia
    Divisor afluente duploDivisor afluente duplo
    Divisor pontilhadoDivisor pontilhado
    Divisor brilhosDivisor brilhos
    Divisor mataDivisor mata
    AfluenteAfluente
    Rota de expediçãoRota de expedição
    Mata da margemMata da margem
    Rios reais

    Rios reais

    Encontro 1

    Encontro 1

    Encontro 2

    Encontro 2

    Encontro 3

    Encontro 3

    Encontro 4

    Encontro 4

    Regras rápidas — 1 a 2 formas por peça · sempre nas cores da paleta · a foto recortada sempre por cima · o sol entra como traço ou brilho, nunca como campo.

    07 · Ícones

    O território em traço contínuo.

    Dezoito ícones desenhados com o mesmo traço solto do afluente — linha única, pontas arredondadas, um acento de barro por ícone. Eles pontuam infográficos, relatórios e posts: o caminho (canoa, barco, avião, carro, estrada), o território (rio, árvore, floresta, palafita, rede, peixe), as pessoas (voluntários, médicos), os grafismos e as setas que conduzem o olhar.

    Ícone canoa — azul
    Ícone canoa — branco

    canoa

    Ícone barco expedicao — azul
    Ícone barco expedicao — branco

    barco expedicao

    Ícone aviao — azul
    Ícone aviao — branco

    aviao

    Ícone carro — azul
    Ícone carro — branco

    carro

    Ícone estrada de terra — azul
    Ícone estrada de terra — branco

    estrada de terra

    Ícone rio — azul
    Ícone rio — branco

    rio

    Ícone arvore — azul
    Ícone arvore — branco

    arvore

    Ícone floresta — azul
    Ícone floresta — branco

    floresta

    Ícone palafita — azul
    Ícone palafita — branco

    palafita

    Ícone rede — azul
    Ícone rede — branco

    rede

    Ícone peixe — azul
    Ícone peixe — branco

    peixe

    Ícone voluntarios — azul
    Ícone voluntarios — branco

    voluntarios

    Ícone medicos — azul
    Ícone medicos — branco

    medicos

    Ícone grafismo — azul
    Ícone grafismo — branco

    grafismo

    Ícone grafismo losango — azul
    Ícone grafismo losango — branco

    grafismo losango

    Ícone seta bifurca — azul
    Ícone seta bifurca — branco

    seta bifurca

    Ícone seta rio — azul
    Ícone seta rio — branco

    seta rio

    Ícone seta volta — azul
    Ícone seta volta — branco

    seta volta

    Regras rápidas — traço de peso único, sempre em cores da paleta · um acento de barro (ou dourado) por ícone, nunca mais · um ícone por bloco de informação, tamanho mínimo 24px. O pacote traz SVG (azul e branco) e PNG transparente de cada ícone.

    08 · Tipografia

    Calor no título, precisão no corpo.

    Aa

    Young Serif

    Títulos e números de impacto. Google Fonts ↗

    Aa

    Jost

    Corpo de texto, legendas e interface (pesos 400–700). Google Fonts ↗

    Aa

    Lora

    Palavra-chave em itálico dentro dos títulos. Google Fonts ↗

    Hierarquia em uso
    Aldeia Mapuera · Povo Wai-Wai
    Uma aldeia que nunca tinha recebido especialistas.
    Foram 487 pessoas atendidas e 1.589 exames em quem nunca havia feito um. Sua doação é o que leva a equipe até onde ninguém mais chega.
    Quero doar agora →Ver as expedições
    09 · Fotografia

    A foto real é a protagonista.

    Sem filtros pesados: as pessoas e o território aparecem como são. A identidade entra apenas pela moldura.

    Voluntária acolhe uma paciente idosa
    O cuidado que chega perto.
    Mensagem no campo azul — a foto deságua no institucional.
    Chegada à Aldeia Mapuera
    Aldeia Mapuera · Wai-Wai
    A foto deságua na areia branca; a linha dourada guarda a fronteira.
    10 · Dados e impacto

    O número é a prova.

    O dado carrega a transparência que conquista o doador institucional. Números grandes em Young Serif; contexto em Jost; o sol reservado para o valor que mais importa em cada peça.

    7
    expedições em 2026
    +5.000
    atendimentos no 1º semestre · o dado-herói, em cor de sol
    1.589
    exames, muitos os primeiros da vida
    487
    pessoas atendidas na Aldeia Mapuera
    Atendimentos por expedição · 2026
    420
    Arapiuns
    610
    Tapajós
    955
    Mapuera
    530
    Maró
    700
    Suruacá
    Barras em água clara; o sol destaca o pico. Uma cor de ênfase por gráfico — nunca o arco-íris.
    Regras de visualização
    Uma cor de ênfase por gráfico — o sol marca o dado que importa.
    Água clara para as demais séries; verde só para dados ambientais.
    Sem 3D, sombras ou pizza fatiada. Barra e linha, honestas.
    11 · Voz e tom

    Falamos como quem esteve lá.

    Concretos com os doadores, dignos com o território.

    01
    Concreta, não abstrata
    "487 pessoas na Mapuera", não "impactamos vidas".
    02
    Digna, nunca piedosa
    O ribeirinho é protagonista, não vítima. Mostramos força e cuidado, não miséria.
    03
    O doador é o encontro
    "Sua doação leva a equipe até onde ninguém chega." O apoio é a ponte entre os dois mundos.
    04
    Transparente por padrão
    Prestamos contas com dados abertos. Confiança institucional se constrói com evidência.
    Dizemos
    "Foram 1.589 exames em quem nunca havia feito um."
    "A equipe subiu o Tapajós por dois dias até a aldeia."
    "Sua doação garante a próxima expedição."
    Evitamos
    "Transformamos milhares de vidas todos os dias."
    "Comunidades carentes e esquecidas da floresta."
    "Ajude essas pessoas que tanto precisam."
    12 · Redes sociais

    Redes sociais.

    Três combinações oficiais de cor para o Instagram — sempre com o logo e um único acento por peça.

    Zoé
    ongzoe.org
    Clara
    Areia + azul + sol, água na base. O feed do dia a dia.
    Zoé
    ongzoe.org
    Escura
    Azul + reflexo do sol + linha dourada. Dados e impacto.
    Zoé
    ongzoe.org
    Território
    Areia + verde + dourado. Expedições e meio ambiente.
    13 · O site

    ongzoe.org — o encontro em movimento.

    Proposta de direção para o site — ainda não aplicada ao ar. No digital a identidade ganha movimento sutil: a margem balança, o afluente se desenha devagar. Sempre lento e contínuo, como o rio: nada pisca.

    ongzoe.org
    Floresta
    Zoé
    Saúde para populações remotas
    Cuidando de quem cuida da floresta.
    Quero doar agora →

    O institucional em azul encontra o território na Linha do Encontro; a floresta real assina o hero.

    Seções internas — claro e escuro
    A saúde chega de barco.

    Páginas de navegação — base clara, título azul, mata na base.

    7
    expedições em 2026
    +5.000
    atendimentos
    1.589
    exames realizados

    Seções de impacto — azul profundo, números em areia, o herói em reflexo do sol.

    Zoé

    Associação de Apoio à Saúde de Populações Remotas. Identidade visual · conceito “O rio leva ao encontro” · Julho de 2026. Design e estudo de territórios: Carol Puppe.

    Santarém, nosso ponto de chegada
    Pará · Brasil