Feature 200 block design & features
Feature200 is a three-column comparison strip built with Shadcn UI. Each column is its own tinted panel with an icon at the top, a headline, and several short checklist lines rendered as stacked rows with markers rather than paragraph prose. The three panels sit flush across the row so readers can compare pillars of a product story at a glance.
Gradients or soft radial washes differentiate columns while shared corner radius ties them together. Icons pick up accent colors from each panel so the trio feels coordinated rather than random. Text density is higher than a simple icon trio because of the nested list lines, so vertical padding needs to stay generous.
The aesthetic is bold and campaign-like without extra illustration: color blocks carry the energy. Content requirements are explicit: three titles, three icon choices, and several sub-lines per column that must align conceptually so the comparison feels fair.
On smaller breakpoints the three panels stack, preserving internal order inside each column so checklists remain legible.
