| Resumo | Crie seções de herói impressionantes e personalizáveis com controles avançados de estilo, perfeitas para comunidades de desenvolvedores e fóruns de codificação. | |
| Prévia | https://vibecommit.dev/ | |
| : hammer_and_wrench: | Repositório | https://github.com/thebestgoodguy/vibecommit-hero |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| Novo em Temas do Discourse? | Guia para iniciantes em Temas do Discourse |
Instalar este componente de tema
Um poderoso componente de tema do Discourse que cria seções de herói impressionantes e personalizáveis com controles avançados de estilo, perfeitas para comunidades de desenvolvedores e fóruns de codificação.

Componente de Tema da Comunidade Vibe Coders - Suíte Completa de Personalização
Este componente de tema avançado do Discourse transforma seu fórum comunitário em uma plataforma moderna e focada em desenvolvedores, com amplas opções de personalização e recursos de estilo profissional.
Configuração da Seção de Herói
- Configurações de Tema Personalizadas: Controle total sobre a aparência do herói com opções dedicadas de personalização de tema.
- Gerenciamento de Texto do Herói: Texto configurável de título principal e descrição com suporte a formatação rica.
- Integração de Call-to-Action (CTA): Botões de CTA integrados com texto, estilo e destinos de link personalizáveis.
- Design Responsivo: Adapta automaticamente o layout do herói para visualização em desktop, tablet e mobile.
Opções de Personalização Visual
- Controles de Fundo: Suporte para imagens de fundo personalizadas ou cores sólidas com efeitos de sobreposição.
- Gerenciamento de Paleta de Cores: Controles abrangentes de esquema de cores, incluindo cores primárias, secundárias e de destaque.
Recursos Avançados de Estilo
- Sobreposições de Gradiente: Múltiplas opções de cores de gradiente para maior apelo visual.
- Efeitos de Animação: Animações de entrada suaves e efeitos de hover para elementos interativos.
- Integração de Ícones: Suporte para ícones personalizados dentro da seção do herói.
Otimização para Mobile
- Interface Amigável ao Toque: Tamanhos de botão e espaçamento otimizados para interação móvel.
- Carregamento Progressivo: Tempos de carregamento rápidos com compressão de imagem otimizada e carregamento lento (lazy loading).
- Tipografia Responsiva: Escala automática de fontes para legibilidade ideal em todos os dispositivos.
- Design Mobile-First: Construído com a experiência móvel como consideração principal.
Este componente foi projetado especificamente para comunidades de codificação, bootcamps, fóruns de desenvolvedores e plataformas de discussão técnica que desejam criar uma primeira impressão profissional e envolvente, mantendo excelente desempenho e usabilidade em todos os dispositivos.