Feature 386 block design & features
Feature386 is a two-part feature story built with shadcn/ui. A muted surface holds a seven-column grid. The left two columns carry a short kicker, then a sticky list of section links separated by hairlines. The heading sits in the next columns, and the body stacks three portrait photos with a number, title, and description. The active link darkens and fills its dot as that photo crosses the middle of the viewport.
The kicker is medium weight and muted. The heading is a large semibold sans line, with the closing clause in muted type. Photos are tall, rounded, and cropped to a portrait frame. Rows use wide gaps. The sticky list stays in the same left column width as a two-of-seven label rail, with the same inset before the heading and photos.
Sample copy is a product strategy in three words: Focus, Proof, and Craft. Each word is both the side-list label and the heading beside the photo. The sticky list is the distinctive piece, and the layout is built to line up with a matching seven-column text block above it. Complexity is moderate and mixed: one kicker, a split heading, and several callout, description, and photo pairs, plus scroll tracking for the active link.
On smaller screens the side list hides. The kicker, heading, and photo rows stack in a single column, and each row places the photo above its copy.