← Warp

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelineswarp.dev

    Warp

    Infrastructure to build, measure, and interact with agents across your SDLC — so you ship more and spend less.

    WarpCover
    01Covercover
  2. Tokens · Color

    Color System

    Deep Sky Blue
    primary#00C2FF
    50950
    fail 2.1
    White
    surface#FFFFFF
    50950
    Charcoal
    text#1A1522
    50950
    AA 17.9
    Dark Olive Green
    accent#3F6B3F
    50950
    Bright Indigo
    secondary#2A1EFF
    50950
    WarpColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    matterMonocustom

    Infrastructure to build, measure, and interact with agents across your SDLC — so you ship more and spend less.

    Regular400Semibold600Bold700
    Aa
    Mattercustom

    Infrastructure to build, measure, and interact with agents across your SDLC — so you ship more and spend less.

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Warp
    light
    Warp
    dark
    Warp
    brand
    inverse
    Warp
    light
    Warp
    dark
    Warp
    brand
    mono
    Warp
    light
    Warp
    dark
    Warp
    brand
    app-icon
    WA
    light
    WA
    dark
    WA
    brand
    favicon
    WA
    light
    WA
    dark
    WA
    brand
    markclear 0.5× logo heightmin 16px · screen
    WA
    light
    WA
    dark
    WA
    brand
    Favicon legibilityfavicon · at native px
    WA
    16px
    WA
    20px
    WA
    24px
    WarpLogo Suite
    04Logo Suitelogo-suite