Recipe: Success Feedback Patterns

How Meridian surfaces confirmation, completion, and achievement states without breaking user flow.

Inline Toast

For short-lived confirmations — license activated, settings saved, key rotated. Appears at the top-right, auto-dismisses after 4 seconds. Uses a subtle violet left-border and a check icon.

✓

License activated

Your key is valid until Dec 2026

Completion Banner

For multi-step flows — onboarding, setup wizard, first injection. Full-width banner with a pink gradient accent and a single CTA.

Setup complete

Meridian is ready. Your first session starts now.

Launch dashboard

Achievement Pill

For milestone moments — 100th session, 30-day streak, referral unlocked. Compact pill with an emoji prefix and a soft glow.

🏆100 sessions reached

Principles

Non-blocking. Never use a modal for success. Let the user keep moving.
Branded. Violet for confirmation, pink for celebration. No green checkmarks.
Ephemeral. Toasts vanish. Banners collapse on navigation. Pills are glance-and-go.