Clerk sign up
after Clerk
Clerk's dashboard sign-up, whole: the <SignUp /> card on a frosted half, and quotes that sweep in through a diagonal mask.
Details
- Matched the live page pixel for pixel, in Clerk’s own fonts, at 1440, 1280 and 800 wide, the meteors aside, with the quotes compared at the same moment: no pixel is off by more than 24 of 255.
- Every 7s the next quote sweeps in through a -40° mask (mask-position 0 to -2700px) out of a 4px blur as the last sweeps on to -8300px: 1.5s springs without bounce, as Clerk's bundle has them.
- Three meteors, each on Clerk's own repeat: the circuit every 6.5s, the corner every 5s, the line under the quote every 7.8s.
- Below 1024px it folds to the card alone, with the sign-in page's wings and circuit.
- A route group: it installs as app/(clerk), and needs Tailwind v4. Set in Geist where Clerk has Suisse Intl, matched in ink, cap height and line breaks.
© 2026 Dhaval Khandhadia. Use it in anything you build; don’t resell it. MIT with the Commons Clause.