Clerk sign in
after Clerk
Clerk's dashboard sign-in, whole: the <SignIn /> card between two wings, with a meteor running the circuit over it.
Details
- Matched the live page pixel for pixel, in Clerk’s own fonts, at 1440, 1280 and 800 wide, the meteors aside: no pixel is off by more than 24 of 255.
- The card is Clerk's own element tree, cl-* class for cl-* class, styled from every element's computed style; the page around it is the dashboard's markup and Tailwind classes as served.
- The meteor is Clerk's canvas, ported: 20 dashes of 1.25px with 2.5px gaps riding the circuit at 0.3px/ms, every 6s.
- Focus, hover and press states, and the tab order, are the live page's, checked state by state.
- 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.