Apresentar o Vilanova como um projeto aberto e comunitário de catalogação da história da cantoria nordestina, usando IA para preservação digital. Angariar contribuidores, pesquisadores e apreciadores da cultura do repente.
Primárias:
- Terracota Forte:
#C84B31(CTAs, destaques) - Ocre Queimado:
#D49B54(acentos, links) - Barro Claro:
#E8D4B0(backgrounds suaves)
Secundárias:
- Azul Grego:
#2E5266(texto principal, headers) - Verde Carnaúba:
#4A7C59(sucesso, confirmações) - Creme Cerâmica:
#F5EBE0(backgrounds principais)
Acentos:
- Bronze Envelhecido:
#8B6F47(bordas, detalhes) - Vermelho Lampião:
#A63D40(alertas, destaque especial)
Títulos Principais:
- Font: Playfair Display ou Cormorant (peso 600-700)
- H1: 3.5rem (56px) - Hero headline
- H2: 2.5rem (40px) - Seções principais
- H3: 1.75rem (28px) - Subsections
Subtítulos:
- Font: Outfit ou Space Grotesk (sans-serif geométrica)
- Peso: 500-600
- Letterspacing: 0.5px
Corpo de Texto:
- Font: Lora ou Crimson Pro (serif legível)
- Body: 1.125rem (18px)
- Line-height: 1.8
Destaques Poéticos:
- Itálico elegante para versos
- Blocos com borda lateral grossa em Terracota
- Sistema base: 8px
- Variações orgânicas: 12px, 20px, 32px, 48px, 80px, 120px
- Container máx: 1280px
- Margens laterais: min 5vw
- Entre seções: 80px
- Transições importantes: 120px
Layout:
- Grid assimétrico 60/40
- Esquerda: Conteúdo textual
- Direita: Visual com viola/cantadores (máscara geométrica irregular)
Headline Principal:
Vilanova
(Playfair Display, 3.5rem, Azul Grego #2E5266, peso 700)
Subheadline:
A História Viva da Cantoria Nordestina
Catalogada, Digitalizada e Organizada com IA
(Lora, 1.5rem, Azul Grego 80%)
Descrição do Projeto:
Um projeto aberto e nunca finalizado de estudo e exaltação do repente.
Nasceu em Campina Grande, mas é feito para todo o Nordeste.
Usamos Inteligência Artificial para:
→ Transcrever automaticamente cantorias em MP3/WAV
→ Catalogar repentes históricos e cantadores
→ Organizar estilos, eventos e a história do repente
→ Preservar digitalmente esse patrimônio cultural
Todos estão convidados a contribuir.
(Lora, 1.125rem, line-height 1.8)
CTAs:
-
Primário: "Contribuir no GitHub"
- Cor: Terracota #C84B31
- Tamanho: Grande (padding 16px 32px)
- Hover: Bronze #8B6F47 com elevação sutil
- Link: http://github.com/lucis/vilanova
-
Secundário: "Assistir Websérie"
- Cor: Outline Azul Grego #2E5266
- Link para YouTube
Background:
- Creme Cerâmica #F5EBE0
- Padrão sutil de azulejos gregos + renda renascença (opacidade 5%)
- Foto de cantadores com máscara geométrica irregular
Borda decorativa:
- Linha divisória em Ocre Queimado com 3px
- Padrão de xilogravura nas pontas
Título:
A Arte que Guarda a Memória do Nordeste
(Playfair Display, 2.5rem, Terracota #C84B31, texto centralizado)
Layout: Grid assimétrico 70/30
- 70%: Texto principal (esquerda)
- 30%: Citação de verso em destaque (direita)
Texto Principal: (Lora, 1.125rem, Azul Grego #2E5266, line-height 1.8)
O repente é uma das manifestações artísticas mais sofisticadas do Brasil.
Há mais de 500 anos, essa tradição chegou ao Nordeste vinda da Europa
medieval, mas foi aqui que se transformou em algo completamente único.
Na cantoria de viola, dois poetas se enfrentam criando versos improvisados
na hora, seguindo regras rigorosas de métrica, rima e estrutura. Cada estilo
tem suas próprias leis: o Galope à Beira Mar sempre termina com "Nos dez de
galope na beira do mar", o Martelo Alagoano repete "Nos dez pés de martelo
alagoano".
Esses versos não são apenas poesia - são educação, história, filosofia de
vida. Através do repente, gerações do Nordeste aprenderam sobre valores,
ética, política e humanidade. Os cantadores são bibliotecas vivas.
E muita dessa história está se perdendo.
Citação em Destaque: (Bloco com borda esquerda 4px Terracota, padding 24px, background Barro Claro)
"Quem não calça as sandálias da humildade
torce o pé se correr desalta"
— Os Nonatos, em Oitava
(Itálico, Lora, 1.25rem)
Spacing: 80px após seção
Título:
Um Problema Urgente de Preservação Cultural
(Playfair Display, 2.5rem, Vermelho Lampião #A63D40)
Layout: 3 cards horizontais com bordas sutis
Card 1: O Risco (Card com borda 2px Bronze #8B6F47, background Creme Cerâmica, padding 32px)
Gravações Perdidas no Tempo
Milhares de repentes históricos existem apenas em fitas cassete
deterioradas, gravações de rádio esquecidas ou na memória de
mestres que não estarão aqui para sempre.
Sem um esforço coordenado de digitalização, essa história
desaparece. Para sempre.
Card 2: A Complexidade (Card com borda 2px Bronze #8B6F47, background Creme Cerâmica, padding 32px)
Estruturas Poéticas Sofisticadas
Cada estilo de repente tem regras precisas:
• Galope à Beira Mar: 10 versos decassílabos
• Martelo Alagoano: mote fixo, rimas ABBAACCDDC
• Sextilha: 6 versos setissílabos, rima ABCBDB
Os cantadores adaptam até a pronúncia das palavras ("dez de" → "dérbi")
para manter a métrica perfeita. Entender essa complexidade exige
tecnologia especializada.
Card 3: A Oportunidade (Card com borda 2px Bronze #8B6F47, background Creme Cerâmica, padding 32px)
IA Treinada em Cultura Nordestina
Tecnologia moderna pode:
→ Transcrever automaticamente MP3s com Whisper
→ Identificar estilos e estruturas poéticas
→ Respeitar adaptações fonéticas intencionais
→ Catalogar cantadores, eventos e repentes
→ Tornar tudo acessível e pesquisável
Mas precisa da comunidade.
Nossa Solução: (Box destacado, background gradiente Terracota → Ocre, padding 48px, texto branco)
O Vilanova é um Projeto Aberto
✓ Upload de MP3/WAV → Transcrição automática com IA
✓ Catalogação de cantadores e suas obras
✓ Calendário de cantorias (eventos recorrentes)
✓ Acervo pesquisável de repentes históricos
✓ Código aberto no GitHub para transparência
✓ Dados estruturados para pesquisadores
Já temos: 4 repentes transcritos, análise de 3 estilos
Em breve: Editor com IA, calendário público, API aberta
TUDO ISSO PRECISA DE VOCÊ.
CTA grande: "Contribuir no GitHub →" (Terracota, destaque)
Spacing: 120px após seção
Título:
Um Projeto em Construção Permanente
(Playfair Display, 2.5rem, Azul Grego #2E5266, centralizado)
Subtítulo:
Projeto aberto significa nunca finalizado. Veja o que já temos e o que vem por aí.
(Outfit, 1.25rem, Azul Grego 70%, centralizado)
Timeline Vertical: (Design: linha vertical em Bronze #8B6F47, pontos de conexão como xilogravura)
1. Acervo Inicial de Repentes (Card com ícone check verde Carnaúba #4A7C59)
4 Repentes Transcritos e Analisados
• Galope à Beira Mar (Sebastião vs Ivanildo - Caruaru)
• Galope à Beira Mar (Os Nonatos - Serra Talhada)
• Oitavas (Os Nonatos - São Lourenço da Mata)
• Martelo Alagoano (artista a identificar)
Cada repente inclui:
→ Transcrição completa com timestamps
→ Análise de métrica e rima
→ Identificação de figuras de linguagem
→ Notas sobre adaptações fonéticas
2. Estrutura de Dados Poética (Card com ícone check verde)
3 Estilos Catalogados com Regras Completas
• Galope à Beira Mar: 10 versos, mote fixo
• Sextilha: 6 versos setissílabos
• Martelo Alagoano: 10 versos, refrão triplo
Para cada estilo:
→ Esquema de rimas (ex: AAAAABBCCM)
→ Número de sílabas por verso
→ Regras de mote (se aplicável)
→ Exemplos reais de mestres
→ Nota sobre respeito a adaptações fonéticas
3. Sistema de Backoffice com IA (Card com ícone check verde)
Ferramentas para Catalogação Automática
→ Upload de MP3/WAV (drag & drop)
→ Transcrição com OpenAI Whisper
→ Criação de perfis de cantadores
→ Extração automática de poesias
→ Validação de estruturas poéticas
Workflow: Áudio → Whisper → IA identifica estilos → Cataloga
4. Landing Page e Identidade (Card com ícone construction Ocre #D49B54)
Design Cultural e Memorável (você está aqui!)
→ Paleta terracota, azul grego, tons terrosos
→ Tipografia com personalidade (Playfair + Lora)
→ Visual que foge de clichês de IA
→ Storytelling que convida à participação
5. Calendário de Cantorias (Card com ícone calendar Azul Grego #2E5266)
Eventos Recorrentes e Únicos
→ "Clube do Repente" toda primeira quinta em Campina Grande
→ Festivais anuais: Caruaru, Serra Talhada
→ Sistema de RSVP para interessados
→ Integração com perfis de cantadores confirmados
6. Editor Inteligente Público (Card com ícone edit)
Crie Seus Próprios Repentes com IA
→ Escolha o estilo
→ Escreva livremente
→ Análise em tempo real de métrica/rima
→ Sugestões de palavras que cabem
→ Geração de versos completos
→ Validação automática
→ Publicação no acervo comunitário
7. Busca e Filtros Avançados (Card com ícone search)
Encontre Qualquer Repente no Acervo
→ Por cantador (ex: "Ivanildo Vilanova")
→ Por estilo (ex: "Galope à Beira Mar")
→ Por tema (ex: "desafio", "autoestima")
→ Por local (ex: "Caruaru")
→ Por data/época
→ Por qualidade da transcrição
8. API Pública para Pesquisadores (Card com ícone code)
Dados Estruturados e Acessíveis
→ Endpoints REST para todos os dados
→ Schemas de estilos documentados
→ Transcrições em formato JSON
→ Estatísticas do acervo
→ Rate limiting generoso para acadêmicos
CTA: "Ver Roadmap Completo no GitHub →" (link para Issues/Projects)
Spacing: 120px após seção
Visual: Dashboard de progresso do usuário
Descrição:
🎓 Aprenda com os Mestres e com a IA
• Tutoriais interativos para cada estilo
• Exercícios práticos com feedback instantâneo
• Progressão gamificada do iniciante ao mestre
• Análise das suas criações
• Comparação com obras de cantadores famosos
• Certificados de maestria em cada estilo
CTA: "Começar a Aprender"
Visual: Diagrama de análise de um verso
Descrição:
🔍 Entenda a Engenharia da Poesia
• Visualização da estrutura silábica
• Mapa de rimas e esquemas
• Identificação de figuras de linguagem
• Análise temática e semântica
• Comparação entre estilos
• Estatísticas de vocabulário
CTA: "Ver Exemplo de Análise"
Título:
Do Zero ao Primeiro Repente em 3 Passos
Passo 1:
1️⃣ Escolha seu Estilo
Galope à Beira Mar, Sextilha, Mourão Voltado...
Veja as regras explicadas de forma visual e clara.
Passo 2:
2️⃣ Comece a Escrever
Digite seus versos livremente.
A IA analisa em tempo real: sílabas, rimas, estrutura.
Passo 3:
3️⃣ Refine com IA
Receba sugestões de palavras que rimam.
Gere versos completos como inspiração.
Valide se sua poesia respeita todas as regras.
CTA: "Criar Meu Primeiro Repente"
Título:
Conheça os Estilos Tradicionais
Cards de Estilos (Grid Responsivo):
🌊 Galope à Beira Mar
📊 Dificuldade: Avançada
📝 10 versos por estrofe
🎯 Tema: Autoestima e desafio
📐 Métrica: 10 sílabas
🎵 Mote fixo no último verso
"Nos dez de galope na beira do mar"
CTA: "Ver Exemplos"
📖 Sextilha
📊 Dificuldade: Intermediária
📝 6 versos por estrofe
🎯 Tema: Livre
📐 Métrica: 7 sílabas
🎵 Sem mote fixo
Estilo mais versátil e popular
CTA: "Ver Exemplos"
🎪 Mourão Voltado
📊 Dificuldade: Avançada
📝 10 versos por estrofe
🎯 Tema: Variado
📐 Métrica: 10 sílabas
🎵 Dois últimos versos são mote
Para temas mais dramáticos
CTA: "Ver Exemplos"
[+ Mais Estilos]
Título:
Aprenda com os Grandes Cantadores
Carrossel de Cantadores:
Sebastião da Silva
"O Matemático dos Versos"
🎵 500+ repentes catalogados
⭐ Especialista em Galope à Beira Mar
📍 Pilõezinhos, Paraíba
Ivanildo Vilanova
"O Poeta do Improviso"
🎵 450+ repentes catalogados
⭐ Mestre em Sextilha e Mourão
📍 Caruaru, Pernambuco
[+ Ver Todos os Cantadores]
Layout: Grid 50/50
- Esquerda: Player do YouTube (embed responsivo)
- Direita: Texto descritivo
Título:
Ouça Diretamente dos Mestres
(Playfair Display, 2.5rem, Azul Grego #2E5266)
Player do YouTube: (Embed com border-radius 8px, borda 3px Bronze #8B6F47)
- Thumbnail com sobreposição de play em Terracota
- Dimensões: 16:9 responsivo
- Link: https://www.youtube.com/watch?v=ULbBggbGpB8&list=PLngiJpynwciFIwyrG_EiOW-sKm1tRXSGU
Descrição: (Lora, 1.125rem, line-height 1.8)
"Entre Cordas e Poesia: A Saga da Cantoria de Viola no Nordeste Brasileiro"
Uma websérie documental financiada pela Lei Paulo Gustavo que
registra a voz dos cantadores que mantêm viva essa tradição.
Featuring:
→ Ivanildo Vilanova (cujo nome batiza este projeto)
→ Zé Viola, Raimundo Lira, Antônio Silva
→ Rafaela Pereira, José Jonas, Fátima Dantas
Direção: Fabrício Vale e Joalisson Diniz
São os próprios mestres contando:
• Como surgiu o repente no Nordeste
• As técnicas de improviso e memória
• Os grandes duelos históricos
• O papel cultural da cantoria
• O futuro dessa arte
Esta websérie é referência essencial para entender o repente.
E é exatamente esse tipo de material que o Vilanova quer catalogar.
Badge decorativo: (Background Verde Carnaúba #4A7C59, texto branco, padding 8px 16px) "Lei Paulo Gustavo"
Background da seção:
- Creme Cerâmica #F5EBE0
- Padrão sutil de cordas de viola (SVG, opacidade 3%)
Spacing: 80px após seção
Título:
O que dizem os Usuários
Depoimento 1:
"Como estudante de literatura, o Vilanova me abriu as portas para
entender a complexidade técnica do repente. A análise automática de
sílabas e rimas é revolucionária."
— Maria Santos, Estudante de Letras
Depoimento 2:
"Sou cantador há 30 anos. Ver meus repentes sendo preservados
digitalmente e servindo de material de estudo para jovens me enche
de orgulho. O Vilanova está fazendo história."
— José Rodrigues, Cantador Profissional
Depoimento 3:
"Sempre quis aprender repente mas não tinha acesso a um mestre.
Com o Vilanova e a ajuda da IA, estou criando meus primeiros versos
e entendendo as regras de verdade."
— Pedro Lima, Aprendiz
📚 1.200+
Repentes Catalogados
🎵 50+
Cantadores Preservados
✍️ 5.000+
Poesias Criadas
🎓 2.000+
Estudantes Ativos
(Números ilustrativos - atualizar com dados reais)
Cards de Público-Alvo:
Estudantes
🎓 Para Você que Quer Aprender
• Tutoriais interativos
• Exercícios práticos
• Feedback instantâneo
• Progressão gamificada
Pesquisadores
🔬 Para Você que Estuda Cultura Popular
• Acervo digital completo
• Transcrições precisas
• API para análise de dados
• Estatísticas e padrões
Cantadores
🎵 Para Você que É Cantador
• Preserve seu legado
• Compartilhe suas obras
• Alcance novos públicos
• Inspire a próxima geração
Apreciadores
❤️ Para Você que Ama Repente
• Ouça e leia performances históricas
• Conheça os mestres
• Descubra novos talentos
• Apoie a cultura nordestina
Título:
IA Treinada em Poesia Nordestina
Descrição:
Nossa tecnologia não é apenas IA genérica. Desenvolvemos modelos
especificamente treinados para entender:
✓ Métrica e prosódia da língua portuguesa brasileira
✓ Padrões de rima tradicionais do repente
✓ Vocabulário e expressões regionais nordestinas
✓ Estruturas poéticas complexas de cada estilo
✓ Contexto cultural e temático
O resultado? Sugestões que realmente fazem sentido, respeitam
as regras e soam autênticas.
Visual: Diagrama animado mostrando análise de verso
Título:
Construído com a Comunidade
Descrição:
📖 Estruturas Poéticas Open Source
Todas as nossas definições de estilos, regras de métrica e rima
são abertas e documentadas. Pesquisadores e desenvolvedores podem
usar e contribuir.
🤝 Contribua com o Acervo
Tem transcrições? Conhece repentes não catalogados?
A comunidade pode contribuir para crescer o acervo.
💻 Tecnologia Aberta
Nossa stack é construída com tecnologias modernas e abertas.
Veja no GitHub como funciona.
CTA: "Ver Documentação" | "Contribuir"
Título:
O Futuro do Vilanova
Timeline:
✅ Fase 1: Concluída
• Landing page e identidade
• Editor básico com IA
• Catalogação de estilos principais
🚧 Fase 2: Em Desenvolvimento
• Acervo com 1.000+ repentes
• Análise avançada de versos
• Sistema de aprendizado gamificado
📋 Fase 3: Planejada
• App mobile iOS/Android
• API pública para pesquisadores
• Comunidade e perfis públicos
• Certificações de maestria
🎯 Fase 4: Visão
• Integração com museus e universidades
• Eventos e competições online
• Ferramentas para cantadores profissionais
• Reconhecimento oficial como patrimônio digital
Background:
- Gradiente suave: Terracota #C84B31 → Vermelho Lampião #A63D40
- Texto branco
- Padding generoso: 120px vertical
Título:
Este Projeto Precisa de Você
(Playfair Display, 3rem, branco, centralizado, peso 700)
Descrição: (Lora, 1.25rem, branco 95%, centralizado, max-width 800px)
O Vilanova é um projeto aberto, nunca finalizado, em constante evolução.
Não somos uma empresa. Somos uma comunidade que acredita que a história
da cantoria nordestina merece ser preservada digitalmente.
Você pode ajudar:
Grid de Contribuições (4 colunas):
1. Conteúdo
📝 Transcreva Repentes
Compartilhe gravações
Documente cantadores
2. Código
💻 Desenvolva Features
Melhore a IA
Otimize performance
3. Design
🎨 Crie Visualizações
Melhore UX
Desenhe interfaces
4. Comunidade
🤝 Divulgue o Projeto
Organize eventos
Conecte cantadores
CTA Principal (Centro, Destaque Máximo):
[GitHub Icon] Contribuir no GitHub
(Botão grande: background branco, texto Terracota #C84B31, padding 20px 48px) (Link: http://github.com/lucis/vilanova)
Subtítulo:
Projeto 100% open source · Código e dados públicos · Licença MIT
(Outfit, 1rem, branco 80%, centralizado)
Spacing após: 0 (última seção antes do footer)
Background: Azul Grego #2E5266 Texto: Creme Cerâmica #F5EBE0 Padding: 48px vertical, margens laterais 5vw
Layout: 4 colunas + linha de copyright
Coluna 1: Vilanova (35% width)
Vilanova
(Playfair Display, 1.5rem, Creme)
Um projeto aberto de preservação da
cantoria nordestina através de IA.
De Campina Grande para todo o Nordeste.
(Lora, 0.95rem, Creme 80%, line-height 1.6)
Coluna 2: Projeto
→ GitHub (destaque em Ocre #D49B54)
→ Roadmap
→ Contribuir
→ Documentação
→ Websérie
Coluna 3: Recursos
→ Acervo (em breve)
→ Editor (planejado)
→ Calendário (planejado)
→ API (planejado)
Coluna 4: Comunidade
→ GitHub Issues
→ Discussões
→ Contato
Linha de Copyright: (Centralizado, borda superior 1px Bronze #8B6F47, padding 24px top)
© 2025 Vilanova · Código aberto sob licença MIT · vilanova.deco.page
Feito com ❤️ para o Nordeste brasileiro
(Outfit, 0.875rem, Creme 60%)
Badges visuais:
- "Open Source" (badge em Verde Carnaúba #4A7C59)
- "Cloudflare Workers" (badge em Azul Grego claro)
- "Powered by Deco" (badge)
Decoração:
- Linha divisória no topo: Ocre #D49B54, 3px
- Padrão sutil de xilogravura no canto
Cards de Repentes:
.repente-card {
border: 2px solid #8B6F47; /* Bronze */
background: #F5EBE0; /* Creme Cerâmica */
box-shadow: 4px 4px 0 rgba(198, 75, 49, 0.15); /* Sombra quente terracota */
padding: 32px;
transition: all 300ms ease-out;
}
.repente-card:hover {
transform: translateY(-4px);
box-shadow: 8px 8px 0 rgba(198, 75, 49, 0.25);
border-color: #C84B31; /* Terracota */
}Citações de Versos:
.verse-quote {
border-left: 4px solid #C84B31; /* Terracota */
background: #E8D4B0; /* Barro Claro */
padding: 24px;
font-family: 'Lora', serif;
font-style: italic;
font-size: 1.25rem;
color: #2E5266; /* Azul Grego */
}Botões:
.btn-primary {
background: linear-gradient(135deg, #C84B31, #D49B54);
color: white;
padding: 16px 32px;
border: none;
font-family: 'Outfit', sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
transition: all 300ms ease-out;
}
.btn-primary:hover {
background: linear-gradient(135deg, #8B6F47, #C84B31);
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(198, 75, 49, 0.3);
}Padrões Decorativos:
- Background: Azulejos gregos + renda renascença (SVG, opacidade 5%)
- Divisórias: Linha em Ocre #D49B54 com motivos de xilogravura
- Máscaras de imagem: Formas geométricas irregulares inspiradas em cerâmica
Microinterações:
- Transições: 300-400ms ease-out
- Hover states revelam camadas de Terracota/Ocre
- Scroll animations: subtle translate + fade (não exagerado)
- Loading states: animação de viola sendo tocada
- Hero com texto centralizado
- Features em cards empilhados
- CTA buttons full-width
- Menu hamburger
- Layout 2 colunas onde faz sentido
- Hero com imagem ao lado
- Full layout multi-coluna
- Parallax suave no hero
- Animações mais elaboradas
<title>Vilanova - Aprenda e Crie Repente Nordestino com IA</title>
<meta name="description" content="Preserve, aprenda e crie poesia de repente nordestino com assistência de IA. Maior acervo digital de repentes do Brasil.">
<meta name="keywords" content="repente, poesia nordestina, cantoria, viola, IA, aprendizado, cultura brasileira">- Imagem: Cantadores + logo Vilanova
- Descrição otimizada
- Twitter Cards
- "Começar a Criar" - Leva para editor (conversão principal)
- "Explorar Acervo" - Leva para catálogo (engajamento)
- "Aprender" - Leva para tutoriais (retenção)
Esta landing page conta a história do repente, apresenta o problema que o Vilanova resolve, e convida o usuário a fazer parte dessa preservação cultural através da tecnologia.