✕
🔲
Confirm action
This is a standard modal window. Use it for confirmations, notifications and details. Close — Escape or click the overlay.
Confirm
Cancel
✕
🚀
Welcome!
Primary modal with themed overlay. For onboarding, promo and key action steps.
Get started
Later
✕
✅
Success!
Your request has been completed. Data saved without errors. Overlay coloured green via CSS variables.
Great!
✕
❌
Something went wrong
Error processing the request. The overlay is colored red via
color-mix()
. Try again or contact support.
Try again
Close
✕
⚠️
Warning!
This action cannot be undone. The overlay is colored amber. Use for warnings and destructive operations.
Continue
Cancel
✕
ℹ️
Information
Info modal with teal-tinted overlay. For hints, updates and neutral notifications.
Got it
✕
🔑
Sign In
Enter your login credentials
Email
📧
Password
🔒
Sign In
Don't have an account? Register