Símbolo — fundo claro
Anel escuro + arco laranja + fundo branco na bolinha
Kit de marca ObraPro
Referência oficial do logótipo usado na landing em português: símbolo (bolinha), wordmark Obra Pro, tagline e badge Beta. Inclui versões para Facebook, Instagram e WhatsApp. PNG em alta resolução (2× retina; redes sociais com mínimo 1024px). Para o site, prefere SVG quando possível — escala sem perder nitidez.
Cores
Laranja marca
#ea580c
Preto Pro
#0f172a
Branco bolinha
#ffffff
Laranja único (#EA580C) em wordmark, arco da bolinha e badges — em fundo claro e escuro. Tipografia: Outfit (800) para o wordmark.
Símbolo (bolinha)
Símbolo — fundo escuro
Anel branco + arco laranja (sem preenchimento)
Bolinha + Obra Pro
Símbolo à frente do wordmark, sem tagline nem badges.
ObraPro
Bolinha + Obra Pro — fundo claro
ObraPro
Bolinha + Obra Pro — fundo escuro
Redes sociais (foto de perfil)
Bolinha em cima e «Obra Pro» em baixo — igual ao lockup: no fundo claro a bolinha tem centro branco e anel escuro; no fundo escuro o centro segue o fundo e o anel fica branco. Quadrado ou redondo, com PNG e SVG para cada tema.
Quadrado — fundo claro
Quadrado — fundo escuro
Redondo — fundo claro
Redondo — fundo escuro
Foto de perfil da página. Exibida em círculo na rede.
Rede: 360×360px · PNG exportado: 1024×1024px
Quadrado
Ficheiro quadrado completo — margens nos cantos.
Redondo
Recorte circular — como a rede exibe a foto de perfil.
Quadrado — fundo claro
Quadrado — fundo escuro
Redondo — fundo claro
Redondo — fundo escuro
Foto de perfil da conta. Exibida em círculo na app.
Rede: 320×320px · PNG exportado: 1024×1024px
Quadrado
Ficheiro quadrado completo — margens nos cantos.
Redondo
Recorte circular — como a rede exibe a foto de perfil.
Quadrado — fundo claro
Quadrado — fundo escuro
Redondo — fundo claro
Redondo — fundo escuro
WhatsApp Business
Foto de perfil da empresa no WhatsApp Business.
Rede: 640×640px · PNG exportado: 1280×1280px
Quadrado
Ficheiro quadrado completo — margens nos cantos.
Redondo
Recorte circular — como a rede exibe a foto de perfil.
Wordmark (só texto)
ObraPro
Obra Pro — fundo claro
ObraPro
Obra Pro — fundo escuro
Lockup completo (como no header da landing)
Bolinha + Obra Pro + «Orçamento de obras» + Beta
ObraProOrçamento de obrasBeta
Lockup B2C — fundo claro
ObraProOrçamento de obrasBeta
Lockup B2C — fundo escuro
Lockup área Pro
Bolinha + Obra Pro + chip Pro + Beta
ObraProOrçamento de obrasProBeta
Pro — fundo claro
ObraProOrçamento de obrasProBeta
Pro — fundo escuro
Open Graph e partilha social
Cartão 1200×630 gerado com a mesma tipografia Outfit do site — usado quando alguém partilha obrapro.pt no Facebook, LinkedIn, WhatsApp ou X.
E-mail transacional
Cabeçalho recomendado nos e-mails automáticos (boas-vindas, leads, propostas): bolinha + Obra Pro em fundo claro, PNG retina.
URL absoluta (produção)
Inserir no <img src="…"> dos templates HTML.
https://obrapro.pt/api/brand/png?asset=symbolWordmark&theme=light&v=8Uso no site
No código React usa o componente ObraProLogo. Para embeds estáticos ou parceiros, prefere SVG; reserva PNG para redes sociais, e-mail e schema.org.
SVG — lockup B2C (fundo claro)
/api/brand/svg?asset=lockup&theme=lightPNG — símbolo (schema.org / Google)
Logo quadrado da Organization no JSON-LD.
https://obrapro.pt/api/brand/png?asset=mark&theme=onLight&v=8Favicon, Apple e PWA
Favicon da aba: símbolo em fundo branco. Apple Touch Icon: 180×180 para «Adicionar ao ecrã». PWA: ícones 192 e 512 em fundo escuro arredondado.