Clerk
clerk.com/
Clerk sells drop-in authentication and user-management components — sign-up/sign-in UI, social login, MFA, multi-tenancy for B2B SaaS, and subscription billing — aimed at developers who don't want to build auth from scratch. The homepage frames itself against a narrower category with the line "More than authentication," then backs it with actual code snippets like `<SignUp />` rather than screenshots. Its trust section is unusually dense with named executives rather than logos alone: quotes from Vercel's Guillermo Rauch and Stripe's Patrick Collison sit alongside eleven customer names. Pricing is stated plainly in the hero area — free for the first 50,000 monthly active users, no credit card — and the footer links to an "llms.txt" file indexing the site for AI crawlers. No About page is linked.
- Category
- Engineering & Infrastructure
- Style
- LightMinimal
- Stack
- Next.jsTailwind CSS
- Fonts
- geistNumbers
- Palette
- Meta title
- Clerk | Authentication and User Management
- Sections
- 8
- Updated
Clerk's landing page, section by section
Each section below is cropped straight from Clerk's live page — useful references for engineering & infrastructure landing page design.
Heroes
More heroesFeatures
More featuresAbout Us
More about usContact Us
More contact usPricing & Plans
More pricing & plansCareers pages
More careers pagesBlog pages
More blog pagesClerk design review: how the homepage is built
The Clerk homepage is 7,628 pixels tall on desktop and alternates light and dark bands: a light hero and logo strip, a light components section, a dark authentication grid, a light multi-tenancy and billing section, a dark SDK section, then light testimonials and footer. Dark bands have angled, chamfered top edges. Violet #6c47ff and cyan #5de3ff appear only in small section eyebrow labels. Black headlines are bold and tightly set, with the display face listed as geistNumbers. Product UI mockups carry most of the page, and no band is given to a closing call to action.
Above the fold
A black announcement bar reads "Clerk raises $50m Series C" with "Learn more", above a floating nav with six items plus "Sign in" and "Sign up". The centered headline is "More than authentication, Complete User Management". Instead of buttons, the only action is a monospace copy field reading "Add Clerk auth to my app: clerk.com/SKILL.md". A bordered strip follows with "Trusted by fast-growing companies around the world." beside four logos.
Components and authentication grid
The eyebrow "Clerk Components" leads "Pixel-perfect UIs, embedded in minutes", with an accordion for "USER AUTHENTICATION", "MULTI-TENANCY" and "BILLING" beside a live-looking "Create your account" sign-up card. A dark band then reads "Everything you need for authentication" over a grid of eleven tiles, including "Session Management", "Social Sign-On" and "API Keys", each with a dim illustration and a short description.
Multi-tenancy, billing and SDKs
On light again, "Everything your B2B SaaS needs" shows four cards: "Custom roles and permissions" with a grid of portraits, "Auto-join", "Invitations" and "Organization UI Components". "Subscription billing, without the headache" sits left of a mock pricing page with "$9" and "$19" plans. A dark split section pairs "Build with SDKs for modern frameworks" with "Integrate with the tools you love", each over a bordered grid of outline icons.
Testimonials and footer
"Trusted around the world" mentions "Free for your first 50,000 monthly retained users and 100 monthly retained orgs." and a "Build with agents" pill. A pull quote from Guillermo Rauch of Vercel sits below, beside a column of social-post cards that fades out at the bottom. The page ends without a final call to action. The footer has a logo, five link columns, a copyright line and five social icons.
On mobile
At 390 pixels the page grows to 14,258 pixels, nearly double the desktop height. The headline wraps to four lines and the copy field is clipped. The four logos form a two-by-two grid. The sign-up card moves above the accordion, and the authentication tiles stack in a single column. Pricing shows only the "Starter" card, with the second cut off. Footer columns pair up in two across.
Worth borrowing
- A copy-paste command field in place of buttons makes the hero action concrete for developers.
- Alternating light and dark bands with angled edges separate product areas on one long page.
- Small colored eyebrow labels such as "Billing" and "Frameworks" label each section without adding headline weight.
