Kahoot

📋 1 Guidelines

🔗 Connections

Sector

E learning edtech Software

Region

Norway

Guideline Year

2019

Language

English

Tags

Technology Education

Official Websites

Brand Guidelines

2019

Brand Summary

Mission
  • To make learning awesome by helping learners of any age and background unlock their full potential through fun, interactive, and social learning experiences [^1].
Core Values
  • playful
  • curious
  • inclusive
Target Audience
  • Learners of any age and background, including teachers, students, parents, and organizations seeking engaging educational experiences [^2].
Personality Traits
  • loud
  • colorful
  • bold
  • energetic
  • inclusive
  • friendly
  • playful
  • fun
  • curious
Visual Identity Overview
  • Kahoot!’s visual identity is quirky, colorful, expressive, and energetic, featuring playful illustrations, a vibrant color palette, and the Montserrat typeface. The brand emphasizes positivity, humor, and high energy in its visuals, with strict guidelines for logo usage, color combinations, and typography to maintain consistency and clarity [^3].

Categories

Brand Voice
  • Tone of voice When writing on behalf of Kahoot!, consider our identity as a company.
  • Kahoot!’s voice is human, friendly, and familiar. Our tone is conversational, clear, playful, and humorous, when appropriate. When writing on behalf of Kahoot!, we try to empathize with our users and adjust our tone depending on where they stand. We’re inspiring when they are in an exploratory mood, we’re helpful and knowledgeable when they’re wondering about something, and we’re enthusiastic and encouraging when they did something cool.
  • When you talk about Ka hoot!, we’d appreciate if you followed these recommendations to help make our voice heard.
  • DO use a tone that sounds… ► Informal and casual ► Friendly ► Playful and fun ► Inclusive ► Curious
  • DON’T use a tone that sounds… ► Formal ► Patronizing ► Childish ► Distant ► Complex
Brand Imagery
  • We use illustrations to explain things and to add energy to our designs.
  • The Kahoot! visual style conveys energy, positivity, and humor.
  • Our illustration style features both curved and geometric edges for a quirky, high energy appearance. Lighting is flat, but sometimes we use simple hard-edged shadows when complex elements or characters need more form.
  • DO keep all illustrations positive or humorous, even if expressing topics such as error messages.
  • DO center illustrations and sets around the same color set to avoid too much visual clutter.
  • DO use circles, triangles, diamonds, and squares to add interest to solid colors or whitespace.
  • DON’T apply strokes, textures, or other effects to illustrations, or change the colors.
  • DON’T thoughtlessly place illustrations.
  • They should serve a distinct purpose, especially alongside text.
  • DON’T use neutral colors as a base. Illustrations should be colorful, based off our official brand colors.
Color Palette
  • Kahoot! is a brand that is not afraid to use color. In fact we love using ours as often as possible!
  • Moreover, color is one of the most powerful tools to express who we are and what we represent. So, you’ll notice that we love using colors from our palette as often as possible. The official Kahoot! colors in RGB hex codes and PMS are on the following page. Here are the guidelines on using them.
  • ▶ Colored or photographic backgrounds should always have white text. Never place colored text on a colored background!
  • ▶ We always adhere to WCAG 2.1 guidelines. Refer to the color palette above for what color text goes on each color background.
  • ▶ The default color should be Kahoot! purple-2 (#46178f). When you need a single color to present the brand, use this one.
  • ▶ When you do choose to use the other colors, try to stick to 2 (max 3) colors, to stop designs from becoming messy and chaotic.
  • PMSVioletC #46178f PMS 2745 #25076b PMS266 #864cbf PMS 264 #c2aSdf PMS 804 #f5a23d PMS 148 #fad09e PMS 200 #c60929 PMS183 #ff99aa PMS 137 #ffa602 PMS199 #e2lb3c PMS7555 #d89e00 PMS7408 #ffcOOa PMS 114 #ffdd33 PMS 300 #1368ce PMS293 #0542b9 PMS 279 PMS 291 #45a3e5 #a2d1f2 PMS 7717 #028282 PMS 3252 #33cccc PMS 318 #99e5e5vv PMS7740 #26890c PMS356 #OS42b9 PMS 360 PMS358 #66bf39 #b2df9c PMS Black 7 #333333 PMS 663 #f2f2f2
Typography
  • Our brand typeface is Montserrat.
  • We use it to shout about things when we’re excited, or to calmly explain how things work when we need to be more serious.
  • We use four font weights: light, regular, bold, and black.
  • Our default text color is #333333 on light backgrounds, or white on dark backgrounds.
  • A pop of color can be used to highlight keywords in Montserrat black.
  • We use Montserrat black to SHOUT about things, or as titles.
  • We use bold mostly for paragraph headers and subtitles.
  • When we type body content, we use regular.
  • For body content in text-heavy documents and presentations, we use light to keep things nice and breezy with a little extra line spacing.
Logo Usage
  • Kahoot! has two brand marks in use. Here’s how they are used.
  • Quirky, colorful and expressive, our logo is a little snapshot of what differentiates the Kahoot! brand. It’s very important for us that the appearance of our logo remains consistent and unmodified, and these guidelines will help you to ensure it always looks its best.
  • We use our primary, full logo when we talk about Kahoot! as a company and represent our brand in all external communications.
  • If you’d like to use the Kahoot! logo in your communcations or product offerings, please use this version. You’re also welcome to use it together with your own logo as long as you follow the guidelines on the next page.
  • When the Kahoot! brand has been established, you can use our icon (it saves space!)
  • It’s acceptable to use the icon playfully in illustrations, but not as a standalone communication logo.
  • DO keep the logo unmodified and consistent.
  • DON’T add shadows or other effects, change its color, or change its orientation.
  • DO use the purple or black logo on white or light grey backgrounds, and the white version for colored backgrounds.
  • DON’T create different colored logos. Make sure there is enough contrast between the logo and the background. Don’t use colored logos on colored backgrounds.
  • DO use enough spacing around the logo.
  • Minimum spacing is½ of the logo height.
  • DON’T place the logo too close to other text or visual elements.
Tone And Messaging
  • Kahoot!’s voice is human, friendly, and familiar. Our tone is conversational, clear, playful, and humorous, when appropriate. When writing on behalf of Kahoot!, we try to empathize with our users and adjust our tone depending on where they stand. We’re inspiring when they are in an exploratory mood, we’re helpful and knowledgeable when they’re wondering about something, and we’re enthusiastic and encouraging when they did something cool.
  • When you talk about Ka hoot!, we’d appreciate if you followed these recommendations to help make our voice heard.
  • DO use a tone that sounds… ► Informal and casual ► Friendly ► Playful and fun ► Inclusive ► Curious
  • DON’T use a tone that sounds… ► Formal ► Patronizing ► Childish ► Distant ► Complex
Brand Values
  • These values guide us on our mission to make learning awesome and are reflected in our visual style and tone of voice.
  • We are PLAYFUL
  • Play is the first language we learn. It’s how we discover the world and understand our place in it. When we make learning fun, we make it engaging for everyone.
  • We are CURIOUS
  • Curiosity is part of human nature, and it lies at the heart of all great endeavors. It’s what turns learners into amazing leaders -and keeps those leaders learning.
  • We are INCLUSIVE
  • We’re team players at Kahoot! and believe that no learner, or employee, should ever be left out. Kahoot! strives to ensure that everyone has the chance to succeed.
Visual Style
  • These values guide us on our mission to make learning awesome and are reflected in our visual style and tone of voice.
  • The Kahoot! visual style conveys energy, positivity, and humor.
  • Our illustration style features both curved and geometric edges for a quirky, high energy appearance. Lighting is flat, but sometimes we use simple hard-edged shadows when complex elements or characters need more form.
  • DO keep all illustrations positive or humorous, even if expressing topics such as error messages.
  • DO center illustrations and sets around the same color set to avoid too much visual clutter.
  • DO use circles, triangles, diamonds, and squares to add interest to solid colors or whitespace.
  • DON’T apply strokes, textures, or other effects to illustrations, or change the colors.
  • DON’T thoughtlessly place illustrations.
  • They should serve a distinct purpose, especially alongside text.
  • DON’T use neutral colors as a base. Illustrations should be colorful, based off our official brand colors.
🐛 Report