Loft — Steps / How-it-works
A horizontal three-step process timeline showing how to sell, with numbered circles (1, 2, 3) connected by lines. Each step has a title, description text, and visual hierarchy emphasizing the active first step in teal, with inactive steps in light gray.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/loft-three-step-seller-onboarding-flow-with-numbered-timeline.
Palette
#FFFFFF#E8F4F8#4A9FB5#2D2D2D#999999
UX patterns
Wizard / Stepper
UI elements
Badge
Context
Other sections on this page
- CTA / Sign-up — Property listing hero with email signup form
- Feature — Three-column feature highlights with left image
- Feature — Three-stat benefits with checkmark detail cards
- Testimonial / Social Proof — Two-column customer testimonial cards with avatars
- FAQ — FAQ accordion with three expandable questions
- Footer — App download links, legal links, and social media footer