Feature 377 - Editorial split with leading portrait image

Pro

A two-column editorial feature with the portrait image leading on wide layouts, optional label, stacked headline with accent line, numbered list, outline CTA, and a diagonal mask fade from the bottom-right of the frame toward the copy column.

Shadcn Feature 377 block

Component Data

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

Feature 377 block design & features

Feature377 is a split feature built with shadcn/ui that places the portrait photograph in the leading column on wide layouts and stacks image above copy on phones. The text column repeats the editorial pattern: optional eyebrow label, split headline with a muted accent line, body paragraph, up to five numbered rows with titles, and an outline call to action on a quiet background.

The framed portrait image mirrors the diagonal fade direction so softening hugs the inner edge nearest the narrative column rather than the outer corner. Borders and cropping stay tidy so photography still reads as intentional art direction rather than accidental clipping.

The look stays editorial and calm: muted accents, restrained chrome, emphasis on typography and numbering rather than loud panels. Compared with layouts that trail with the photograph, this bias puts the visual proof up front without changing the text pattern.

When the viewport narrows and the photograph stacks with the copy, line lengths stay controlled so the numbered rows remain easy to scan.