Pular para o conteúdo

Guia de marca

Para quem é esta página: Parceiros, prefeituras e quem produz material com a marca

Este guia resume o manual de identidade visual da Urbanify. Use a marca como está aqui. Ele vale para a Urbanify, para os parceiros e para qualquer material publicado com o nome da Urbanify.

A marca completa traz o nome e é a principal. O ícone é só o símbolo do “u”, e serve para espaços pequenos, como o favicon e o avatar de redes.

Marca completa Urbanify, sobre fundo claro
Marca completa, fundo claro
Marca completa Urbanify, sobre fundo escuro
Marca completa, fundo escuro
Ícone Urbanify, sobre fundo claro
Ícone, fundo claro
Ícone Urbanify, sobre fundo escuro
Ícone, fundo escuro

Sobre o azul-primário, use a versão negativa: o crachá branco com as letras azuis. Ela não está no kit de arquivos deste site. Peça-a à Urbanify ou pegue-a no Figma da marca.

Deixe em volta da marca uma zona livre, como no diagrama da página 10 do manual. Texto, foto e borda não entram nessa zona. Como regra prática, use pelo menos a altura de um “u” da marca em todos os lados.

Marca completa com o espaço livre em volta

Tamanho mínimo, recomendado por este guia (o manual não define um valor):

  • Marca completa: 96 px de largura na tela ou 25 mm na impressão.
  • Ícone: 24 px.
Marca completa no tamanho mínimo de 96 pixels
96 px
Ícone no tamanho mínimo de 24 pixels
24 px
Marca completa esticada na horizontal
Não estique nem comprima
Marca completa com cores fora da paleta
Não use cores fora da paleta
Marca completa girada
Não gire
Marca completa com contorno
Não use contornos
2.0Marca completa com texto acrescentado
Não adicione informações
urbanify
Não altere a construção
Marca completa com sombra e brilho
Não aplique sombra, brilho ou efeitos
Marca completa sobre uma imagem cheia de detalhes, sem painel
Não coloque sobre imagem cheia de detalhes sem painel sólido
Nome e foto de autoridade
Marca completa ao lado de nome e foto de autoridade
Nunca ao lado de nome, foto ou slogan de autoridade

Não monte outra versão da marca nem redesenhe o símbolo. Use sempre os arquivos do kit.

Estas são as cores da marca. Os valores de HEX e RGB valem para todos os materiais.

PrimáriaHEX #034EFF · RGB 3, 78, 255Cor principal. Use no logo e em destaques.
SecundáriaHEX #000E2E · RGB 0, 14, 46Fundos escuros e títulos.
TerciáriaHEX #001E66 · RGB 0, 30, 102Fundos de apoio, como no manual.
BrancaHEX #FCFCFC · RGB 252, 252, 252Letras do logo e fundos claros.
PretaHEX #141414 · RGB 20, 20, 20Textos e detalhes neutros.
LilásHEX #BC75FF · RGB 188, 117, 255Cor auxiliar, para destaques pontuais.
CinzaHEX #6B7996 · RGB 107, 121, 150Cor auxiliar, para textos de apoio.
MentaHEX #10FF8D · RGB 16, 255, 141Detalhe da marca, como o “Urban” do nome. Nunca texto.

Nas telas do produto, os tons de texto, borda e fundo são outros: cinza #5B6680, linha #E3E8F2, fundo #F6F8FC e verde de resolvido #12A26B. No modo escuro, o azul fica mais claro (#4D86FF) para manter o contraste.

A marca usa a Poppins em todos os textos. Ela é gratuita, com licença aberta. Ver no Google Fonts

  • Poppins Bold para títulos.
  • Poppins Medium para subtítulos e destaques.
  • Poppins Regular para o texto corrido.

Título da página

Texto corrido em Poppins Regular. Use 16 px no corpo, 14 px no texto secundário e nada abaixo de 13 px.

  • Padrão: quartos de círculo em grade, com alguns arcos pontilhados. Use-o em fundo azul-primário ou secundário, sempre com contraste baixo, para não competir com o texto.
  • Imagens e aplicações: o manual mostra papelaria, caneca, botons, adesivos e moletom. Em todos, a marca fica sobre fundo sólido, azul ou marinho, e em destaque.

“Urbanify” junta “urbano”, o ambiente onde as cidades acontecem, e o sufixo “ify”, que significa transformar algo em outra coisa. Os atributos da marca são: colaborativa, conectada, inteligente, confiável, sustentável, inclusiva, eficiente e moderna.

Fale como um colega da prefeitura: claro, curto e direto.

Faça Evite
“Reportar problema”, “Eu verifico”, “Assumir chamado” “Efetuar abertura de ocorrência”
Palavras do dia a dia Jargão de sistema
Números que vêm dos dados da cidade e podem ser conferidos Números inventados, como “milhares de cidadãos”
Dizer o que faz hoje Prometer o que ainda não existe
  • Função que ainda não existe leva o selo Em breve, e nunca aparece como pronta.
  • Tela de exemplo e dado de demonstração são simulados. Diga isso ao lado do material.

Quando uma prefeitura usa a Urbanify, o material pode mostrar o nome da cidade e o brasão oficial ao lado da marca. Separe os dois com uma linha vertical.

Nome da cidadeUrbanify
  • Pode: o nome da cidade e o brasão oficial.
  • Não pode: nome, foto ou slogan de prefeito, vice, secretário ou qualquer outra autoridade. A publicidade oficial é impessoal (CF, art. 37, §1º).
  • Período eleitoral: nenhum material pode servir de propaganda ou de campanha. Nos três meses antes de uma eleição em que o cargo do prefeito esteja em disputa, a vitrine pública sai do ar (Lei 9.504/1997, art. 73). Antes de publicar, confirme com a Urbanify.

Baixe o kit completo da marca, com SVG e PNG, com e sem fundo branco. Ou baixe os arquivos separados:

Use o SVG sempre que puder. Não recrie a marca nem a redesenhe.

A fonte oficial dos arquivos de design é o Figma da marca, mantido pela Urbanify.

Conteúdo informativo. Não substitui o contrato. Revendedores são empresas independentes.