> ## Documentation Index > Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt > Use this file to discover all available pages before exploring further. # Transformação O elemento Transformação permite comparar o “antes e depois” de uma situação ou pessoa, destacando visualmente o impacto da sua solução. Ideal para mostrar resultados alcançados com seu produto ou serviço. **Para que serve** * Ilustrar uma mudança significativa (visual, emocional, comportamental etc.). * Reforçar a eficácia da solução que você oferece. * Criar contraste entre problema e solução de forma impactante. **O que você pode configurar** **Títulos:** * Personalize o título de cada lado (ex: "Antes" e "Depois"). * Aplique formatações como negrito, itálico, cor etc. **Imagens:** * Carregue uma imagem para o “antes” e outra para o “depois”. * Use fotos que representam claramente a transformação. **Subtítulos:** * Frases explicativas abaixo de cada imagem. * Reforce a diferença entre os dois momentos. **Nível:** * Defina um número simbólico para representar a evolução (ex: 35 → 75). * Pode ser usado como barra de progresso, nota de satisfação, etc. **Ícones e Textos:** * Adicione um ícone e texto abaixo de cada lado para reforçar o problema e a solução. * Exemplo: ❌ Cansaço constante → ✅ Energia renovada. **Animação:** * Escolha como esse bloco aparece no quiz (ex: aparecer). **Cores personalizadas:** * Fundo, bordas e texto. * Fundo e textos das caixas de aviso. * Fundo e cores da barra comparativa. **Dica de uso!** Use imagens reais sempre que possível para gerar confiança, mas simulações bem feitas também funcionam. Combine com depoimentos para criar ainda mais impacto.