Blog 134 block design & features
The block opens with the topic name as a large heading, a short description of the topic and the number of articles. Related topics sit on the right as plain text links, each revealing a small arrow on hover.
Below, a segmented toggle switches between Newest and Most read. Its highlight slides between the two options, and the post rows glide to their new positions when the order changes. Each row has a thumbnail, title, summary, and the date with read time or read count on the right.
Hovering a row underlines its title and dims the other rows. Motion is skipped when reduced motion is preferred. On mobile the meta moves under the summary and the rows stack.