← CircleCI

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinescircleci.com

    CircleCI

    Deliver production-ready software at AI speed. CircleCI helps modern teams validate, test, and ship every change with intelligent automation.

    CircleCICover
    01Covercover
  2. Tokens · Color

    Color System

    Deep Green
    primary#005700
    50950
    AA 8.9
    White
    surface#FFFFFF
    50950
    Near Black
    text#161616
    50950
    AA 18.1
    Deep Green
    accent#005700
    50950
    Bright Green
    secondary#00DB75
    50950
    CircleCIColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Intergoogle

    Deliver production-ready software at AI speed. CircleCI helps modern teams validate, test, and ship every change with intelligent automation.

    Light300Regular400Medium500Semibold600Bold700
    CircleCIType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

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