Marca Faro Dados

Faro é farol e é faro: enxergar antes. A marca é um feixe de luz que revela a informação escondida no meio dos dados públicos. Aqui estão os arquivos e as regras de uso.

O símbolo: o farol

Cúpula, lanterna acesa em âmbar, torre listrada e o feixe que se abre para a direita, na direção do nome. Desenhado em vetor, com cores chapadas; o feixe é o único degradê.

Marca oficialVersão final

FaviconSó o farol, sem o feixe, para ler bem em 16 px.

Estudos que não foram escolhidos

A · Feixe FA torre forma a haste de um F e o feixe a barra de cima.

B · Farol de dadosColunas de gráfico formando a silhueta do farol.

C · Abertura focalUma lente com o feixe saindo do ponto focal.

Versões do logo

Clique para baixar o SVG. Deixe em volta do logo um espaço livre da altura da cúpula do farol.

Principallogo-horizontal.svg

Principal, fundo escurologo-horizontal-escuro.svg

Em uma linhalogo-linha.svg

Em uma linha, fundo escurologo-linha-escuro.svg

Símbolo com o feixesimbolo-feixe.svg

Só o farolsimbolo.svg

Ícone de app e faviconicone-app.svg

Monocromática pretalogo-mono-preto.svg

Monocromática brancalogo-mono-branco.svg

Cores

Todo texto e botão do site passa no contraste WCAG AA (4,5:1). Há um tema escuro automático, que segue o aparelho.

Aa
Azul-petróleo#0B2A3C
Cabeçalho, rodapé, títulos e texto principal. Confiança.
Contraste: 14,9:1 com branco
Aa
Âmbar luz#FFB400
Botões principais, o feixe do logo e destaques sobre petróleo. Nunca como texto sobre fundo claro.
Contraste: 8,3:1 com petróleo
Aa
Off-white#F7F9FA
Fundo das páginas no tema claro.
Contraste: 14,1:1 com petróleo
Aa
Cinza-azulado#5B6B76
Texto secundário, legendas e metadados.
Contraste: 5,5:1 com branco
Aa
Verde#1FA97A
Confirmações e números positivos (preenchimento). Para texto, use #137A57.
Contraste: #137A57: 5,3:1 com branco
Aa
Vermelho#D64545
Prazos curtos e alertas (bordas e ícones). Para texto, use #B83232.
Contraste: #B83232: 5,9:1 com branco

Tipografia

Sora para títulos e para o logotipo; Inter para o texto. Ambas gratuitas (Google Fonts, licença OFL). Só três pesos no site: Sora 700, Inter 400 e Inter 600.

H1 · Sora 700 · 32/48 px: Saiba antes
H2 · Sora 700 · 24/32 px: Obras abertas em São Paulo
H3 · Sora 700 · 18/20 px: Fecham primeiro
Texto · Inter 400 · 16/17 px: Reforma da escola municipal com ampliação de quatro salas de aula.
Destaque · Inter 600: Valor estimado: R$ 1.250.000,00
Legenda · Inter 400 · 13 px: Publicada no PNCP em 10/11/2026

Ícones

Desenho próprio, em grade de 24 px, traço de 1,75 px, pontas e cantos arredondados, sem preenchimento. Sempre ao lado de um texto.

busca
sino
local
relogio
valor
obra
documento
seta
externo
check
mapa
grafico
coleta
filtro
escudo
calendario
alerta
livro

Gráficos e ilustrações: linhas limpas, sem degradês complexos. A luz aparece como feixe em âmbar com transparência sobre a grade de pontos (os dados), como no topo da página inicial.

Componentes

Os mesmos usados no site.

Botões

Cabeçalho

Receber alertas

Card de licitação (prazo urgente)

Fecha em 3 diasCidade Exemplo, SP
Exemplo: reforma e ampliação de escola municipal de ensino fundamental
Órgão
Prefeitura de exemplo
Valor estimado
R$ 1.250.000,00
Propostas até
14/11/2026, 10:00

Demonstração

Campo de e-mail

Fundo branco, borda que vira vermelha no erro, botão âmbar integrado à direita e consentimento explícito logo abaixo. Esta é só uma amostra: não envia nada.

Seu e-mail

Concordo em receber os alertas e posso sair a qualquer momento.