← 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

    Light Sea Green
    primary#04BCBC
    50950
    fail 2.4
    White
    surface#FFFFFF
    50950
    Charcoal
    text#181A1C
    50950
    AA 17.4
    Bright Cyan
    accent#89DDFF
    50950
    Light Violet
    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
    inverseclear 1× logo heightmin 24px · screen
    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