Auth Page
A split-screen authentication page with a branded left panel (hero copy, testimonial) and a right panel containing Sign In and Create Account tabs, Google OAuth button, password visibility toggle, and password strength indicator.
Live Preview
Components Used
Layout Structure
1
Split Layout
Full-viewport flex row — branded left panel (flex:1) + white right panel (fixed 480px). No sidebar or topbar.
2
Left Panel
Dark indigo gradient background with brand logo, hero headline, and a testimonial card at the bottom.
3
Auth Tabs
Sign In / Create Account tabs that switch the form panel without page reload.
4
Validation
Email format check and required field validation on submit. Password show/hide toggle on both forms.
5
Password Strength
Animated progress bar that scores password strength in real time (Weak / Fair / Good / Strong).
Changelog
v1.0.0July 2026Added
- Initial release — split layout, sign in/register tabs, Google OAuth button, password strength meter