Pages

Split sign-in page

A two-column login page pairing a narrow form column with a full-height cover image on the opposite side, the image dropping away on small screens.

Fieldbook

Welcome back

New to Fieldbook? Create an account

Demo page, nothing is sent anywhere.

Using Split sign-in page

A two-column login page pairing a narrow form column with a full-height cover image on the opposite side, the image dropping away on small screens.

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: brandName, 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

2747Sign-in card with photoPagesA wide sign-in card split into a form half and a photo half, centered on a tinted page, with icon-only provider buttons.

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.

2753Social sign-in cardPagesA sign-in page card on a tinted background that leads with full-width provider buttons, then offers an email and password fallback with terms fine print below.

2740Minimal email sign inPagesA password-free sign-in page with a brand mark, a welcome heading, one email field, a primary button, and two alternative 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.