Global Kit X-ART
Guia visual para criação de conteúdos, landing pages, anúncios, posts, materiais de venda e comunicação institucional da Escola e Estúdio X-ART.
Identidade da marca
A X-ART comunica técnica, arte, atitude, prática e autoridade. A identidade deve manter alto contraste, presença forte, uso consistente do vermelho e estética ligada ao universo profissional da tatuagem.
Técnica
Visual limpo, preciso e profissional para transmitir método, prática e confiança.
Arte
Elementos gráficos fortes, textura visual controlada e presença autoral ligada à tatuagem.
Evolução
Comunicação focada em transformação, aprendizado e crescimento do aluno ou cliente.
Autoridade
Design premium, contraste alto e linguagem direta para reforçar experiência e credibilidade.
Branding Board
Use sempre a versão com maior contraste. Preserve proporção, respiro e legibilidade da marca em todos os materiais.
Logo para fundo preto
Aplicação ideal para landing pages, banners, anúncios, posts, capas de vídeo e materiais de impacto.
Logo para fundo branco
Aplicação indicada para documentos, apostilas, certificados, PDFs, propostas e materiais institucionais claros.
Símbolo reduzido
Use em favicon, perfil, marca d’água, destaques, ícones de seção e assinaturas discretas.
Aplicações principais
Conjunto de uso em fundo escuro, vermelho e transparente para manter consistência nos materiais.
Fontes utilizadas
Sistema tipográfico recomendado para manter a marca forte, legível e consistente em conteúdos, sites e campanhas.
Bebas Neue
abcdefghijklmnopqrstuvwxyz
0123456789
Uso: títulos de impacto, hero, banners, chamadas comerciais e peças de alta conversão.
Abrir fonteOswald
abcdefghijklmnopqrstuvwxyz
0123456789
Uso: subtítulos, menus, chamadas de seção, cards e textos de destaque com aparência forte.
Abrir fonteMontserrat
abcdefghijklmnopqrstuvwxyz
0123456789
Uso: textos de site, botões, descrições, posts, landing pages, materiais comerciais e institucionais.
Abrir fonteInter
abcdefghijklmnopqrstuvwxyz
0123456789
Uso: textos longos, apostilas, áreas administrativas, FAQs e interfaces com alta necessidade de leitura.
Abrir fonteDemonstrativo das cores
Paleta de alto contraste para manter a identidade agressiva, moderna e premium da X-ART.
Vermelho X-ART
#C00000CTAs, títulos, linhas, selos e detalhes.
Preto absoluto
#000000Fundos premium e seções de impacto.
Grafite
#111111Cards, blocos e backgrounds escuros.
Cinza escuro
#1E1E1EÁreas de conteúdo e divisórias.
Cinza médio
#777777Textos auxiliares e legendas.
Cinza claro
#F2F2F2Fundos claros e materiais institucionais.
Branco
#FFFFFFTextos, ícones e contraste em fundo escuro.
Gradiente premium
#C00000 → #000000Capas, banners e elementos hero.
Botões e cards
Os botões devem ser diretos, em caixa alta, com alto contraste e foco em conversão.
Botões
Card padrão
Título em vermelho. Texto em branco/cinza, fundo grafite, borda discreta e ícone branco para manter a identidade visual da X-ART.
Aplicações visuais
Modelos de uso para redes sociais, anúncios, landing pages, thumbnails e materiais institucionais.
Online
Aprenda tatuagem de onde estiver.
Posts e stories
Fundo escuro, título grande, vermelho em destaque, texto curto e CTA claro.
PRO
Evolua com prática supervisionada.
Anúncios pagos
Promessa forte, benefício objetivo, prova de valor e botão visual em vermelho.
Sorghi
Projetos personalizados e exclusivos.
Estúdio
Visual premium com foto real, luz dramática, preto, vermelho e assinatura X-ART.
Regras rápidas
Checklist de consistência para evitar distorções e manter a percepção premium da marca.
Permitido
- Usar a logo com alto contraste.
- Manter proporção e área de respiro.
- Usar vermelho #C00000 como cor principal.
- Usar fundos preto, grafite, branco ou vermelho.
- Aplicar ícones brancos e vetorizados em fundo escuro.
Não permitido
- Esticar ou comprimir a logo.
- Usar cores fora da paleta principal.
- Aplicar a logo em fundos com baixo contraste.
- Adicionar efeitos, sombras ou contornos exagerados.
- Poluir peças com excesso de fontes e elementos.
CSS global
Base simples para aplicar a identidade X-ART em páginas, seções e widgets HTML.
| Elemento | Configuração recomendada |
|---|---|
| H1 | Bebas Neue, 72–96px desktop, cor branca ou vermelha, caixa alta. |
| H2 | Bebas Neue ou Oswald, 44–64px desktop, cor #C00000. |
| Texto | Montserrat ou Inter, 16–18px, cor branca/cinza em fundo escuro. |
| Botões | Montserrat Bold, caixa alta, fundo #C00000, texto branco. |
| Cards | Fundo #111111 ou #1E1E1E, borda vermelha sutil e raio 20px. |