Logo (Horizontal)

Usage Rules

  • The Canvas by Instructure logo consists of Canvas red (PMS 1788C) and darkest blue (PMS 533C).

  • Whenever possible p lace the logo on a light background.

  • It’s a friendly logo, but it hasa personal bubble, so always give it plenty of breathing room.

  • To the right you’ll find the minimum logo clear space requirements and minimum size requirements.

  • Our logo and wordmark were made for each other, and should appear together whenever possible.

    Co-Branding

    When using a Canvas brand logo that includes “BY INSTRUCTURE,” you don’t need to incorporate the combined Instructure logo and wordmark into your design. However, please include the Instructure single mark—in color whenever possible or in reversed/white when it’s not possible. See the co-branding section for examples.

Horizontal Logo and Wordmark

Horizontal Logo and Wordmark

Single Mark

Reversed

Logo Clear Space

Logo Clear Space

Logo Minimum Size

Logo

(Stacked)

Usage Rules

Sometimes a vertically oriented Canvas by Instructure logo better fits the space. To the right you’ll find the minimum logo clear space and minimum size requirements.

Stacked Logo and Wordmark

Stacked Logo and Wordmark

Logo Clear Space

Logo clear space

Logo Minimum Size

Logos

(Sub-Brands+Services)

Usage Rules

These Canvas sub-brands, support services, add-ons, and features follow the Canvas by Instructure main logo color and clear space rules.

Co-Branding

When using a Canvas sub-brand logo that doesn’t include “BY INSTRUCTURE,” you must integrate the full Instructure logo and wordmark into your design, preferably in color. See the co-branding section for examples.

Canvas Sub-brands and services

Color Palette

Primary Colors

The Canvas by Instructure brand has three primary colors, chosen for both aesthetic and accessibility purposes. They’re Canvas red (PMS 1788C), orange (PMS 144C), and Instructure blue (PMS 2149C).

Secondary Colors

Our secondary colors are for supplementary use—in outlines, buttons, divisions, illustrations, and color accents. The little things. Our handy “Palette Usage” graphic will help you determine usage frequency.

White Space

We give our colors room to breathe. So embrace the white space.

Primary Colors

  • H E72429
    R 231
    G 36
    B 41

    PMS 1788C
    C 0
    M 100
    Y 95
    K 0

  • H F68E20
    R 246
    G 142
    B 32

    PMS 144C
    C 0
    M 55
    Y 100
    K 0

  • H 287A9F
    R 40
    G 122
    B 159

    PMS 2149C
    C 85
    M 45
    Y 25
    K 0

Secondary Colors

  • H FACB13
    R 250
    G 203
    B 19

    PMS 109C
    C 0
    M 20
    Y 100
    K 0

  • H 24A159
    R 36
    G 161
    B 89

    PMS 347C
    C 85
    M 10
    Y 90
    K 0

  • H 43CA9E
    R 67
    G 202
    B 158

    PMS 338C
    C 65
    M 0
    Y 50
    K 0

  • H 0097D3
    R 0
    G 151
    B 211

    PMS 2193C
    C 80
    M 25
    Y 0
    K 0

  • H 39B7D7
    R 57
    G 183
    B 215

    PMS 2915C
    C 65
    M 10
    Y 5
    K 0

  • H 8D4EA5
    R 141
    G 78
    B 165

    PMS 258C
    C 50
    M 80
    Y 0
    K 0

  • H CC1B5D
    R 204
    G 27
    B 93

    PMS 205C
    C 15
    M 100
    Y 50
    K 0

  • H 0D323F
    R 13
    G 50
    B 63

    PMS 533C
    C 90
    M 65
    Y 50
    K 50

  • H 143D50
    R 20
    G 61
    B 80

    PMS 534C
    C 90
    M 65
    Y 50
    K 40

  • H 156380
    R 21
    G 99
    B 128

    PMS 7700C
    C 90
    M 55
    Y 35
    K 20

  • H CCDCE4
    R 204
    G 220
    B 228

    PMS 2707C
    C 15
    M 5
    Y 5
    K 0

  • H F2F8FA
    R 242
    G 247
    B 250

    PMS 656C
    C 6
    M 2
    Y 2
    K 0

Palette Usage

Color Applications

When designing for Canvas K-12

Emphasize the Instructure blue, with accents of Canvas red and orange. Use the K-12 audience gradient and overlay.

When designing for Canvas HE

Lean into the Canvas red color, with accents of Instructure blue and orange. Use the HE audience gradient and overlay.

Within the Instructure Ed-cosystem Graphic

The learning management section is red.

0
Canvas color applications

Icons

Canvas by Instructure icons are kind of their own micro-language. These little symbols help illustrate important concepts and actions related to our products.

Canvas icons