The Lantern
Um jornal diário com uma hierarquia clara: a manchete e os principais destaques acima da dobra, fileiras de editorias abaixo e uma coluna de mais lidas. As matérias trazem assinatura, tempo de leitura, uma foto com legenda, citações em destaque e notícias relacionadas; cada editoria pagina o seu arquivo.
O que tem dentro
3 telas e 12 componentes, ligados por estado compartilhado e navegação local.
Recursos
- Uma primeira página com manchete, principais destaques, fileiras de editorias e uma lista de mais lidas
- Links de editoria no cabeçalho que abrem uma mesma tela de editoria no estado certo
- Uma página de matéria com assinatura, tempo de leitura, ações de compartilhar e salvar, e uma citação em destaque
- Um arquivo por editoria com uma matéria principal, uma chave de ordenação e páginas
- Uma inscrição na newsletter e um card de leitura limitada
Telas
Perguntas
Sobre o The Lantern e sobre templates em geral.
No template, está escrito direto no código. Numa aplicação, viria do seu CMS como HTML ou blocos — a classe tp-prose estiliza parágrafos, títulos e citações.