Clerk

Item: Clerk
Rating: 7.8

Authentication, user management and billing components for developers.

7.8/10MABTU rating

Blog

Careers

DESKTOP · 1440 × 7,666/ ↗

MOBILE · 390

Section outline · Home

01heroAnnouncement bar, centred headline, copyable prompt pill
02logo cloudFour customer logos
03featureComponent accordion left, live sign-in card right
04bentoDark notched band, 3x4 feature bento
05featureOrg roles, invites and switcher cards
06featureCopy left, pricing-table mockup right
07integrationsDark band with framework and integration icon grids
08testimonialsMasonry of social quotes
09footerFive link columns and socials

Rating · Home

Visual design8.2

UX & clarity8.2

Originality7.4

Craft & consistency8.5

Motion7.5

Performance & a11y7.7

This page scores 8.0; the site score weights the home page double.

Main colours

Light·off white background·mono

Typography

Geist Numbersheading · sans · self-hosted Geist Numbersbody · sans · self-hosted Soehne Monoaccent · mono · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Bento Dark tech Product-UI-led Bento grid Floating CTA Hamburger-only nav Logo cloud Marquee Pricing table Sticky header Tabs

Also: PostHog, Vercel, Google Analytics

Design DNA

Light grey-white sections alternate with near-black bands whose top and bottom edges have angled notches, like a machined plate. Bold, tight grotesk headlines around 36px centred, small grey body, violet accent for eyebrows and links. The hero ends in a copyable AI-prompt command pill. Features show real embedded components: a sign-in card beside an accordion of component names in mono, a dark 3x4 bento of auth features with subtle 3D icon tiles, org-switcher and avatar cards, a pricing-table mockup for billing, SDK logo grids and a masonry of tweet-style testimonials.

Worth borrowing

Cut notched angled corners into the top and bottom of dark bands to separate light and dark sections.
Show the product as a real UI component (sign-in card) next to an accordion listing component tags in mono.
Put a copyable 'add to my app' AI prompt pill directly under the hero copy.