← Voltar ao site

Manual da marca

Identidade v2 da Bonamigo Systems, definida em julho/2026. Esta página é a referência viva: os tokens daqui são os mesmos do código (globals.css), e o monograma é gerado do mesmo SVG usado no site (src/components/logo.tsx).

Logotipo

Um monograma, quatro aplicações

O B entrelaçado original: azul atrás, prata metálica à frente, com o respiro escuro entre as camadas. O vetor foi traçado diretamente sobre a arte de referência — não é redesenho.

Vitrine · fundo escuro
Fundo claro
Neutra · fundo escuro
Miniatura · favicon e avatar
16 · 32 · 64 · acima de 48px entra a versão em camadas
BONAMIGOSYSTEMS
Conjunto horizontal · área de respiro = largura da haste do B
Cores

Paleta com função, não só tom

A v1 tinha três quase-pretos e nenhuma cor de ação. A v2 dá papel a cada cor e registra o contraste de cada uma sobre o fundo — o que reprova AA não vira texto.

Fundos

Ink#0A0A0A

--color-ink · fundo base

Fundo padrão de tudo que é digital.

Surface#14171C

--color-surface · fundo elevado

Cartões e superfícies acima do fundo.

Navy#0D1B2A

--color-navy · 17:1 c/ branco

Painéis de marca, fundo do ícone, impressos escuros.

Ação

Brand#2D6FCC

--color-brand · 4.9:1 sob branco

Botões primários e destaques. O azul do logo, agora oficial.

Brand strong#1E4FA3

--color-brand-strong · 7.8:1 sob branco

Hover/pressed. É também o azul de marca em fundo claro.

Brand light#6FA3F0

--color-brand-light · 7.7:1 no Ink

Links e ícones sobre fundo escuro.

Neutros

Frost#F4F6F8

--color-frost · 18:1 no Ink

Títulos e texto principal no escuro.

Silver#BFC3C9

--color-silver · 11:1 no Ink

Texto corrente no escuro. O prata da identidade.

Mist#9BA1A8

--color-mist · 7:1 no Ink

Texto secundário, legendas, placeholders.

Steel#6B6F76

--color-steel · 3.9:1 no Ink

SÓ bordas, divisores e rótulos grandes. Nunca texto corrente.

Funcionais

Success#3ECF8E

--color-success · 10:1 no Ink

Pagamento confirmado, sistema no ar, ação concluída.

Warning#F5A524

--color-warning · 9.7:1 no Ink

Parcela a vencer, atenção, beta.

Danger#E5484D

--color-danger · 5.1:1 no Ink

Inadimplência, erro, ação destrutiva.

Tipografia

Poppins para a marca, Inter para o produto

Poppins dá voz institucional a títulos e materiais. Dentro dos sistemas (Atomatiza, Padelizou), o texto de trabalho é Inter — desenhada para telas e com numerais tabulares para colunas financeiras.

Poppins · institucional

Sistemas que conectam.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — R$ 1.234,56

Pesos: 300 · 400 · 500 · 600. Títulos em SemiBold, corpo em Regular.

Inter · produto

Parcela 3/10 confirmada

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — R$ 1.234,56

R$ 1.111,11R$ 8.808,80R$ 940,17R$ 12.345,67

Com tnum os algarismos têm a mesma largura — colunas de valores alinham sozinhas.

Aplicação

Componentes de referência

Botões

PrimárioHoverSecundárioLink →

Estados

Em produçãoEm desenvolvimentoBetaAtrasado
Voz

O slogan assina, o concreto vende

“Sistemas que conectam. Soluções que transformam.” é assinatura de marca: rodapé, cartão, gravação sob o logo. Manchete e conversa comercial falam do resultado.

Assim

  • “Tire sua operação da planilha.”
  • “Contrato assinado vira parcela no Pix — sozinho.”
  • “Sistema sob medida, com o código no seu nome.”

Assim não

  • “Soluções inovadoras e disruptivas para o seu negócio.”
  • “Transformação digital de ponta a ponta.”
  • Abrir proposta ou conversa com o slogan.
Referência

Arte original

A folha de marca de onde o vetor foi traçado. Fica no repositório (brand/marca-referencia.webp) como registro histórico.

Folha de marca original da Bonamigo Systems
Restrições

Nunca fazer