#000000PretoContraste e fundo
Base visual para as landing pages
O sistema visual da Groove/SA, em contexto.
Explore cores, tipografia, componentes e uma demonstração de página usando a identidade e os materiais reais da banda.
01 / Identidade
Uma marca escura, direta e de palco
O preto e o carvão criam a base; o magenta destaca a marca e os pontos de ação. Fotografias reais carregam a energia da apresentação. As diagonais vêm do logo e dos materiais gráficos fornecidos.
#1E1E1ECarvãoSuperfície escura do site
#ED1E79Magenta GrooveAssinatura e CTA
#FFFFFFBrancoTexto em fundos escuros
#DDDDDDCinza claroBordas e divisores
Marca em fundo escuro
Usar a versão clara já existente; preservar o arquivo vetorial original em fundos claros.
Arquivo vetorial fornecido
Lettering preto e barra `#ED1E79`. A forma do lettering é parte do logo; não substitui a tipografia da página.
Consistência aplicada: os CTAs das páginas usam o magenta da marca e abrem o WhatsApp com uma mensagem inicial contextualizada para a página. Não há valores de contratação nas landings.
02 / Tipografia
Space Grotesk como voz de interface
A família já está carregada no site e aparece nos materiais fornecidos. A escala abaixo parte das medidas observadas no desktop e mostra uma versão ajustada para leitura e impacto nas novas páginas.
Display / hero
Space Grotesk · 300 · fluidoPop/rock ao vivo
para o seu evento.
Título de seção
Space Grotesk · 300 · caixa alta conforme a copyUma banda no palco.
Um repertório para conhecer.
Texto de leitura
Space Grotesk · 400 · 18px / 1.75Conheça a apresentação, alinhe a data e converse sobre o formato do show com a Groove/SA. A página explica o que é útil para decidir sem transformar o contato em uma lista extensa de critérios.
Títulos300 / leve
Corpo400 / regular
Ênfase600 / semibold
CTA e navegação700 / bold
O media kit também incorpora RockporRegular e Myriad Pro. Para páginas digitais, o sistema usa Space Grotesk com arquivos WOFF2 locais e fallback de sistema.
03 / Layout e ritmo
Fotografia em largura total. Conteúdo com respiro.
O site usa container de 1170 px e gutter desktop de 15 px. A demonstração mantém o palco em sangria, limita os textos a uma largura confortável e alterna imagens, carvão e acentos magenta.
01 — Entrada
Hero com apresentação real
Imagem ampla, overlay escuro só o suficiente para leitura, título e CTA claramente visíveis.
02 — Explicação
Seções editoriais
Conteúdo em uma coluna ou divisão pontual entre texto e fotografia. Sem painéis de dashboard.
03 — Conversão
Contato sem fricção
WhatsApp como ação principal. Informações e FAQs ajudam o contratante a iniciar a conversa.
Container1170 px medidos no site
Gutter desktop15 px de base observada
Seções de LP7–8 + rodapé, conforme a copy
Composiçãolargura total + editorial
Preto · hero ou pausa
Carvão · conteúdo
Magenta · acento de marca
Adaptação responsiva: os componentes empilham em telas estreitas, mantêm o texto legível e ampliam o CTA para largura total. As páginas usam corpo de 18 px também no celular e controles com áreas de toque ampliadas.
04 / Componentes
Peças para mostrar, orientar e converter
Os exemplos usam elementos reais das páginas da Groove/SA: consultar a agenda, ouvir o som, entender o rider e organizar a conversa.
Botões e marcadores
Em cada landing, a primeira mensagem identifica a página. Exemplo: “Olá! Vim pela página de confraternização e quero saber sobre a Groove/SA para o meu evento.”
Navegação de página
Navegação compacta; CTA destacado; sem barra promocional ou escassez.
Campo de contato, se necessário
A ação principal proposta continua sendo o WhatsApp. O campo demonstra a linguagem visual caso a página use formulário complementar.
Card de ocasião
Música ao vivo
Uma noite para cantar junto
Usar foto conforme o contexto da ocasião.
Prova social real
Comentário real entra com o texto, nome e contexto preservados conforme a publicação de origem.
Identificar ocasião e relação com o evento quando estiverem confirmadas.Não simular elogios nem atribuir comentário de espectador como avaliação de contratante.
Perguntas frequentes
Quais formações estão disponíveis?
A Groove/SA pode apresentar formações de quatro ou cinco músicos. A diferença é a quantidade de músicos e instrumentos, conforme o rider; o repertório é o mesmo.
A duração do show muda a formação?
A duração é combinada com o contratante e não determina a quantidade de músicos.
Forma e função
Sem enfeite que compete com a banda.
Cards retangulares, sombras discretas ou ausentes e diagonais usadas como detalhe de identidade. A fotografia e a música são a prova central.
05 / Sistema de imagens
A imagem prova a experiência
A composição final usa 14 fotos na página inicial, nove em cada página de ocasião e uma seleção de vídeos da Groove/SA no YouTube.
Palco em imagem ampla; o enquadramento evita esconder o foco principal.
Quatorze na página inicial e nove em cada landing page de ocasião.
Seleção de registros ao vivo com capas locais e reprodução sob demanda. O CTA leva ao canal para ver as publicações atuais.
Comentários legíveis em texto, atribuídos ao perfil publicado.
Nenhum resultado numérico sem comprovação é usado como prova.
Pasta pública com riders técnicos das formações.
Favicon SVG, PNG de 32 px e Apple touch icon de 180 px.
Logo centralizada em arte PNG de 1200 × 630 px.
Direção de luz: manter contraste para leitura, preservar a cor real das luzes de palco e evitar filtros globais que mudem o registro. Identificar a ocasião somente quando confirmada.
06 / Prévia da landing
Veja o sistema aplicado à página inicial
Esta demonstração usa trechos da página inicial e mostra a relação entre foto, mensagem, prova, orientação e CTA. O seletor simula o empilhamento em uma tela de celular de 390 px e mostra o texto de contato correspondente à página.
Goiânia e Goiás
Pop/rock ao vivo para o seu evento em Goiânia
A Groove/SA leva clássicos nacionais e internacionais para festas e eventos. Conte a data, a cidade e o formato que você imagina para consultar disponibilidade e orçamento.
Consultar disponibilidade e orçamentoOrçamentos rápidos pelo nosso WhatsApp.
Eventos escolhidos a dedo, com fit com a banda.
A Groove/SA prioriza qualidade, não quantidade. Escolhe a dedo os eventos que têm fit com a banda e mantém uma agenda seletiva para dedicar atenção à entrega.
Conheça o som antes
Uma banda no palco.
Um repertório que você pode conhecer antes.
Assista a Groove/SA ao vivo no YouTube e conheça o som da banda em ação.
Assista à Groove/SA no YouTubePlanejamento simples
Do primeiro contato ao planejamento do show
01 / EnvieOcasião, data, cidade e local.
02 / ConsulteA equipe verifica agenda e orçamento.
03 / AlinheFormato, repertório, horários e rider.
O comentário mantém texto, autoria e contexto associados à publicação original.
Dúvidas comuns
Informação clara para decidir
Quais formações a Groove/SA oferece?
Quatro ou cinco músicos, conforme os instrumentos e o rider de cada formação. O repertório se mantém.
A duração altera a quantidade de músicos?
Não. A duração é combinada com o contratante e não interfere na formação.
Próximo passo
Conte a data e o local.
A Groove/SA consulta a agenda e prepara o orçamento.
Consultar disponibilidade e orçamentoNavegação responsiva: os submenus abrem ao passar o mouse ou ao receber foco de teclado. No celular, as opções aparecem dentro do menu recolhível.
Documentação
Leve o sistema visual com você.
Baixe o documento técnico em Markdown com tokens, tipografia, regras de layout, componentes, acessibilidade, páginas e inventário de imagens da Groove/SA.
Arquivo Markdown · gratuito · pode ser aberto em qualquer editor de texto.