← Netlify

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesnetlify.com

    Netlify

    Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.

    NetlifyCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#04BCBC
    50950
    fail 2.4
    surface
    surface#FFFFFF
    50950
    text
    text#181A1C
    50950
    AA 17.4
    accent
    accent#89DDFF
    50950
    secondary
    secondary#C792EA
    50950
    NetlifyColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Figtreegoogle

    Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.

    Light300Regular400Medium500Semibold600Bold700
    Aa
    Instrument Sanscustom

    Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.

    Regular400Bold700
    NetlifyType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Netlify
    light
    Netlify
    dark
    Netlify
    brand
    mark
    NE
    light
    NE
    dark
    NE
    brand
    inverse
    Netlify
    light
    Netlify
    dark
    Netlify
    brand
    mono
    Netlify
    light
    Netlify
    dark
    Netlify
    brand
    app-icon
    NE
    light
    NE
    dark
    NE
    brand
    favicon
    NE
    light
    NE
    dark
    NE
    brand
    Favicon legibilityfavicon · at native px
    NE
    16px
    NE
    20px
    NE
    24px
    NetlifyLogo Suite
    04Logo Suitelogo-suite