Feature 378 - Minimal split with leading masked image

Pro

A compact two-column feature with four icon-led title rows, short body copy, outline CTA, rounded image tile, horizontal mask mirrored so fade faces the trailing copy column; image leads on wide layouts.

Shadcn Feature 378 block

Component Data

  • ID:feature378
  • Access:pro
  • Created:May 5, 2026
  • Type:block

Feature 378 block design & features

Feature378 is a minimal split feature built with Shadcn UI: a headline, one tight paragraph, four rows that pair a small icon with a title only, an outline-style button, and a rounded image tile in the leading column when space allows. The image shares a horizontal fade with its border so the photo and stroke soften together toward the text side.

Visually the block stays flat and typographic, with spacing between icon rows instead of divider lines. The mirrored mask means the transparent edge sits on the inner side of the frame so the picture appears to bleed toward the copy column instead of outward, giving a directional emphasis opposite a trailing-photo layout that uses the same chrome.

This is a lightweight single-focus pattern for product storytelling where you want a scannable list and a single photo without a heavy bento or stats row. Complexity is low and mostly about choosing four parallel icon labels and one strong still.

The grid collapses to one column on small screens with the image stacked above the text block for a still-first read.