Preview image. Unlock full-res
Event timeline interface using numbered step cards with soft curved borders, date ranges, and question prompts organized in a sequence.
Summary
Numbered timeline cards with soft curved corner borders for an event or project sequence, using minimal typography and generous white space to guide users through sequential steps.
Visual description
Vertical stack of numbered step cards showing steps 3 and 4 with date ranges (June 06-10, June 13-17) and action prompts ("What problem are you trying to solve?"). Each card features a black numbered circle on the left, rounded border with subtle stroke, and uppercase label text in gray above a larger sans-serif question in black. White background with only the card outline and step number providing visual hierarchy. "Remote" text labels at the bottom right corner of visible cards.
Key takeaway
The numbered circle badge as a visual anchor for each step; the curved card border creating a gentle separation without heavy borders; the generous internal padding that keeps the layout open and the text scannable; uppercase gray labels paired with black body text for semantic distinction.
Reuse notes
Strong for event onboarding flows, project timelines, or multi-step forms where clarity and affordance matter more than density. Works well on light backgrounds; scale the step number badge larger on mobile to maintain touch targets. The date range placement gives users immediate time context without extra cognitive load.
