Description of the Feature 102 block design & features
Feature102 is a three-step narrative section built with shadcn/ui spacing and typography patterns. A centered heading and muted paragraph frame the story. Each step pairs a vertical spine with a numbered circular badge, a title, supporting copy, and a rounded bordered image that sits opposite the text on wide layouts via a row flex pattern. Gradient line segments connect the badges to imply continuity down the timeline.
Primary-colored vertical guides and neutral badge fills give a slightly technical, operations-oriented tone. Images use distinct placeholders per step to reinforce progression. Type scales up on larger breakpoints for titles and keeps body text compact but legible.
The aesthetic reads as modern SaaS process marketing with an illustrated walkthrough. Elaboration is moderate: the structure is fixed at three beats, so content authors must map messaging to monitoring, detection, and recovery style themes or replace copy wholesale. The numbered spine is the memorable motif.
Below the wide layout breakpoint, images fall under or beside copy in a column flow while connectors compress to fit the narrower spine.