Identidade visual

O b que também é tesoura

Esta é a marca do barbearia.app. O símbolo é a letra b, de barbearia, desenhada com o perfil de uma tesoura. Nesta página explico a ideia e deixo as cores e a fonte pra quem for usar.

A tesoura fecha e vira o b. Depois o b ganha as outras letras até formar barbearia.app.

01 · Símbolo

Uma letra que se lê de dois jeitos

A haste do b sobe e termina numa ponta inclinada, que faz a lâmina. A barriga é um anel com o furo no meio, no lugar do cabo onde o barbeiro encaixa o dedo.

Dá pra ler como letra ou como tesoura. Como é uma forma só, o b se sustenta sozinho no ícone do app e na aba do navegador.

Quadro da marca barbearia.app: logo em fundo escuro e claro, construção do b em grade e ícone do app

02 · Nome

barbearia, ponto app

O nome vai em minúsculas, numa linha só. "barbearia" é Poppins Bold e ".app" é Poppins Light na cor Anil, então dá pra ver onde termina o nome e começa o endereço sem espaço nem separador.

No fundo escuro, o barbearia fica branco e o .app passa pra Bruma.

barbearia.app
barbearia.app

03 · Cores

Azul de ponta a ponta

A paleta é quase toda azul, do Noite, que chega perto do preto, até a Névoa, que chega perto do branco. Fundo, texto e logo saem daí. O Cobre é a única cor quente e aparece pouco.

As cores de status ficam na agenda do painel: verde pro que foi confirmado, amarelo pro que está pendente e vermelho pra quem faltou.

Marca

  • Noite

    #0C1629

    Fundo escuro

  • Marinho

    #14213D

    Logo e texto no fundo claro

  • Anil

    #2E4A85

    Cor principal e o .app no fundo claro

  • Bruma

    #C9D3E8

    O .app no fundo escuro

  • Névoa

    #F4F6FA

    Fundo claro

  • Cobre

    #A85A2A

    Destaque

Status da agenda

  • Sucesso

    #15803D

    Confirmado, pago

  • Atenção

    #F2B84B

    Pendente

  • Falta

    #B91C1C

    Cliente não veio

04 · Tipografia

Poppins no logo e no site

O logo é escrito em Poppins, uma fonte gratuita do Google Fonts. O site inteiro usa a mesma família, então o texto em volta conversa com o logo.

Títulos vão em Bold, texto corrido em Regular e o .app do logo em Light.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 R$ % : ,

  • Corte às 15h30Light 300
  • Corte às 15h30Regular 400
  • Corte às 15h30SemiBold 600
  • Corte às 15h30Bold 700

05 · Ícone

O b no celular

No ícone do app o b fica branco sobre um degradê que desce do Anil pro Noite, com os cantos arredondados. É ele que aparece na tela do celular e na aba do navegador.

Ícone do app barbearia.app
Ícone do barbearia.app na tela inicial de um iPhone, com o nome Barbearia App
barbearia.app

Vai escrever sobre o barbearia.app ou precisa dos arquivos da marca em vetor? Me manda um e-mail que eu envio.

contato@barbearia.app