Description of the Feature 119 block design & features
Feature119 is a vertically centered onboarding-style section built with Shadcn UI badges and simple typographic hierarchy. It leads with an outline badge, then a large display heading. Three steps appear in a responsive grid: each row pairs a circular muted index badge with monospace numerals alongside a title and muted explanation. Below the grid, a wide rounded image or illustration spans the container with video-style aspect treatment.
Color stays neutral with muted fills for badges and foreground-muted body copy, so the instruction flow stays calm. Step numbers read as technical labels while titles carry semibold emphasis. Spacing between grid and media is generous enough to treat the image as a closing proof point rather than part of the numbered list.
The pattern is straightforward and instructional: good for signup, migration, or rollout stories where three beats are enough. Complexity is low and mostly copywriting; swap text and the illustration to reuse across journeys.
On medium breakpoints the grid can present two columns before expanding to three on large screens, while the wide asset remains full-bleed within the container for continuity on phones.