Blog 46 block design & features
Blog46 is a newsletter-led blog section built with shadcn/ui Input and Button components. The header splits into two columns on large screens: heading and description on the left, an email field and Subscribe button on the right. A hairline rule closes the header, and below it four posts sit in a two-column grid. Each card has an edge-to-edge 16:10 cover, an uppercase category label opposite the date, a title, and a three-line excerpt.
Here the cards carry chrome: a hairline border, card background, and rounded corners that clip the cover flush to the top edge, with comfortable padding around the text. The form is tall and plain, a wide input beside a solid primary button. Meta keeps to two quiet tones, a small uppercase category and a muted tabular date. Hover is restrained: the cover dims slightly and the title underlines, each as its own link.
A familiar editorial pattern, a subscribe prompt over recent stories, done in a neutral, restrained style. The framed cards and the ruled header make it feel more structured than the open grids in this set. Moderate complexity: you need newsletter copy and four posts with covers, categories, and summaries, and the form has to be connected to a real signup endpoint.
Below the large breakpoint the form drops under the heading, and on the smallest screens the input and button stack. The grid stays a single column until the medium breakpoint.