Soluções em geotecnia e geologia · Brandbook + Design System
Tudo o que faz uma peça parecer Geoloc: o que a empresa faz, como fala, como fotografa o campo e o laboratório, e as cores, tipos, componentes e modelos prontos para produzir sem errar.
A linha visual dos posts já existe: é o template da Arte One em uso desde mar/26 (fundo claro, barra amarela, foto com moldura, selo do site). Esta prancha registra essa linha e as regras que a Kelly e o Vilson já pediram. Não é um rebranding.

Parte I
Quem a Geoloc é antes de qualquer pixel. O que é fato vem marcado com a fonte (site, artes aprovadas, grupo do cliente); o que é proposta da Arte One está sinalizado para validar com a Kelly.
01 · Essênciaplataforma de marca
A Geoloc Engenharia e Geologia investiga o terreno antes da obra: sondagens, coleta de amostras e laboratório de solos próprio, com atuação em todo o Brasil e matriz em Curitiba. O slogan e a missão já estão publicados no site.
Fato · site geolocengenharia.com.br, conferido em 09/10/2026Precisão em cada furo, segurança em cada projeto.Slogan da home do site · Missão (Sobre nós): “Engenharia geotécnica que protege vidas e garante mobilidade.”
Promessa
Dado de campo, ensaio de laboratório e interpretação técnica no mesmo fluxo, para o projetista decidir com segurança.
Proposta · validar com a KellyPara quem
Projetistas, construtoras e operadores de infraestrutura: rodovias, ferrovias, mineração, indústria, aterros e bases de combustíveis. Gente técnica, que decide por dado e norma.
Proposta · setores vêm do site, o recorte de público é leitura da Arte OneO que a Geoloc faz
SPT (ABNT NBR 6484), mista, rotativa e a trado.
Deformadas e indeformadas (Shelby, bloco, Denison).
Caracterização, MCT, CBR, Proctor, adensamento, cisalhamento, triaxiais.
Gestão ambiental e áreas sensíveis, como postos e bases de combustíveis.
Fonte: páginas Início, Geotecnia, Laboratório e Sobre nós do site (cópia em geoloc-site.vercel.app, 29/09/2026). “Há mais de 10 anos no mercado”, segundo o próprio site.
Pilares de conteúdo
A sondagem acontecendo: máquina, equipe, terreno real.
Ensaio, amostra identificada, o dado que sai dali.
NR-18, sinalização, EPI. Faz parte da engenharia.
Rodovia, ferrovia, mineração, indústria: um terreno por obra.
Datas da profissão e da casa, sem empurrar serviço.
02 · Personalidadecomo a marca se comporta
Quatro traços para decidir rápido se uma peça, uma foto ou uma legenda está no tom.
Nomeia o ensaio e a norma
Jargão sem explicação
Mostra a própria equipe em campo
Foto genérica de banco
EPI, sinalização, procedimento
Improviso ou risco na foto
Uma ideia por peça
Promessa vaga de “qualidade”
03 · Voztexto na arte e na legenda
Os posts que funcionam abrem com um fato do solo ou da obra e só no fim mostram onde a Geoloc entra. Sem emoji na legenda, com o site em destaque e hashtags técnicas.
Na arte
Título de até três linhas em Montserrat Bold e uma frase de apoio. Nada de parágrafo, nada de lista na peça.
Na legenda
Contexto técnico, por que importa, onde a Geoloc entra, frase de fecho. Termina com o site e 4 a 5 hashtags.
Na aprovação
Nada de Geoloc vai ao ar sem o “aprovado” dela no grupo. Número, norma ou capacidade só com fonte.
Dizemos
Evitamos
Anatomia da legenda
04 · Fotografiaestilo e direção
Em 01/07 a Kelly aprovou os posts mas pediu troca de foto em um: “caixa de testemunho e tripé, máquinas pequenos demais”. Em 15/07 o Vilson reforçou no Trello: “tem que usar uma foto real”. Daí vem a regra número um: o equipamento da Geoloc aparece grande, de verdade.
Fato · grupo MKT GEOLOC (01/07/2026) e Trello, card UasNgyX5 (15/07/2026)





Todas as fotos deste mood são reais, da pasta da Geoloc no Drive (enviadas pela Kelly em 03/07, 15/07 e 08/10/2026).
Três famílias de foto

Máquina montada, equipe de EPI, terreno e obra em volta. É a família que mais representa a Geoloc e a que a Kelly mais cobra.

Ensaio em andamento, amostra numerada, equipamento de perto. Mostra o laboratório próprio, diferencial que o site destaca.

Sondas amarelas com a marca pintada, no pátio ou no caminhão. Serve para institucional, figurinha e capa de destaque.
Direção
A máquina ocupa pelo menos um terço da foto. Se o tripé ou a caixa de testemunho parece pequeno, a foto não serve.
Luz do dia, céu aberto, cor real do solo. Contra a luz só em data comemorativa.
Equipe com EPI completo e uniforme da Geoloc. Pessoa de costas ou trabalhando, sem pose.
Cerca, cone e placa aparecendo ajudam: mostram a praça de sondagem montada como pede a NR-18.
Logo pintada na sonda e no uniforme é bem-vinda. Marca de outra empresa no quadro, nunca.
Algumas fotos de campo saem com data e GPS do aplicativo. No post, recortar o carimbo para fora.
Tratamento de cor



A tinta amarela é a da linha escura do template (posts de mai–out/26): foto em preto e branco multiplicada pelo amarelo da marca.
Uma foto, três recortes



Guia rápido para o técnico fotografar em campo


Dia das Crianças, 09/10: a primeira versão tinha um equipamento topográfico com tripé ao fundo. A REV2 tira só esse equipamento. Regra registrada no card do Trello: nunca usar equipamento topográfico com tripé em peça da Geoloc.
Fato · Trello, card aShXxB0F, 09/10/2026Evitar
Motivo da troca de foto pedida em 01/07 e 15/07.
Estação total ou nível no tripé não é serviço da Geoloc.
As fotos de campo são compartilhadas com a SPT Fácil. Em peça da Geoloc, só equipamento e uniforme da Geoloc.
Foto real primeiro. Imagem gerada só em data comemorativa, com “Imagem ilustrativa”.
05 · Aplicaçõesa marca fora do post
Onde a identidade já aparece hoje: pintada no equipamento, no uniforme, no evento da casa, no site e no WhatsApp.
Perfil do Instagram



Site
geolocengenharia.com.br, hoje no Wix. Poppins, amarelo #FFB902 e texto #282626. Cópia fiel pronta na Vercel para a troca de hospedagem.
CTA do site: Fale com um especialista. Usar o mesmo texto nos posts.
Fato · site e prévia, 29/09/2026Parte II
As peças da marca, com nome, medida e regra de uso, prontas para virar arte, template ou código. Medidas em pixels no canvas de 1080 de largura, medidas nas artes de jul–out/26.
06 · Corescalas e papéis
Quatro escalas de dez passos geradas em OKLab. O amarelo vem da logo oficial; grafite e papel, das artes; o preto, do texto do site. O passo com contorno é a cor de base.
| bg.canvas | #F9F9F9 |
| text.primary | #4D4D4D |
| text.muted | #949494 |
| brand | #FFB902 |
| rule | #FFB902 |
| tag.bg | #FFB902 |
| tag.text | #282626 |
| photo.tint | #A18902 |
| box.bg | #282626 |
| text.primary | #FFFFFF |
| accent | #FFB902 |
| tag.bg | #FFFFFF |
| tag.text | #282626 |
Proporção numa peça clara, sem contar a foto: 66 papel · 20 grafite · 10 amarelo · 4 preto. Hex de base: logo 2025 (#FFB902), texto das artes (#4D4D4D), fundo das artes (#F9F9F9) e texto do site (#282626). A tinta da linha escura (#A18902) foi amostrada no post de jul/26.
07 · Tipografiao que está nos arquivos
Os arquivos do Illustrator de mai e jul/26 usam Montserrat (título e texto), Brandon Grotesque (cabeçalho “Soluções em geotecnia e geologia”) e Gotham (selo do site). O site usa Poppins.
Fato · fontes embutidas em “Geoloc - Maio.ai” e “Geoloc - Julho.ai”ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Montserrat · 400, 700, 800
Título, apoio, data comemorativa, legenda da arte. Gratuita (Google Fonts).
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Brandon Grotesque · 300 e 700
Só no cabeçalho em caixa alta. Nesta página aparece em Jost, a aproximação gratuita mais próxima.
Gotham Bold
Selo “www.geolocengenharia.com.br”. Sem a Gotham, usar Montserrat 700: é a alternativa usual.
Poppins
Fonte do site. Não entra nas artes; vale para página, landing e e-mail.
Letreiro da logo
A serifa de “GEOLOC” é desenho da logo. Não reproduzir em texto: usar sempre o arquivo.
Valores no canvas de 1080 px, medidos nas artes exportadas (feed 2250 px reduzido a 1080). Amostras ao lado em escala reduzida.
08 · Logobroca + GEOLOC + Engenharia e Geologia
O símbolo amarelo é uma broca helicoidal: o trado que entra no solo. A pasta Logo do Drive tem a versão 2025 em oito arquivos (original, amarelo, amarelo e branco, branco, preto e três cinzas), todos em PNG transparente e sem sobras.
Fato · G:\…\Geoloc\Logo, arquivos “Logo_Geoloc_Site_2025”
Original sobre branco ou papel · padrão

Amarelo e branco sobre preto ou foto escura

Preta sobre amarelo · parede, adesivo

Área de proteção = altura da linha “ENGENHARIA E GEOLOGIA” (X) em volta de toda a logo.
Proposta
Feed · mín. 180 pxno canvas de 1080 (medido nas artes)
Avatar e figurinhasó o símbolo





As sondas saem pintadas no amarelo da marca com “GEOLOC” na estrutura, e o uniforme laranja leva a logo. Quando a foto mostra isso, a logo da peça pode ficar menor: a marca já está na cena.
09 · Grid e formatosmargens e zona segura
Margem lateral de 64 px, faixa de cabeçalho de 120 px com o filete amarelo e barra amarela de 28 px colada na borda esquerda, ao lado do título. No story, 250 px no topo e na base ficam livres para a interface do Instagram.
Margens e barra medidas nas artes de jul/26. O arquivo do Illustrator exporta o feed em 2250 × 2813 (mesma proporção 4:5).
10 · Componentesblocos que montam as peças
Cada peça da Geoloc é montada com os mesmos blocos. Montar uma arte é escolher blocos e trocar foto e texto, não desenhar do zero.
SOLUÇÕES EM GEOTECNIA E GEOLOGIAO comportamento do subleito influencia a vida útil da estrutura.

Obras lineares cruzam solos e relevos muito diferentes.




11 · Peçasmodelos montados com os componentes
Montados em HTML na medida real e reduzidos para caber na tela. Texto entre colchetes é para trocar; o resto segue a regra. Todas as fotos são da Geoloc.
Feed · Técnico · linha claraO padrão da Geoloc. Base: “O solo avisa antes de se mover” e “NR-18 na prática”, jul/26.
Feed · Técnico · linha escuraFoto em tinta amarela e caixa preta. Base: “Rodovias e ferrovias”, REV3 de 08/10 com a foto indicada pela Kelly.
Story · Laboratório · linha claraMesmo template do feed, com 250 px livres no topo e na base. Foto enviada pela Kelly em 08/10.
Story · Data comemorativaTexto no fundo escuro, foto real embaixo, sem texto sobre a cena. Base: Dia das Crianças, REV2 de 09/10.

Carrossel · Série técnica · 3 slidesCapa com foto de campo, passo com foto de laboratório, fechamento com o CTA e os contatos do site.
Peças reais de referência
Aprovada pela Kelly · 08/10Investigação e acompanhamento
Aprovação interna · 08/10Laboratório · REV2
Aprovação interna · 08/10Rodovias e ferrovias · REV3
Linha clara · jul/26NR-18 na prática
Aprovação interna · 09/10Dia das Crianças · REV212 · Legibilidademedida, não estimada
Contraste calculado pela fórmula WCAG 2.2 com os hex reais. A peça é vista num celular de cerca de 390 px de largura, então todo tamanho do canvas de 1080 cai a 36%.
| Amostra | Contraste | Nível | Uso |
|---|---|---|---|
| Solo 01 | 8.03:1 | AAA | Título e texto na linha clara |
| Solo 01 | 8.74:1 | AAA | Texto do selo do site e do botão |
| Solo 01 | 15.05:1 | AAA | Texto na caixa escura |
| Solo 01 | 8.74:1 | AAA | Destaque amarelo na caixa escura |
| Solo 01 | 2.88:1 | Reprova | Rótulo do cabeçalho (só caixa alta) |
| Solo 01 | 4.91:1 | AA | Grafite sobre amarelo |
| Solo 01 | 1.64:1 | Reprova | Amarelo como texto no claro (evitar) |
| Solo 01 | 1.72:1 | Reprova | Branco sobre amarelo (evitar) |
Tamanho mínimo
| Aviso legal | 20 px → 7,2 no celular |
| Selo do site | 22 px → 7,9 |
| Frase de apoio | 28 px → 10 |
| Título | 50 px → 18 |
Regras
13 · Tokenspara template e código
Use no gerador de posts, no site ou no Figma. Nomes iguais aos desta prancha.
{
"color": {
"amarelo": {
"50": "#FFF9E3",
"100": "#FFEAC1",
"200": "#FFDB9B",
"300": "#FECB6E",
"400": "#FFB902",
"500": "#D09000",
"600": "#A36900",
"700": "#774400",
"800": "#4E2000",
"900": "#280000"
},
"grafite": {
"50": "#FAFAFA",
"100": "#DFDFDF",
"200": "#C5C5C5",
"300": "#ACACAC",
"400": "#939393",
"500": "#7B7B7B",
"600": "#636363",
"700": "#4D4D4D",
"800": "#2E2C29",
"900": "#110F09"
},
"preto": {
"50": "#FAFAFA",
"100": "#E0DFDF",
"200": "#C7C6C6",
"300": "#AEADAD",
"400": "#959494",
"500": "#7E7C7C",
"600": "#676565",
"700": "#514F4F",
"800": "#3C3A3A",
"900": "#282626"
},
"papel": {
"50": "#F9F9F9",
"100": "#DBDBDA",
"200": "#BFBEBC",
"300": "#A3A29F",
"400": "#888683",
"500": "#6D6C68",
"600": "#54534E",
"700": "#3C3A35",
"800": "#26241E",
"900": "#110F09"
}
},
"semantic": {
"claro": {
"bg.canvas": "#F9F9F9",
"text.primary": "#4D4D4D",
"text.muted": "#949494",
"brand": "#FFB902",
"rule": "#FFB902",
"tag.bg": "#FFB902",
"tag.text": "#282626"
},
"escuro": {
"photo.tint": "#A18902",
"box.bg": "#282626",
"text.primary": "#FFFFFF",
"accent": "#FFB902",
"tag.bg": "#FFFFFF",
"tag.text": "#282626"
}
},
"type": {
"family.sans": "Montserrat",
"family.label": "Brandon Grotesque (web: Jost)",
"family.url": "Gotham (web: Montserrat)",
"family.site": "Poppins",
"display": "104/1.0 sans 800 caps",
"title": "52/1.12 sans 700",
"subtitle": "28/1.3 sans 400",
"header": "22/1 label 300+700 caps",
"kicker": "22/1.2 sans 600 +0.3em caps",
"url": "22/1 url 700",
"caption": "20/1.3 sans 400"
},
"layout": {
"canvas.width": 1080,
"margin.side": 64,
"bar.width": 28,
"header.height": 120,
"story.safe": 250,
"columns": 6,
"frame.offset": 14,
"radius": 0,
"logo.min": 180
}
}
Baixar tokens.json
Parte III
O que a equipe precisa saber da cliente antes de produzir. Uso interno da Arte One.
14 · Na ponta da línguaatualizado em 09/10/2026
Sondagem, laboratório de solos e ambiental para obras em todo o Brasil. Todo post técnico passa pelo “aprovado” da Kelly.Foco atual · posts da série de setores e laboratório
Quem aprova
Kelly, no grupo “MKT GEOLOC | ArteOne”. É ela quem manda as fotos do técnico.
O que ela olha
A foto. Equipamento real e grande; troca a imagem quando a máquina aparece pequena.
Onde fica
Rua Carlos de Laet, 1805, Hauer, Curitiba/PR · (41) 3114-9627
15 · Pessoas e canais
Aprova os posts e envia as fotos de campo e laboratório. Grupo MKT.
Template original dos posts (mar/26), aprovação interna e acesso ao site.
Revisa as pautas no Trello e acompanha a aprovação com a Kelly.
geolocengenharia.com.br (Wix) · contato@geolocsondagens.com.br
@geolocengenharia
Google Ads, com tag instalada no site em 29/09. Sem Meta Ads.
Links
Acessos e credenciais ficam só no dossiê interno do Drive: “DOSSIE - Geoloc.md”.
16 · Pendênciasdono e próxima ação
Kelly · vai pedir a foto ao técnico (08/10). Quando chegar, a arte do card “Amostras indeformadas” é refeita com ela.
Paulo · Laboratório REV2, Rodovias e ferrovias REV3 e Dia das Crianças REV2 no Trello. Aprovadas, seguem para a Kelly no grupo.
Paulo e Vilson · revisar a prévia na Vercel. Com o ok, apontar o domínio e confirmar que os formulários chegam em contato@.
Paulo · compilado de 15 figurinhas para aprovação. Aprovado, vira pacote 512 × 512 para a Kelly.
Arte One · seis pautas de setores no Trello: rodovias, indústrias, terminais logísticos, mineração, ferrovias e bases de combustíveis.
Vilson e Paulo · conferir as propostas marcadas (promessa, público, pilares, bio). O que for aprovado vira regra.
17 · Histórico
Template de feed e stories (arquivos originais do Paulo).
Posts de rodovias, ferrovias, sondagem mista e remediação ambiental; Dia do Geólogo (30/05).
Kelly aprova os posts e pede troca de foto em um: “máquinas pequenos demais”.
Kelly manda fotos e vídeos do laboratório e do campo; viram o banco de fotos da marca.
Kelly aprova os posts enviados no grupo.
Kelly pede ajustes nos sites da Geoloc e da SPT; avisa que manda o material em Word e fotos.
Quatro posts enviados para aprovação no grupo, com legenda.
Compilado de 15 figurinhas de WhatsApp para aprovação interna.
Tag do Google Ads instalada no site; cópia do site publicada na Vercel.
Kelly aprova “Investigação e acompanhamento”, pede troca de foto em três posts e manda duas fotos; Laboratório e Rodovias refeitos.
Dia das Crianças REV2 sem o equipamento topográfico; brandbook e design system v1.0.
Fontes conferidas em 09/10: grupo MKT GEOLOC (Evolution), Trello da Geoloc, ClickUp, site e prévia, arquivos do Illustrator e pasta da cliente no Drive.