Magic Link Confirmation
A centered, message-driven layout designed to reassure users after initiating email-based authentication. Minimal actions and generous whitespace create a calm, waiting-state experience.
Summary
A clean, mobile-centric 'Check your email' confirmation page with soft UI elements, neutral tones, and elegant entrance animations designed to reassure the user during authentication.
Style
The style is defined by its 'calm minimal' approach. It uses the Switzer typeface for a modern geometric feel, a neutral Slate-based color palette (#0F172A for headings, #64748B for body text), and subtle depth through soft shadows and rounded corners (24px for cards). Animations are smooth, utilizing cubic-bezier curves for organic motion.
Layout & Structure
A single-column, vertically centered layout designed for mobile screens, structured into a fixed header, a flexible centered content area, and a bottom-aligned footer.
Header
Hero Content Area
Information Divider
Footer Actions
Components
Animated Resend Button
A secondary CTA button with a rotating icon on hover.
Floating Icon Container
A central visual element that uses a slow floating animation to create a 'calm' vibe.