unifying the 'step card' component pattern

[marektonik]

Hiya! Our goal is to create a unified step card component that can be utilized across multiple areas. To provide a brief explanation, a step card refers to cards with a step counter displayed on the left side, indicating the current step or stage. This design pattern is already prevalent in Segment.

At the moment, we have developed three different UI versions of the step card (ver. 1 isn't an actual card though, but context is the same), and our aim is to consolidate them into a single, cohesive version. We would greatly appreciate any suggestions or insights on which version we should proceed with. Thank you!

[loreina]

Hi @marektonik,

I'd suggest moving forward with option 1 as that's directly from our Wizard layout which was designed as guidance across the Twilio product suite. It'd be great to use the same layout to establish consistency between products. cc @ceyerkes who can help with direction on the Segment side.

I've moved a ticket up in our backlog to polish the layout and create components from the visual explorations in Figma, and the team will follow up here when those components are ready. Thanks for your patience!