Padrões — 05

Benefícios

Blocos de diferenciais e features. Três variações: grid de 3 colunas com ícone, grid de 2 colunas com lista e destaque em fundo escuro.

Contrato do bloco

Benefícios

Prioridade high

Variantes

  • icon-grid
  • checklist-two-columns
  • stats-band

Anatomia

  • eyebrow
  • headline
  • feature-items
  • cta-optional
  • stats-optional

Tokens

  • --accent
  • --font-display
  • --paper
  • --surface-brand
  • --surface-raised

Regras responsivas

  • grid de três colunas deve cair para 1-2 colunas em telas menores
  • checklist em duas colunas deve empilhar para uma coluna em mobile

Campos CMS

  • headline * — text
  • featureItems * — featureItems
  • primaryCta — cta
  • stats — list
05.1

Grid 3 Colunas — Com Ícone

Formato mais comum em landing pages. Ícone SVG no topo, título em display, descrição em body. Fundo paper cria separação sutil da seção anterior.

6 diferenciais — grid 3 colunas

Por que a EuMilitar

Tudo que você precisa
para ser aprovado

Conteúdo por força

Trilhas específicas para Exército, Marinha, FAB, PM e Bombeiros. Cada edital tem sua grade própria.

+10.000 questões comentadas

Banco atualizado com questões de provas anteriores. Filtro por matéria, banca e nível de dificuldade.

Simulados cronometrados

Provas no formato real do concurso, com gabarito comentado e análise de desempenho por módulo.

Professores aprovados

Corpo docente formado por militares aprovados e especialistas nas bancas de cada força.

Garantia de 7 dias

Reembolso integral sem perguntas nos primeiros 7 dias. Compre com segurança.

Comunidade ativa

Grupo de estudos com alunos de todo o Brasil. Tire dúvidas e troque experiências.

Composto por:SVG iconstokens: --font-display, --accent, --paper
05.2

Grid 2 Colunas — Lista de Itens

Para listas longas de features onde a descrição detalhada é secundária. Eficiente em espaço, fácil de escanear.

Lista de features — 2 colunas com checklist

Plano completo

Tudo incluído,
sem surpresas

Um único plano com acesso completo a todos os recursos. Sem módulos pagos separadamente.

Videoaulas em HD com revisões periódicas
PDF de resumos para cada matéria
Cronograma de estudos personalizado
Acesso pelo celular, tablet e computador
Atualizações gratuitas a cada novo edital
Suporte por e-mail em até 48 horas
Certificado de conclusão ao final do curso
Acesso por 12 meses a partir da compra
Composto por:Badge (brand)Button (primary)
05.3

Destaque em Fundo Escuro

Variação de alto contraste para seções intermediárias de uma landing page. Quebra o ritmo visual entre seções claras.

Benefícios em fundo brand — 3 itens horizontais

Aprovação em números

12.400+

Aprovados desde 2019

94%

Taxa de satisfação dos alunos

5 forças

Cobertura completa de concursos

Composto por:tokens: --surface-brand, --font-display
05.4

Diretrizes de uso

Máximo 6 itens no grid 3 colunas
↳ Mais do que isso perde impacto e escaneabilidade.
Ícones sempre no mesmo tamanho e estilo
↳ Prefira stroke consistente em vez de misturar estilos.
Uma única seção de benefícios por página
↳ Escolha o formato mais adequado e evite redundância.
Números de destaque apenas com dados reais
↳ Os dados da faixa 05.3 precisam ser verificáveis.
Fundo brand como quebra de ritmo
↳ Use o bloco escuro para hierarquia de seções, não como padrão contínuo.