← Clerk

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesclerk.com

    Clerk

    The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and “The Modern Web”.

    ClerkCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#007232
    50950
    AA 6.1
    surface
    surface#FFFFFF
    50950
    text
    text#000000
    50950
    AA 21.0
    accent
    accent#6C47FF
    50950
    secondary
    secondary#EF4444
    50950
    ClerkColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    geistNumberscustom

    The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and “The Modern Web”.

    Regular400Semibold600Bold700
    ClerkType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Clerk
    light
    Clerk
    dark
    Clerk
    brand
    wordmark
    Clerk
    light
    Clerk
    dark
    Clerk
    brand
    inverse
    Clerk
    light
    Clerk
    dark
    Clerk
    brand
    mono
    Clerk
    light
    Clerk
    dark
    Clerk
    brand
    favicon
    CL
    light
    CL
    dark
    CL
    brand
    Favicon legibilityfavicon · at native px
    CL
    16px
    CL
    20px
    CL
    24px
    ClerkLogo Suite
    04Logo Suitelogo-suite