Headers section

Seis padrões de cabeçalho para páginas internas - curso, trilha, blog e conteúdo educacional. Útil para navegação clara sem roubar foco do corpo da página.

Critérios de avaliação

Critérios usados para avaliar os wireframes
CritérioPesoO que avalia
Hierarquia título + subtítulo clara25%Sem inversão de peso visual
Serve para página interna25%Funciona como header de curso, trilha ou artigo
Background controlado25%Não compete com o conteúdo abaixo
Contexto de navegação25%Visitante sabe onde está na estrutura do site
Header Large PT.01 - Full-width image header 4/5

Pertinência EnP: Combina hierarquia forte com filo de migalhas. O overlay segura contraste para título e breadcrumb; serve bem a páginas de trilha e módulos de curso com hero visual.

Header Large PT.02 - Solid color header 4/5

Pertinência EnP: Fundo sólido reduz ruído visual e prioriza leitura. O selo opcional comunica recência - útil para lançamentos e reedições de conteúdo.

Header Medium PT.01 - Medium header with breadcrumb 3/5

Pertinência EnP: Compacto e direto; ideal para artigos longos onde o conteúdo deve começar rápido. Breadcrumb ancora contexto sem competir com o título.

Header Medium PT.02 - Medium header with subtitle 3/5

Pertinência EnP: Divisor reforça hierarquia entre promessa (título) e detalhe (subtítulo). Funciona em páginas de serviço e produtos educacionais com menos navegação lateral.

Header Small PT.01 - Compact article header 4/5

Marketplace & canais

Marketplace ou loja própria: como decidir sem achismo

Leitura 6 min

Pertinência EnP: Formato editorial com meta visível - alinha com blog e help center. Eyebrow de tema reforça categorização sem poluir.

Header Small PT.02 - Minimal text header 4/5