Feature 6 - Split feature with checklist and square image

Pro

A two-column feature with heading, body, up to four checkmarked bullets with primary-colored icons, and a square bordered image, driven by the shared single-focus content pattern.

Shadcn Feature 6 block

Component Data

  • ID:feature6
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Feature 6 block design & features

Feature6 is a two-column section built with Shadcn UI typography and Lucide check icons. On large screens text sits in one column with a large semibold heading, muted paragraph, and a vertical list where each row shows a small check mark in primary color beside a single line of feature text. The opposite column is a square image with rounded corners and a thin border, covering the full column width with object-fit cropping.

The presentation stays flat: no cards or background slabs, foreground and muted-foreground colors with plenty of gutter between text and image. List spacing is even, so scanning benefits is easy. Static presentation keeps attention on copy and the photo.

This is a familiar product-feature pattern with moderate complexity: you supply heading, description, up to four short bullet titles, and one hero image. CSS carries structure; sell comes from real list items and photography.

Below the two-column breakpoint the image typically follows the text in a single column, preserving reading order while letting the square crop stay full width.