Feature 348 block design & features
This Shadcn UI block opens with a full-width serif display heading, then uses a two-column grid on extra-large screens with a two-to-one width ratio favoring the image on the left. The copy column holds muted body text and a large primary button with an arrow icon. The image uses a fixed aspect ratio, rounded top corners, object positioning toward the top, and a pseudo-element gradient along the inner vertical edge to blend into the page background.
The section sits on a flat background with a hairline border along the bottom of the outer wrapper, which separates this band from content below without heavy framing.
The style reads as promotional and magazine-like: serif headline contrasted against sans body and UI chrome, with the photograph carrying most of the visual weight on the left third of the grid.
Below the extra-large breakpoint the grid collapses; the DOM keeps the text block before the image column so reading order stays headline, description, button, then media on smaller screens.