Miro

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesmiro.com

    Miro

    Speed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.

    MiroCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#FBDB34
    50950
    fail 1.4
    surface
    surface#FFFFFF
    50950
    text
    text#111111
    50950
    AA 18.9
    accent
    accent#0099FF
    50950
    secondary
    secondary#695E24
    50950
    MiroColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Noto Sansgoogle

    Speed up product development from ideation to launch. Align teams, break tool silos and ship what customers need in one AI-powered visual platform.

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Miro
    light
    Miro
    dark
    Miro
    brand
    favicon
    MI
    light
    MI
    dark
    MI
    brand
    monoclear 1× logo heightmin 24px · screen
    Miro
    light
    Miro
    dark
    Miro
    brand
    Favicon legibilityfavicon · at native px
    MI
    16px
    MI
    20px
    MI
    24px
    MiroLogo Suite
    04Logo Suitelogo-suite