Docs Block Reference Login

Login

A sign-in form. Email + password fields, optional Remember me / Lost password / Google Sign-In options, with a configurable redirect URL after successful login.

When to use it

  • /login page
  • Login modal triggered from the header
  • Password-protected gated content

When not to use it

  • Account creation — use Register
  • Logged-in member dashboard — use Account
  • Generic contact form — use Contact

Settings

Button Text — text input (default: "Log In")

Submit-button label.

Redirect URL — text input (placeholder: Optional)

Where to send the user after successful login. Leave empty to return them to the page they came from.

Options (3 toggles)

  • Remember me (default: on, left) — show the "Remember me"

    • checkbox in the form

  • Lost password (default: on, right) — show the "Forgot

    • password?" link

  • Show Google Sign-In (default: on) — show the "Continue with

    • Google" button

Colours (4-swatch row)

Pinned to the corners of a single row:

  • Button (left) — submit-button fill
  • Field BG (centre-left) — input fill (default: light grey)
  • Border (centre-right) — input border colour
  • Text (right) — input text colour

Sliders

  • Radius — 0–20px (default: 4). Field corner roundness.
  • Max Width — 200–800px (default: 400). Form container.
  • Field Gap — 3–20px (default: 16). Vertical spacing.

Entrance animation

Standard widget at the bottom.

Per-device overrides

Button text, Redirect URL, toggles, colours, sliders all have per-device values.

Common override:

  • Max Width — narrower on desktop (380), 100% on mobile

Common patterns

Standard login page

Button Text "Log In" · Remember me on · Lost password on · Google Sign-In on · Redirect URL /account · Max Width 400 · Radius 4.

Modal-style compact login

Button Text "Sign in" · Lost password off · Google Sign-In off · Max Width 320 · Radius 12. Place inside a Modal.

Members-only page

Place above gated content. Lost password on · Redirect URL the current page so they land back where they were.

Related

  • blocks/register — for the matching account-creation form
  • blocks/account — the logged-in member dashboard
  • blocks/contact — for general enquiries (not authentication)