Basic
┌────────────────────────────────┐
│ Login │
│ │
│ Email │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ Password │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ ┌──────────────────────────┐ │
│ │ Sign In │ │
│ └──────────────────────────┘ │
│ │
└────────────────────────────────┘
With Remember Me
┌────────────────────────────────┐
│ Login │
│ │
│ Email │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ Password │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ [x] Remember me │
│ │
│ ┌──────────────────────────┐ │
│ │ Sign In │ │
│ └──────────────────────────┘ │
│ │
│ Forgot password? │
│ │
└────────────────────────────────┘
With Social Login
┌────────────────────────────────┐
│ Login │
│ │
│ Email │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ Password │
│ ┌──────────────────────────┐ │
│ │ │ │
│ └──────────────────────────┘ │
│ │
│ ┌──────────────────────────┐ │
│ │ Sign In │ │
│ └──────────────────────────┘ │
│ │
│ ────────── or ────────── │
│ │
│ ┌──────────────────────────┐ │
│ │ Continue with Google │ │
│ └──────────────────────────┘ │
│ ┌──────────────────────────┐ │
│ │ Continue with GitHub │ │
│ └──────────────────────────┘ │
│ │
└────────────────────────────────┘