ACHADO
DO DIA
DO DIA
Arrasta pra cima
Identidade Visual · Clube do Barone
![Descontão — Clube do Barone]()
O manual da marca Descontão. Logotipo, cores, tipografia e regras de uso — a energia da melhor oferta, sempre consistente em qualquer peça.
Role para começar
01 / A MARCA
A ideia
Descontão é o clube de ofertas do Barone: a sensação de achar a promoção imperdível. Dourado de prêmio, verde de "joia rara", energia de festa. Quatro pilares guiam tudo.
Oferta
Desconto de verdade, achado do dia. O "%" é o coração da marca.
Energia
Festiva, vibrante, animada. Letras 3D que pulam da tela.
Confiança Barone
O selo de qualidade do Barone por trás de cada oferta.
Sistema
Cor, fonte e espaçamento padronizados — qualquer pessoa replica.
02 / LOGOTIPO
O logotipo
Wordmark festivo DESCONTÃO em dourado 3D, o selo de % no lugar do "O", e o banner CLUBE DO BARONE. Lettering customizado — nunca recrie com fontes do sistema.
DESCONTÃO · ouro #F4D91B
selo % · verde
banner · CLUBE DO BARONE
Área de proteção
Mantenha margem livre de X em volta, onde X = altura do banner. Nada invade essa área.
Tamanho mínimo
230px ✓
150px · mínimo
03 / CORES
Paleta
Dourado e verde mandam: prêmio + economia. Creme e branco para as superfícies. Clique para copiar.
Ouro
Primária · letras
#F4D91B copiar
Ouro Claro
Highlight · brilho
#FFE873 copiar
Âmbar
Sombra · profundidade
#C6A014 copiar
Verde
Principal · banner/selo
#2E7D16 copiar
Verde Brilho
Bevel · contorno
#7FBB45 copiar
Verde Neon
Glow · acento
#9BE53E copiar
Verde Escuro
Profundidade · fundo
#14430A copiar
Creme
Texto claro
#F4F8D1 copiar
O contraste ouro+verde é a assinatura da marca. As superfícies são sempre claras (papel, branco, creme) — o dourado e o verde aparecem nos elementos, nunca o preto como fundo.
04 / TIPOGRAFIA
Tipografia
Fontes de apoio do sistema. Display festivo para chamadas, sans limpa para texto.
Títulos / Festivo
Titan One
Aa
ABCDE 012 R$ %
Texto / Interface
Montserrat
Aa
RegSemiExtraBlack
abcde 0123456789
Dados / Labels
JetBrains Mono
Aa
RegMedBold
-50% R$ 99,90
O logotipo usa lettering 3D desenhado sob medida. Titan One é só a fonte de apoio que evoca esse espírito — nunca recrie a marca digitando o nome numa fonte.
05 / USO
Uso correto
A integridade do logo vem antes de tudo.
Faça![]()
Sobre verde da marca. A combinação ideal — o logo brilha.
Faça![]()
Sobre fundo branco. O contorno do logo garante a leitura.
Faça![]()
Use o selo como ícone/avatar quando faltar espaço.
Evite![]()
Fundo poluído ou colorido que compete com o logo.
Evite![]()
Inclinar ou girar o logo. Mantenha sempre na horizontal.
Evite![]()
Tirar a cor ou recolorir. Ouro + verde são fixos.
06 / APLICAÇÕES
Na prática
Como a marca vive em avatar, oferta e story.
Avatar / Redes
Post de oferta
-50%menor preço do mês
Pegar cupom
Story
07 / TÉCNICO
Especificações
Parâmetros que mantêm a marca nítida e padronizada.
= X
Área de proteção
Margem livre = altura do banner, em todos os lados
150px
Tamanho mínimo
Largura mínima em tela; abaixo disso o banner perde leitura
PNG / SVG
Formatos
SVG para vetor; PNG transparente para web e apps
2.7:1
Proporção
Logo horizontal; não force em espaços quadrados sem respiro
08 / ASSETS
Downloads
Tudo pronto para usar: os logos e a identidade visual em código, para construir páginas web e outras criações.
Logotipos
descontao-logo.png
descontao-icone-circular.png
descontao-app-icon.png
Identidade para desenvolvimentoweb · apps · materiais
descontao.css
{ }
descontao-tokens.json
</>
Variáveis CSS