← Grafana Labs

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesgrafana.com

    Grafana Labs

    Avoid lock-in and ensure reliability with Grafana Cloud. The AI-powered platform built on open standards unifies metrics, logs, traces, profiles, and busines…

    Grafana LabsCover
    01Covercover
  2. Tokens · Color

    Color System

    Bright Blue
    primary#1B55F5
    50950
    AA 5.7
    White
    surface#FFFFFF
    50950
    Black
    text#000000
    50950
    AA 21.0
    Bright Blue
    accent#1B55F5
    50950
    Tomato
    secondary#FF671D
    50950
    Grafana LabsColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Poppinsgoogle

    Avoid lock-in and ensure reliability with Grafana Cloud. The AI-powered platform built on open standards unifies metrics, logs, traces, profiles, and busines…

    Light300Regular400Medium500Semibold600Bold700
    Aa
    Intergoogle

    Avoid lock-in and ensure reliability with Grafana Cloud. The AI-powered platform built on open standards unifies metrics, logs, traces, profiles, and busines…

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Grafana Labs
    light
    Grafana Labs
    dark
    Grafana Labs
    brand
    wordmark
    Grafana Labs
    light
    Grafana Labs
    dark
    Grafana Labs
    brand
    inverseclear 1× logo heightmin 24px · screen
    Grafana Labs
    light
    Grafana Labs
    dark
    Grafana Labs
    brand
    mono
    Grafana Labs
    light
    Grafana Labs
    dark
    Grafana Labs
    brand
    favicon
    GL
    light
    GL
    dark
    GL
    brand
    markclear 1× logo heightmin 16px · screen
    GL
    light
    GL
    dark
    GL
    brand
    Favicon legibilityfavicon · at native px
    GL
    16px
    GL
    20px
    GL
    24px
    Grafana LabsLogo Suite
    04Logo Suitelogo-suite