• Three pages in your words, colours and Google Fonts: sign in, sign up and onboarding, sharing one theme and one film
• Validation that waits until a field is left, clears as soon as it is right, and shakes the pane on a bad submit
• A password meter with four bars and four rules, show/hide, social buttons, and a busy and done button
• Three onboarding steps (fields, one choice, several choices) with Back, a progress rail and a summary at the end
• A phone layout with the film on top and the glass rising as a sheet, and a reduced-motion version that holds the poster
• Checks at 390, 768, 1024 and 1440 px in every state, with contrast measured on the real film behind the glass
• A 1080p video of a typed session across the pages, rendered frame by frame
• Open-source licenses for every part it builds on

The front door of a product as three pages over a full-screen looping film: sign in, sign up, and a three-step onboarding that ends on a summary of the answers. The form sits on a pane of frosted glass that blurs and tints the footage under it so every word reads, while the pane's edge bends the film like thick glass (in Chrome and Edge, through a displacement map made for the pane's size and corners). Fields are checked as people leave them and clear the moment they are fixed; the new password fills a four-bar meter as its four rules tick off; the button goes busy, then done. Onboarding steps slide on while the film pushes in a little further each time. Three compositions: the pane floating beside the headline, docked full height as a side sheet whose free edge bends the film, or centred over the film's subject with the headline set as a vertical slate. Two tones: smoked glass with a ticket-stub notch, or milk glass with an instrument ruler. Your agent writes one page.json; the build checks every length and writes the three pages, and the check measures contrast against a screenshot of the real film behind the glass, at four widths and in every state.

Example request

Make our sign-in, sign-up and onboarding pages with Auth over Footage: our drone film behind them, our colours and fonts, Google and Microsoft sign-in, and onboarding that asks for the team name, their role and which alerts they want.