PROGRESS
01 GENERATE —
A minimalist stepper uses three wireframe circles, each 32x32px with a 1px border. Step 1 has a Neon Green (#00FF00) border and number “1” (centered, all-caps, bold, 1px spacing). Below: 01 GENERATE (all-caps, bold, 1px spacing, Neon Green); UNIQUE CODE (all-caps, bold, 1px spacing, dark gray). No icons or solid fills, just precise lines. Connecting lines are very thin (#666666).
02 PROMOTE & 03 EARN —
Steps 2 and 3 are muted dark gray (#666666) wireframe circles with numbers “2” and “3”, all-caps, bold, minimalist. Below each: 02 PROMOTE, 03 EARN (all-caps, bold, muted gray, 1px spacing); with sublabels SPREAD THE WORD, GIFT REWARDS. All connecting lines are dark gray, strictly minimal. The component structure is horizontal, equally spaced, no background or card, only pure stepper lines and text — for a high-end Web3 financial dashboard aesthetic.