← Next.js

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesnextjs.org

    Next.js by Vercel

    Next.js by Vercel is the full-stack React framework for the web.

    Next.jsCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#9162C0
    50950
    AA-lg 4.5
    surface
    surface#FFFFFF
    50950
    text
    text#171717
    50950
    AA 17.9
    accent
    accent#9162C0
    50950
    secondary
    secondary#449D5D
    50950
    Next.jsColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    GeistSanscustom

    Next.js by Vercel is the full-stack React framework for the web.

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Next.js
    light
    Next.js
    dark
    Next.js
    brand
    wordmark
    Next.js
    light
    Next.js
    dark
    Next.js
    brand
    inverse
    Next.js
    light
    Next.js
    dark
    Next.js
    brand
    mono
    Next.js
    light
    Next.js
    dark
    Next.js
    brand
    favicon
    NE
    light
    NE
    dark
    NE
    brand
    Favicon legibilityfavicon · at native px
    NE
    16px
    NE
    20px
    NE
    24px
    Next.jsLogo Suite
    04Logo Suitelogo-suite