![Notícia com subtítulo](https://www.gov.br/gestaodeconteudo/pt-br/manuais-e-tutoriais/uso-de-classes-em-capas/linhas-de-destaque/linha-destaque-topo/linha-destaque-topo/@@govbr.institucional.tile.nitf/eea67383-b18c-4dec-a85f-e9d397b7d9ab/@@images/f38f1bcf-758b-4848-a5fb-7191d1d8eb5e.jpeg)
Linha Destaque Topo
Como usar
Crie uma linha no topo da capa com a classe Linha Destaque Topo e insira nela um Tile de Notícia.
O tile irá ocupar toda a largura da tela do usuário, e altura fixa predeterminada. Por isso, ela sofrerá cortes na horizontal ou vertical, dependendo do dispositivo usado.
Os breadcrumbs são exibidos sobre a imagem e em cor branca.
Você pode usar as classes de Fixar a Imagem para definir a posição do assunto principal da foto, e previnir que ele seja cortado.
Caso necessário, você pode também adicionar à linha a classe Degrade para destaque topo, para adicionar uma sombra escuro sob o texto para facilitar a leitura.
Imagens
A imagem do Tile de Notícias deve ter, no mínimo, 1600px de largura, para ser adequadamente exibida em todas as telas. Ela será cortada para o tamanho exato da tela do dispositivo.
Múltiplas imagens para dispositivos diferentes
Você pode usar imagens diferentes para desktops, tablets e smartphones. Para isso, basta criar um Tile de Notícia diferente para cada imagem, e configurá-los usando as Classes de Visibilidade.