Guia de identidade visual

A etiqueta de preço

A marca parte da plaquinha amarela do supermercado, o lugar onde todo brasileiro encontra o preço das coisas. O amarelo aparece só onde há preço. O resto é tinta escura sobre fundo claro, limpo e sem cor partidária.

Etiqueta inclinada + nome em duas linhas. Use sempre uma destas três versões.

o preçodas coisas

Principal, sobre fundo claro.

o preçodas coisas

Negativa, sobre fundo escuro.

o preçodas coisas

Sobre o amarelo da marca (posts e capas).

Ícone

Ícone em 96 pixels Ícone em 48 pixels Ícone em 24 pixels Ícone em 16 pixels

Favicon, ícone do app e avatar. Funciona até 16 px porque não tem texto.

Cuidados

  • Não troque o amarelo da etiqueta por outra cor.
  • Mantenha um espaço livre em volta do logo igual à altura da etiqueta.
  • Não distorça, não gire de novo e não aplique sombra.

Cores

Amarelo é a etiqueta. Alta e baixa usam laranja e azul, nunca vermelho e verde, para não lembrar partido nem "bom e ruim".

Amarelo etiqueta#FFD43B
preço, logo, destaque
Tinta#16150F
texto, linha do gráfico
Papel#FFFFFF
fundo
Superfície#F6F5F0
caixas, faixas
Alta#B4410C
preço subiu
Baixa#1E4FBF
preço caiu

O site tem modo escuro automático: fundo #121210, texto #F3F1E9 e o mesmo amarelo.

Tipografia

Duas fontes da mesma família, gratuitas no Google Fonts. A condensada lembra o letreiro de mercado; a normal garante leitura fácil.

Barlow Condensed 800
títulos e preçosQuanto custa o litro
Barlow Condensed 700
nomes de itemGás de cozinha · botijão 13 kg
Barlow 400
texto corridoPreço médio ao consumidor, segundo o levantamento semanal da ANP nos postos de todo o país.
Barlow 700
números e destaquesR$ 1.234,56 · 2h05 de trabalho · +4,8%

Componentes

Valores ilustrativos.

Etiqueta de preço

R$6,29 R$109,90 R$49,80

Cartão de item

Gasolinalitro
R$6,29
▲ +4,8% em 12 meses
= 1h05 de trabalho
Fonte: ANP · Brasil

Controles e variação

▲ +4,8%▼ −2,1%= 0,0%

Compartilhamento

Imagens quadradas (1080 × 1080) geradas a partir de cada cartão, pensadas para WhatsApp, Instagram e X.

Gasolina no DF
R$6,29
▲ +4,8% em 12 meses · 1h05 de trabalho
oprecodascoisas.com.brFonte: ANP
Carne bovina · kg
R$49,80
Em jan/2019: R$ 27,40
oprecodascoisas.com.brFonte: DIEESE

Mobile e web

  • Celular primeiro. Cartões em 2 colunas, abas roláveis na horizontal e alvos de toque com 44 px.
  • Tablet: 3 colunas. Desktop: os 5 cartões numa linha só, conteúdo com até 1140 px.
  • Tabelas largas rolam dentro da própria caixa; a página nunca rola para o lado.
  • Modo escuro segue a configuração do aparelho.

Tom de voz

Direto

"Gasolina subiu 4,8% em 12 meses." Sem adjetivo, sem "disparou" ou "despencou".

Com fonte

Todo número diz de onde veio e de quando é.

Apartidário

Mostramos os mandatos lado a lado e deixamos a conclusão para quem lê.