Feature 227 - Split copy with checklist and photo

Pro

Two-column layout with a large headline, paragraph, and a two-column checklist using circular check icons on one side, and a bordered square photograph with corner gradient fades on the other.

Shadcn Feature 227 block

Component Data

  • ID:feature227
  • Access:pro
  • Created:Feb 27, 2025
  • Type:block

Feature 227 block design & features

Feature227 is a textbook split narrative section implemented with shadcn/ui typography and list affordances. Text sits in one column with a bold multi-line headline, a muted explanatory paragraph, and a responsive mini-grid of short benefit lines. Each benefit pairs a compact label with a filled circular check icon so the rhythm reads faster than stacked paragraphs alone. Across the gutter, a single bordered photograph fills a square proportion with gradients feathering inward from bottom and trailing edges.

Visual weight favors the typography column on desktop while the imagery column relies on cropping and vignette fades instead of stacking extra UI. Borders stay hairline around the photograph; spacing stays generous vertically.

Interpreted as restrained product storytelling, close to starter marketing patterns with polish from the vignette overlays. Complexity is modest and mostly content-driven since the decorative treatment is anchored on one hero image plus up to six checklist strings supplied through props.

On mobile the grid stacks vertically with the checklist still forming two miniature columns once width allows, keeping icon alignment consistent before it collapses further.