Clerk

Developer-focused auth platform with a signature violet accent, crisp near-black text, and clean airy neutrals.

More than authentication, Complete User Management

What Coherent builds from this

generated · not Clerk's site

An original page Coherent generated from Clerk's tokens — its palette, type, and shape applied to fresh content. This is the output, not a screenshot of Clerk.

generated-with-coherent · clerk

A landing page generated by Coherent from Clerk's design tokens

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download clerk.mdthen, in your project:

$ npm i -g @getcoherent/cli
$ coherent import design clerk.md

Colour

#6c47ff

brand · h2 text

#f7f7f8

background · body background

#000000

text · body text

#131316

text · h1 text

#747686

text · button-secondary text

#5e5f6e

text · p text

#ffffff

text · a text

Typography

Families: geistNumbers · suisse · suisse Fallback · soehneMono

h164pxw700/72px

body16pxw400/24px

Spacing

8px12px16px48px128px160px272px

Radius

0px

Extracted from live CSS by Coherent (light mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.

Save clerk.md to your device

Open it on your desktop to run the CLI.