Pages

Split cover signup

A two column signup page: a narrow centered form with a brand mark on one side and a full bleed illustrated cover on the other, collapsing to a single column when narrow.

Acme Inc.

Using Split cover signup

A two column signup page: a narrow centered form with a brand mark on one side and a full bleed illustrated cover on the other, collapsing to a single column when narrow.

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2754Split cover loginPagesA two-column login page with a centered sign-in form beside a full-bleed decorative cover panel that drops away on narrow screens.

2731Account signupPagesA centered signup page with an email field, a primary create-account button, a divider, and two secondary continue-with buttons for alternate identity providers.

2733Centered signup cardPagesA centered page card that collects a full name, email, password and confirmation, each field with a short helper line, plus a connected-account signup 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.

2743Muted compact signupPagesA signup page with a centered card on a muted tinted background where the two password fields share one compact two-column row under a single helper line.

2748Signup card on tintPagesA centered signup card on a tinted page background, pairing the password and confirm-password fields side by side under one shared helper line.