Pages

Image panel login card

A wide login card split into a form panel and a decorative image panel, with a row of three icon-only alternate sign-in buttons and terms text below.

Harborline StudioNew here? Create an account

Welcome back

or continue with

By continuing you agree to the Harborline Terms of Service and acknowledge the Privacy Policy.

Using Image panel login card

A wide login card split into a form panel and a decorative image panel, with a row of three icon-only alternate sign-in buttons and terms text below.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: heading, accentColor, imageSide

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2739Minimal email loginPagesA password-free login page with a small brand mark, a welcome heading, one required email field, a single submit button, and two alternate sign-in options below a divider.

2742Muted social loginPagesA full login page on a gently tinted background with a brand mark, two social sign-in buttons, a divider, and an email and password form in one card.

2751Simple centered loginPagesA centered sign-in page card with email and password fields, a full-width submit button, an optional single sign-on button and a link to create an account.

2752Simple sign-in cardPagesA centered sign-in page card with a labeled email field, a password field with a forgot-password link, a primary submit button and an outlined alternate provider button.

2734Detailed signup cardPagesA centered signup card collecting full name, email, password and confirmation, each with a helper line, before a primary create-account button.

2737Image panel signup cardPagesA wide signup card split into a form panel and a decorative image panel, with paired password fields and three icon-only provider buttons under a divider.