In my app I use email link signup. After the user has entered their mail address, our system sends them an email with a link to click. Create me a page which tells the user that we sent an email to their email addrss, and instruct the user to look into their inbox.
The page should be responsive and work on mobile devices. Please don't invent any colors, but use the shadcn theme semantic colors.
I'll create a responsive email verification page that instructs users to check their inbox after requesting a magic link. This will use shadcn's semantic colors and work well on all devices.
I've created two pages:
Check Email Page (
/check-email):- Clear instructions to check their inbox
- Visual mail icon for better UX
- Reminder to check spam folders
- Option to resend the email
- Link to go back to login
Login Page (
/login):- Simple email input form
- Submits and redirects to the check email page
- Loading state for better UX
Both pages are fully responsive and use shadcn's semantic colors like text-primary, bg-primary/10, and text-muted-foreground rather than hardcoded colors. The design is clean, accessible, and will work well on both desktop and mobile devices 1.
