Marca e design system
Branding book do site do Grupo Candeias Mato Grosso. Reúne os logos oficiais para baixar, as cores, a tipografia, as cordas e os componentes, para que tudo que o grupo publica em MT siga a mesma identidade do grupo nacional.
Logos oficiais
Arquivos em PNG com fundo transparente, na maior resolução publicada pelo grupo. As versões negativa e de uma cor foram geradas a partir do original para uso em MT. Para artes oficiais em vetor, professores, contramestres e mestres pedem ao grupo pelo e-mail grupocandeiasdecapoeira@gmail.com.
Logo GYN completo
Marca principal do grupo: "Grupo Candeias" sobre as letras GYN em degradê, com o capoeirista em armada. Use em fundo branco.
PNG · 1516 × 1516 px
Baixar PNG
Logo GYN em selo
Versão em círculo com aro amarelo. Para avatar de redes, favicon, carimbo e fundos escuros.
PNG · 484 × 484 px
Baixar PNG
Logotipo, cor
Só o nome, para fundos claros. Uso preferido em cabeçalhos, camisetas brancas e assinaturas.
PNG · 2549 × 708 px
Baixar PNG
Logotipo, negativo
Contorno branco, mantendo as manchas vermelha, azul e amarela. Para fundos escuros e fotos.
PNG · 2549 × 708 px
Baixar PNG
Logotipo, uma cor preta
Para carimbo, gravação, bordado de uma cor e documentos em preto e branco.
PNG · 2549 × 708 px
Baixar PNG
Logotipo, uma cor amarela
Para silk e bordado sobre preto, quando só há uma cor disponível.
PNG · 2549 × 708 px
Baixar PNG
Mato GrossoAssinatura Mato Grosso
Logotipo com a placa preta "Mato Grosso", no mesmo desenho da placa "Goiânia-GO" da arte oficial de graduação. Usada no cabeçalho deste site.
Proposta regional. Validar com a coordenação antes de usar em uniforme.
Uso correto
Área de respiro
Deixe em volta do logo, no mínimo, a altura da palavra "GRUPO". Nada de texto, borda ou outra imagem dentro dessa área.
Tamanho mínimo
Logotipo: 120 px de largura na tela e 30 mm no impresso. Logo GYN: 48 px e 15 mm.
Cores
Cores oficiais do site nacional
#FBC02D · RGB 251, 192, 45Cor primária do site oficial. Botões, datas da agenda, destaques. Sempre com texto preto em cima.
#B71C1C · RGB 183, 28, 28Cor secundária oficial. Tipo de evento, links em foco, alertas.
#0D47A1 · RGB 13, 71, 161Cor de detalhe oficial. Links e foco de teclado.
#212121 · RGB 33, 33, 33Fundo oficial do site nacional. Blocos escuros, rodapé e a placa "Mato Grosso".
Cores do logo
#E30613 · RGB 227, 6, 19Topo das letras GYN.
#FFE500 · RGB 255, 229, 0Base das letras GYN.
#1878C0 · RGB 24, 120, 192Mancha do "d" em Candeias.
#C01818 · RGB 192, 24, 24Manchas do "a" e do "s".
Degradês
Vertical, #E30613 → #F07818 → #FFE500. Só nas letras GYN e em peças de evento.
Horizontal, #B71C1C → #FBC02D. Linha de base do bloco principal.
Neutros
#FFFFFF#F2F3F4#E1E2E4#5C5F66#212121Contraste: o amarelo nunca recebe texto branco. Texto pequeno em vermelho ou azul só sobre branco ou névoa.
Cordas
A corda é a peça visual que identifica cada capoeirista no site: aparece no perfil, na lista de inscritos, na linhagem e na faixa colorida do topo, que mostra a sequência completa da graduação adulta. As cores seguem a arte oficial "Sistema de Graduação Mestre Suíno".
#8C8C8C#2FA43F#F2C418#EE7A1A#1FB5CF#1E4D2B#1B2A6B#5E2B87#5A3418#C62828#F4F4F4Corda de duas cores: metade de cada. Instrutor Mestre 2º grau
Tipografia
As mesmas famílias do site nacional, ambas livres no Google Fonts.
Título de páginaBatizado e troca de cordas
Título de seçãoPróximos eventos em MT
Só na placa e na sobrelinha do heróiMATO GROSSO
Texto corridoProfessor Pantera começou na capoeira ainda menino, levado por um amigo para uma roda no bairro. Hoje ensina crianças e adultos em Sapezal.
Apoio e legendasSeu nome aparece na lista pública e o organizador vê seu WhatsApp.
Componentes
Botões
Ver a agenda Publicar evento Criar meu perfil Cancelar evento
Amarelo para a ação principal da tela. Preto para ações de formulário. Contorno para a segunda opção. Vermelho só para ações que apagam ou cancelam.
Selos
Amigo do Grupo CandeiasGrupo verificadoGrupo não verificado
Cartão de capoeirista
Bloco escuro
Campo de formulário
Voz e escrita
O tom vem da filosofia do Mestre Suíno: respeito, humildade e trabalho. Escrevemos como um capoeirista experiente fala com a roda, direto e acolhedor.
- Trate as pessoas pelo título e apelido: Mestre Sarará, Contramestre Pantera, Professora Sinhá. O nome oficial aparece pequeno, embaixo.
- Use o vocabulário da capoeira: roda, batizado, troca de cordas, corda, abadá, núcleo, formatura.
- Botões dizem o que acontece: "Vou participar", "Publicar evento", "Criar meu perfil".
- Frases curtas, voz ativa, sem jargão de sistema. Não usamos travessão nem emojis nos textos do site.
- Outros grupos são amigos do Candeias. Nunca escrever de forma que diminua outro grupo ou mestre.
Estudar para melhorar o mundo, respeitar para ser honrado, trabalhar para ter dignidade e amar para ter fé.