← Calm

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinescalm.com

    Calm

    Calm is the #1 app for sleep and meditation. Join the millions experiencing better sleep, lower stress, and less anxiety.

    CalmCover
    01Covercover
  2. Tokens · Color

    Color System

    Cerulean
    primary#3CB0EC
    50950
    fail 2.4
    White
    surface#FFFFFF
    50950
    Near Black
    text#111111
    50950
    AA 18.9
    Slate Blue
    accent#6461E0
    50950
    Light Blue
    secondary#87B3EE
    50950
    CalmColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Figtreegoogle

    Calm is the #1 app for sleep and meditation. Join the millions experiencing better sleep, lower stress, and less anxiety.

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Calm
    light
    Calm
    dark
    Calm
    brand
    wordmark
    Calm
    light
    Calm
    dark
    Calm
    brand
    inverse
    Calm
    light
    Calm
    dark
    Calm
    brand
    mono
    Calm
    light
    Calm
    dark
    Calm
    brand
    app-icon
    CA
    light
    CA
    dark
    CA
    brand
    markclear 0.5× logo heightmin 16px · screen
    CA
    light
    CA
    dark
    CA
    brand
    Favicon legibilityapp-icon · at native px
    CA
    16px
    CA
    20px
    CA
    24px
    CalmLogo Suite
    04Logo Suitelogo-suite