Get Updates via OttoLearn's Newsletter

Spread the Word...

...that OttoLearn is a better way to train.

Our brand kit provides you with the tools and guidance on using our logo and trademarks when promoting Otto. Have a question? Reach out to us: hello@ottolearn.com.

The Logo

The face of the OttoLearn brand. Download the OttoLearn brand kit ZIP file — it includes the all three versions of the OttoLearn logo in EPS format and in three different PNG sizes. It also contains a TXT file of the core brand color codes.
Download the logo .ZIP

Proper Logo Usage

Learn how to use the OttoLearn logo in your materials.

Primary Logo
This version should be used at every possible opportunity, unless it falls into one of the following two categories: Knockout Logo or Light Logo use.
Knockout Logo
For use on backgrounds where any part of the primary logo would not be clearly seen.
Light Logo
For use on darker backgrounds where the black "Otto" of the primary logo would not be seen, but the red "learn" is still clearly visible.
Example showing that the logo needs space around it - OttoLearn Agile Microlearning
Logo spacing
Give generous white space when placing other elements around the logo.

Incorrect Logo Usage

Please don't make Otto sad by doing any of these things to the logo.

Example of the OttoLearn logo colors being altered  - Logo "Do Not's" - OttoLearn Microlearning
Do not alter or swap the logo colors.
Example of the OttoLearn logo using a stroke and drop shadow - Logo "Do Not's" - OttoLearn Microlearning
Do not add any effects, such as drop shadows or strokes, to the logo.
Example of the OttoLearn logo being distorted - Logo "Do Not's" - OttoLearn Microlearning
Do not distort or skew the logo in any way.
Example of part of the OttoLearn logo being resized - Logo "Do Not's" - OttoLearn Microlearning
Do not resize any part of the logo.
Example of the OttoLearn logo on a busy background  - Logo "Do Not's" - OttoLearn Microlearning
Do not use the logo on a busy photo. Placing the logo on images is permitted ONLY when there is a solid black or white area on the photo.
Example of the OttoLearn logo on a colored background that hides part of the logo - Logo "Do Not's" - OttoLearn Microlearning
Do not place the logo against solid background on which any part of the logo disappears.
Example of the OttoLearn logo being rotated - Logo "Do Not's" - OttoLearn Microlearning
Do not rotate the logo.
Example of the OttoLearn logo being cropped or obscured - Logo "Do Not's" - OttoLearn Microlearning
Do not crop or obscure any part of the logo.
Example of the OttoLearn logo opacity being altered- Logo "Do Not's" - OttoLearn Microlearning
Do not alter the opacity of the logo.
Example of the OttoLearn logo being rotated - Logo "Do Not's" - OttoLearn Microlearning
Do not use the logo without the tagline.
Example of the OttoLearn logo being rotated - Logo "Do Not's" - OttoLearn Microlearning
Do not alter the tagline font or text.
Example of the OttoLearn logo being rotated - Logo "Do Not's" - OttoLearn Microlearning
Do not move the tagline around.
Icon: Paintbrush - OttoLearn Adaptive Microlearning

Core Brand Colors

The color palette that gives OttoLearn and its marketing material their unique look.

Primary LOGO Colors

Otto Berry

HEX: #C81932
RBG: 200, 25, 50

Almost Black

HEX: #222222
RBG: 34, 34, 34

Secondary Colors

Just Indigo

HEX: #4153FF
RBG: 65, 83, 255

Lime

HEX: #8FC31A
RBG: 143, 195, 26

Acid Lemon

HEX: #D8D810
RBG:  216, 216, 16

SMoke (outlines)

HEX: #E4E4E4
RBG: 228, 228, 228
Icon: Open folder with an arrow pointing down into it - OttoLearn Microlearning
Download the Otto Brand Kit
Get the OttoLearn logo & palette list for use in your materials.
Download the .ZIP
Questions about using the OttoLearn the brand kit? Send us your inquiries at hello@ottolearn.com.