The Numbered Card Flow widget is a visually engaging way to present a linear process or a set of core values. It utilizes a series of identical, rounded-square cards that are laid out horizontally. Each card is anchored by a small, subtle number in the top-right corner (01/, 02/, etc.), providing a gentle navigational cue without dominating the design. The primary content of each card is placed at the bottom, featuring a concise statement or rule.
This design is highly effective for 'Manifesto' sections, agile methodology steps, or quick-tip carousels. The cards themselves have a clean, white background with soft rounded corners (except for one accent card which might use a 'cut' corner or dark background for emphasis), giving them a modern, sticker-like appearance. The text is kept minimal, encouraging the use of punchy, impactful copy. The layout is flexible: on desktop, it reads as a horizontal strip, while on mobile, it transforms into a vertical stack or a swipeable carousel, ensuring the process remains easy to follow on any screen size. The accent card (usually the last one) serves as a visual conclusion or a call to action.
👋 P.S. Have questions? Leave a comment.
