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 OttoLearn® Gamified Microlearning™. 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.

Core Brand Colors

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

Primary Brand Colors

Otto Berry

HEX: #C81932
RGB: 200, 25, 50

blueberry

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

Midnight

HEX: #17161A
RGB: 23, 22, 26

Rice

HEX: #E4E4E4
RGB: 228, 228, 228

Secondary Colors

watermelon

HEX: #FF426D

carrot

HEX: #FF5725

mango

HEX: #F39400

Acid Lemon

HEX: #D8D810
RGB:  216, 216, 16

lime

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

leaf

HEX: #00AB6E

robin's egg

HEX: #0DB3D7

Grape

HEX: #9B38CC
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.