Search blocks by description or jump to a page.
A two panel login screen pairing a sign in form with a side image. Use it to add brand personality to authentication on web apps and dashboards.
Split With Image divides the viewport into two equal panels. The left panel is a full bleed photograph with a subtle dark overlay, a small logo lockup in the top corner, and a customer testimonial quote with attribution pinned to the bottom. The right panel holds the sign in form: a centered logo shown only on small screens, a welcome heading with a short product description, email and password fields, a "Forgot password?" link, a "Remember sign in details" toggle switch, a primary Log In button, a horizontal divider, and a "Continue with Google" button. A sign up prompt sits at the foot of the form.
Every text element in both panels is independent copy. The testimonial quote, name, and title are their own strings, so you can swap in any customer without touching the form side. The Google button, the remember toggle, and the sign up prompt can each be removed without affecting the surrounding layout.
Reach for this block when the login screen needs to do more than authenticate. It suits web apps and dashboards where the sign in gate is a first impression: fintech platforms, banking portals, and treasury tools where a confident brand statement next to the form signals trust before a user types a single character. The testimonial panel gives social proof that a plain centered form cannot carry, and the two column structure uses wide viewports without feeling sparse.
A natural flow around it on an Application page:
Before
After
The block has two independently editable sides and a small set of interactive controls:
Tip: on fintech and banking products the testimonial panel works best with a photo that evokes confidence rather than action; calm office or abstract architectural shots tend to keep the form the visual focus.