por Avila Ops
EntrarCriar minha loja
Marca

Um toldo para cada negócio.

Toda loja de rua tem o seu toldo. O da Lojas tem as três cores da Avila Ops, e a porta fica aberta embaixo dele. O resto da página é de quem vende: a plataforma cede a cor, a letra e a vitrine para a marca do lojista.

Logotipo · sobre papel
Negativo · sobre tinta
Símbolo
Monocromático · loja de cliente e foto
Construção

Três faixas, uma fachada, uma porta.

  • Toldo. Azul, vermelho e amarelo, nessa ordem: as cores do símbolo da Avila Ops. É o que liga a Lojas à casa.
  • Fachada. Um traço só, da mesma espessura das letras. Funciona a 16 px na aba do navegador.
  • Porta em arco. Aberta, sem vidro nem grade: a loja está funcionando.
  • Palavra. “lojas” em minúsculas, desenhada em traço redondo, sem fonte por trás. O pingo do j é o vermelho do toldo.
Grade de 64 × 64, traço de 6
Cores

Neutro para a página, cor para o toldo.

Página

  • Tinta#16130FTexto, botão principal, fundo do painel e da cena escura.
  • Papel#FBF8F4Fundo do site. Um branco quente, que não parece sistema.
  • Papel 2#F3EFE8Faixas alternadas e rodapé.
  • Linha#E6DFD4Bordas e divisórias.
  • Tinta suave#6A6259Texto de apoio. Contraste 5,7:1 sobre o papel.

Toldo

  • Azul#0153FDFaixa do toldo e cor de interação: link, foco, seleção.
  • Vermelho#F72927Faixa do toldo e pingo do j. Não é cor de erro.
  • Amarelo#FDC403Faixa do toldo. Nunca em texto sobre fundo claro.
Letras

Inter para trabalhar, serifa para vender.

Inter em toda a interface: títulos em 700 com espaçamento apertado, texto em 400, números de preço e estoque em 600.

Nome de marca dentro das cenas e vitrines de exemplo em serifa (Iowan Old Style, Palatino, Georgia), para a tela ter cara de loja e não de software.

A loja com a cara do seu negócio.

Pix na hora, cartão e boleto, frete por CEP e o pedido avisado no WhatsApp.

Ateliê Lis

Aplicações

Onde a marca aparece, e onde ela sai da frente.

Site e estúdio

lojas.avilaops.com, /criar, /ajuda, /blog

Papel e tinta fazem a página; a cor vem dos negócios mostrados em cada cena. O logo completo, com o endosso "por Avila Ops", fica no cabeçalho e no rodapé.

Painel do lojista

/painel

Lateral na tinta, área de trabalho clara. O topo é da loja do lojista (nome e inicial); a plataforma assina embaixo, em uma cor. Azul só onde se clica.

Loja do cliente

domínio do lojista e checkout

A marca é a do lojista, inteira: cor, letra, logo e favicon saem do tema dele. Lojas aparece uma vez, no selo monocromático do rodapé.

Faça

  • Usar o logo sobre papel, branco ou tinta, sempre com a área de respiro (a largura de uma faixa do toldo em volta).
  • Usar o símbolo sozinho onde não cabe a palavra: ícone do aplicativo, favicon, avatar de rede social.
  • Usar a versão monocromática dentro de loja de cliente e sobre foto.
  • Deixar a cor da página para o negócio do lojista.

Não faça

  • Trocar a ordem ou as cores do toldo, ou pintar o toldo com a cor de um cliente.
  • Escrever "lojas" digitado em outra letra no lugar do logotipo desenhado.
  • Usar azul, vermelho ou amarelo como fundo de seção inteira.
  • Pôr a marca Lojas maior que a marca do lojista em qualquer tela da loja dele.
Arquivos

Para baixar.