Logo (Horizontal)

Usage Rules

  • The Impact by Instructure logo consists of orange (PMS 021C) and darkest blue (PMS 533C).

  • Whenever possible, place the logo on a light background.

  • It’s a friendly logo, but it has a 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 an Impact product 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 Mastery 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

Color Palette

Primary Colors

The Impact by Instructure brand has three primary colors, chosen for both aesthetic and accessibility purposes. They’re Impact orange (PMS 021C), yellow (PMS 109C), 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 F76400
    R 247
    G 100
    B 0

    PMS 021C
    C 0
    M 80
    Y 100
    K 0

  • H FACB13
    R 250
    G 203
    B 19

    PMS 109C
    C 0
    M 20
    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 E72429
    R 231
    G 36
    B 41

    PMS 1788C
    C 0
    M 100
    Y 95
    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 5
    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

There is no audience-based color segmentation for Impact by Instructure. Use the Impact by Instructure color palette, gradients, and overlay with an emphasis on orange.

Impact color application examples

Icons

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

Impact icons