ACHADO
DO DIA
DO DIA
Arrasta pra cima
Identidade Visual · Promozone
![Promozone]()
O manual da marca Promozone. Logotipo, cores, tipografia e regras de uso — a energia das melhores ofertas, sempre consistente em qualquer peça.
Role para começar
01 / A MARCA
A ideia
Promozone é a zona das promoções: sacola, carrinho e ofertas que não acabam. Verde vibrante de "compra inteligente", energia de e-commerce. Quatro pilares guiam tudo.
Compras
Carrinho e sacola: o universo do varejo e das ofertas no centro da marca.
Energia
Verde neon vibrante, 3D, dinâmico. A vibe de achado imperdível.
Vantagem
Toda visita é uma oportunidade de economizar. Ofertas como presente.
Sistema
Cor, fonte e espaçamento padronizados — qualquer pessoa replica.
02 / LOGOTIPO
O logotipo
Emblema 3D com sacola e carrinho de compras, e o nome PROMO em branco + ZONE em verde neon. Lettering e ilustração customizados — nunca recrie com fontes do sistema.
ilustração · sacola + carrinho
PROMO · branco
ZONE · verde neon
Área de proteção
Mantenha margem livre de X em volta, onde X = largura de uma sacola do emblema. Nada invade essa área.
Tamanho mínimo
130px ✓
90px · mínimo
03 / CORES
Paleta
Verde é a alma da marca: do neon vibrante ao verde profundo. Superfícies sempre claras. Clique para copiar.
Verde Neon
Primária · highlight
#83E074 copiar
Neon Claro
Brilho · glow
#A8EC9E copiar
Verde Vivo
Botões · acentos
#40C66E copiar
Verde
Principal · corpo
#34A06A copiar
Verde Profundo
Texto forte · profundidade
#1E7D4A copiar
Creme Verde
Superfície
#F1F6EE copiar
Branco
Cards · "PROMO"
#FFFFFF copiar
O verde é a assinatura — do neon ao profundo. As superfícies são sempre claras (papel, branco, creme verde); o verde aparece nos elementos, nunca o preto como fundo.
04 / TIPOGRAFIA
Tipografia
Montserrat em todo o sistema: Black para chamadas, pesos médios para texto. Mono para dados.
Títulos / Chamadas
Montserrat Black (900)
Aa
ABCDE 012 R$ %
Texto / Interface
Montserrat
Aa
RegSemiExtraBlack
abcde 0123456789
O logotipo usa lettering 3D desenhado sob medida. Montserrat Black é a fonte de apoio que acompanha o espírito — nunca recrie o logo digitando o nome numa fonte.
05 / USO
Uso correto
A integridade do logo vem antes de tudo. Como o "PROMO" é branco, prefira fundos verdes ou claros com contraste.
Faça![]()
Sobre verde da marca. A combinação ideal — o "PROMO" branco e o neon brilham.
Faça![]()
Sobre fundo branco. O contorno do logo segura a leitura do "PROMO".
Faça![]()
Respeite a área de proteção e a proporção original.
Evite![]()
Fundo poluído ou de baixo contraste que compete com o logo.
Evite![]()
Inclinar ou girar o logo. Mantenha sempre reto.
Evite![]()
Tirar a cor ou recolorir. O verde é fixo.
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 dia
Ver oferta
Story
07 / TÉCNICO
Especificações
Parâmetros que mantêm a marca nítida e padronizada.
= X
Área de proteção
Margem livre = largura de uma sacola do emblema
90px
Tamanho mínimo
Largura mínima em tela mantendo o "PROMO ZONE" legível
PNG / SVG
Formatos
SVG para vetor; PNG transparente para web e apps
1:1
Proporção
Emblema quadrado; ótimo para avatar e ícone
08 / ASSETS
Downloads
Tudo pronto para usar: o logo e a identidade visual em código, para construir páginas web e outras criações.
Logotipo
promozone-logo.png
promozone-logo (sobre verde)
promozone-avatar.png
Identidade para desenvolvimentoweb · apps · materiais
promozone.css
{ }
promozone-tokens.json
</>
Variáveis CSS