Clerk — homepage hero
Swiss / International · landing page
Steal · component patternmodel draft
The hero image is the product: a "Create your account" form with "Continue with Google" tagged "Last used", "Continue with GitHub", an "or" divider, and an email field caught mid-typing ("chris.walker@exam") under a cursor, with faded sign-in panels on either side. Steal the embeddable component as the hero shot, frozen mid-interaction, for a product whose output is UI.
Steal · component patternmodel draft
Over the form sits a four-part tab strip (User Authentication, Multi-tenancy, Enterprise Authentication, Agent Authentication), the active one in a grey pill with a purple dot. Steal a tab strip above the hero demo that names one buyer use case per tab.
Steal · copywritingmodel draft
In place of a CTA button pair, the hero carries a box labeled "Build with agents" with one mono line, "> Add Clerk auth to my app: clerk.com/SKILL.md", and a copy icon; the nav has no filled button, only "Sign in" and "Sign up" as text. Steal a copyable one-line prompt as the developer CTA, written as the exact instruction to paste into a coding agent.
Fonts: Suisse · Original: Clerk
private-reference-only
View original ↗Source & usage rights
Original: Clerk. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.