Blocks · Forms

Forms

Four everyday form patterns — login, signup, contact, inline newsletter. Inputs borrow framework focus treatments; the newsletter sits on a .lsd-z-modal card so it reads as a conversion-priority surface.

Login

Email + password + submit + forgot link. Raised card on dark surface.

.lsd-z-raised .lsd-stack .lsd-container-narrow .lsd-fx--hover-lift

Sign in

Welcome back. We saved your seat.

Forgot?

Signup

Name + email + password + terms checkbox. The submit anchors the form; fields stack in a .lsd-stack.

.lsd-z-raised .lsd-stack .lsd-gap-md

Create account

No credit card. Cancel whenever.

Contact

Name + email + message textarea + submit. Wider card, room for the body copy to breathe.

.lsd-container-narrow .lsd-z-raised .lsd-stack

Say hello

We answer every message within one working day.

Newsletter

Inline email + CTA on a .lsd-z-modal card. Fires loud — conversion-priority surface on the page.

.lsd-z-modal .lsd-row .lsd-align-center .lsd-gap-sm