Esta página apresenta exemplos dos diferentes formatos de blocos em destaque utilizados no Jornal Ro para organizar e exibir conteúdo editorial na capeda e nas páginas internas do portal.
Blocos em destaque do Jornal Ro
O Jornal Ro, portal de notícias de Rondônia, utiliza diversos tipos de blocos visuais para apresentar matérias, categorias e conteúdo multimídia. Cada bloco é projetado para guiar o leitor pelas informações mais relevantes do momento, com destaque para notícias locais de Porto Velho e do interior do estado.
Exemplos de formatos
Manchete em destaque com imagem de capa
Hero / Destaque Principal
Bloco grande com imagem de fundo e legenda sobreposta, usado na posição superior da capa para a notícia mais importante do dia.
Grid de Matérias
Grade responsiva de cartões com miniatura, categoria, título e data. Adaptável de uma coluna no celular a quatro colunas no desktop.
Título da matéria de exemplo
Parágrafo de texto com a abertura da matéria, demonstrando a tipografia e o espaçamento utilizados nos artigos do portal.
Cartão de Matéria (Post Card)
Componente individual com miniatura, rótulo de categoria, metadados de data, título clicável e trecho do texto. Base de toda listagem do site.
Lista Compacta
Formação de texto corrido com categorias coloridas, usada em sidebars e seções de últimas notícias quando o espaço é limitado.
Bloco de Vídeo / Galeria
Área dedicada a conteúdo multimídia com grade de miniaturas clicáveis, utilizada para playlists de vídeos e álbuns de fotos das reportagens.
Como esses blocos funcionam
Cada bloco em destaque é construído com componentes responsivos que se adaptam automaticamente à largura da tela. No celular, os grids se reduzem a uma única coluna para facilitar a leitura ao deslizar o dedo. No desktop, os mesmos blocos se expandem para duas, três ou quatro colunas, aproveitando melhor o espaço disponível.
Os blocos de mídia utilizam contêineres com proporção fixa e preenchimento por cobertura (object-fit: cover), garantindo que as imagens sempre se ajustem sem distorção. Isso evita mudanças de layout durante o carregamento, melhorando a experiência visual do leitor.
Para voltar ao conteúdo principal do portal, utilize o menu de navegação acima ou acesse diretamente a página inicial do Jornal Ro.