Banzai!

📋 1 Guidelines

🔗 Connections

Sector

E learning edtech Education

Region

Usa

Guideline Year

2024

Language

English

Tags

Featured Education

Official Websites

Brand Guidelines

2024

Brand Summary

Mission
  • To provide a professional, consistent image to customers by outlining Banzai’s visual identity, which is the result of research, planning, and refinement. The brand aims to reflect who Banzai is and what it values, emphasizing clarity, enthusiasm, and accessibility in all communications and products [^1].
Core Values
  • Enthusiastic
  • Stable
  • Fun
  • Smart
  • Dependable
  • Empathetic
  • Friendly
  • Quirky
  • Speedy
  • Energetic
  • A little weird
  • Premium
  • Warm
  • Family-friendly
  • Confident
  • Simple
Target Audience
  • Customers and users of Banzai’s products, including teachers and students in educational settings, as well as anyone interacting with Banzai’s marketing or app [^2].
Personality Traits
  • Enthusiastic
  • Fun
  • Smart
  • Dependable
  • Empathetic
  • Friendly
  • Quirky
  • Speedy
  • Energetic
  • A little weird
  • Premium
  • Warm
  • Family-friendly
  • Confident
  • Simple
Visual Identity Overview
  • Banzai’s visual identity is clean, minimal, and energetic, featuring a custom typeface (VC Banzai Cardinal), a joyful and energetic color palette centered on Banzai Blue, and playful illustrations and icons. The logo is bold, with clear guidelines for usage, emphasizing high contrast and accessibility. The overall style is professional, friendly, and approachable [^3].

Categories

Brand Voice
  • We communicate our brand voice through each decision we make. Our customers develop a sense of what Banzai is based on who we are and who we aren’t. Below are some words that describe Banzai’s core values and attitudes.
  • Banzai is Enthusiastic Stable Fun Smart Dependable Empathetic Friendly Quirky Speedy Energetic A little weird Premium Warm Family-friendly Confident Simple
  • Banzai is not Too serious “Wacky” Too trendy “Funky” Full of itself “Zany” Inconsistent Ironic Sloppy Slow Complicated Boring Stuffy Error-prone Mean-spirited Obnoxious
Color Palette
  • Banzai’s color palette is joyful and energetic. It communicates our sense of enthusiasm to our customers, and when used properly, makes our products easier to understand and more fun to use.
  • Our primary brand color is Banzai Blue (Blue 01). It’s cheerful and optimistic, and effectively represents our brand to our various audiences.
  • Our Neutral palette complements Banzai Blue to form the bedrock of our color palette; the majority of our communications (in marketing and product) should be a mix of Banzai Blue and our Neutral palette.
  • Banzai Blue #006AF9
  • Neutral 01 #000000
  • Neutral 02 #1D1726
  • Neutral 03 #2A2432
  • Neutral 04 #36313E
  • Neutral 05 #433D49
  • Neutral 06 #4F4A55
  • Neutral 07 #5C5761
  • Neutral 08 #68646D
  • Neutral 09 #757079
  • Neutral 10 #817D85
  • Neutral 11 #8E8A90
  • Neutral 12 #9A979C
  • Neutral 13 #A7A3A8
  • Neutral 14 #B3B0B4
  • Neutral 15 #C0BDC0
  • Neutral 16 #CCCACC
  • Neutral 17 #D9D6D7
  • Neutral 18 #E5E3E3
  • Neutral 19 #F2F0EF
  • Neutral 20 #FFFFFF
  • The secondary palette, shown right, augments Banzai’s core palette, expanding our range of expression.
  • Use the 01 colors the most; they harmonize with Banzai Blue and work especially well as backgrounds for text on the web. The 02–05 shades ought to be used sparingly as support colors.
  • #006AF9 R0 G106 B249 C81 M60 Y0 K0
  • Banzai Blue (Blue 01) #FF489A R255 G72 B154 C0 M85 Y2 K0 #FFC900 R255 G201 B0 C0 M21 Y100 K0 #00D04A R0 G208 B74 C71 M0 Y99 K0
  • Blue 02 #3388FA R51 G136 B250 C72 M46 Y0 K0 Magenta 02 #FF6DAE R255 G109 B174 C0 M73 Y0 K0 Yellow 02 #FFD334 R255 G211 B52 C0 M15 Y89 K0 Green 02 #33D96E R51 G217 B110 C65 M0 Y80 K0
  • Blue 03 #67A6FC R103 G166 B252 C54 M28 Y0 K0 Magenta 03 #FF92C3 R255 G146 B195 C0 M55 Y0 K0 Yellow 03 #FFDF66 R255 G223 B102 C0 M9 Y72 K0 Green 03 #66E392 R102 G227 B146 C54 M0 Y61 K0
  • Blue 04 #9AC3FD R154 G195 B253 C35 M15 Y0 K0 Magenta 04 #FFB6D6 R255 G182 B214 C0 M37 Y0 K0 Yellow 04 #FFE999 R255 G233 B153 C0 M6 Y48 K0 Green 04 #99ECB7 R153 G236 B183 C37 M0 Y39 K0
  • Blue 05 #CCE2FE R204 G226 B254 C17 M5 Y0 K0 Magenta 05 #FFDBEB R255 G219 B235 C0 M18 Y0 K0 Yellow 05 #FFF6CC R255 G245 B204 C0 M2 Y23 K0 Green 05 #CCF6DB R204 G246 B219 C19 M0 Y19 K0
  • This diagram illustrates the hierarchy for proper usage of Banzai’s color palette. Note that the majority of Banzai’s brand expression should use Banzai Blue, Neutral-02, and Neutral-19. Those colors are the core pillars of our brand palette, and they should be given precedence for most of our brand and marketing materials.
  • The secondary palette (Yellow, Magenta, and Green) opens up opportunities for variety and flexibility in our visual communication, but it should never be more prominent than the core palette.
  • Banzai’s neutral shades of gray. Banzai Blue and designing for new shades of Always display against its Use online contrast to ensure that your work meets accessibility.
  • Note that Neutral-01 sparingly; Banzai’s black (pure black) is used Neutral-02 is most often used as equivalent.
  • palette includes several Use these in tandem with the secondary palette when Banzai. Please don’t introduce gray to the color palette.
  • text at a high enough contrast background that it’s easy to read. checkers Banzai’s high standards for (pure black) is used Neutral-02 is most often used as equivalent.
  • Our products should be accessible to as many people as possible; to that end, please use high contrast color pairings when working with text in Banzai’s products.
  • Contrast checkers can quickly determine whether a color pairing is adequate for accessibility standards. For quick reference, though, you can use any of the match ups below: Blue-01 and Neutral-20 (pure white), Yellow-01 and Neutral-02, Magenta-01 and Neutral-02, Green-01 and Neutral-02, Neutral-02 and Neutral-20 (pure white), and Neutral-19 and Neutral-02.
  • The color combinations below either violate accessibility best practices (not enough contrast between the text color and its background) or Banzai’s brand expression recommendations.
  • Please avoid all of these color combinations.
  • Only use approved color pairings.
  • DON’T use Neutral-01 (pure black) except for rare exceptions, like page backgrounds in Dark Mode. Use Neutral-02 instead.
  • DON’T use light gray text on white or light gray backgrounds. Make sure there’s enough contrast between foreground and background elements, especially with text.
  • DON’T use dark gray text on dark gray backgrounds. Make sure there’s enough contrast between foreground and background elements, especially with text.
  • DON’T use white text on Magenta, Yellow, or Green backgrounds.
  • DON’T use Neutral-02 text on Banzai Blue backgrounds.
  • DON’T use colored (blue, magenta, yellow, green) text on top of other colored backgrounds.
Typography
  • We express Banzai’s voice through our typography. Our typographic system is the backbone of our entire brand identity—it’s practically impossible for a person to interact with Banzai’s marketing or products without seeing our typography. Please only use Banzai’s approved font, VC Banzai Cardinal.
  • VC Banzai Cardinal is Banzai’s brand typeface. It is a modified version of VC Cardinal, with customizations made exclusively for Banzai (a single story ‘a’ and straight legged ‘R’). It is a variable font, with axes for weight, width, and slant.
  • We use Banzai Cardinal Wide (that is, at its widest width: 250) for the vast majority of our communications. Banzai Cardinal (width: 200) can be used on occasion, but it should only be used for headings, and at large sizes.
  • VC Banzai Cardinal should be used in one of four weights: Regular (weight: 320), Medium (360), Semibold (440), and Bold (480). Note that these weights correspond with values on the weight axis of the variable font, and do not align with Very Cool Studio’s predetermined naming system.
  • Note that each text style in the image below is set to Banzai Cardinal’s widest width (width: 250).
  • H1 VC Banzai Cardinal Size / 96px Line Height / 0.9 Weight / 480 (Bd) Width / 250 Tracking / 0px H2 VC Banzai Cardinal Size / 40px Line Height / 1.0 Weight / 440 (Sb) Width / 250 Tracking / 0px H3 VC Banzai Cardinal Size / 24px Line Height / 1.1 Weight / 440 (Sb) Width / 250 Tracking / -1% H4 VC Banzai Cardinal (All Caps) Size / 14px Line Height / 1.0 Weight / 480 Width / 250 Tracking / 16% Body 1 VC Banzai Cardinal Size / 20px Line Height / 1.4 Weight / 320 Width / 250 Tracking / 2%
Logo Usage
  • The Banzai logo represents the company to the world. As such, it should be used carefully and deliberately.
  • Proper use of the logo strengthens our brand and builds trust for our audience. Conversely, sloppy logo usage cheapens our image and degrades our customers’ confidence in our products.
  • Please adhere to the guidelines below when designing anything that carries Banzai’s branding.
  • The Banzai logo has two basic forms: (1) the full ‘Banzai!’ wordmark, and (2) the abbreviated ‘B!’ mark. Both versions of the logo can be used to represent Banzai, but context should dictate which logo is a better choice; for example, the full wordmark should be used to communicate the full name of the company to people who may not be familiar with Banzai, and the ‘B!’ mark should be used in smaller spaces like social media avatars.
  • The logo always appears with a strong extrusion / shadow built into it; please don’t alter the logo to remove the shadow.
  • Regardless of which logo you’re using, the shadow should either be transparent (more on that in the next section) or colored Neutral-02 (#1D1726).
  • Banzai’s logo features a bold shadow that gives it a sense of volume and impact. In order to display the logo in the best way possible, we have three variants: Shadow, Outline, and Fill (note: these variants apply to the full word mark and the ‘B!’ logo mark).
  • The Shadow variant (top-left) is the default logo and should be used on light backgrounds.
  • The Outline variant (top-right) can be used on Banzai Blue backgrounds.
  • The Fill variant (bottom-left and bottom-right) uses the white outline and a black shadow. Because it’s so high-contrast, it’s the safest bet for most cases if the logo is appearing on dark or busy backgrounds.
  • Remember: the outline should always be white, and the shadow should always be dark.
  • When using the Banzai logo on solid colored backgrounds, it’s best to use the Fill variant of the logo.
  • Regardless of what color the background is, the logo will always appear with high contrast and thus be easy to recognize.
  • When in doubt, use the Fill variant.
  • The logo is designed to be legible, even at small sizes. There is no limit to how big you can make the logo at large scale, but be careful at smaller sizes. If legibility is an issue, the logo is too small. Conversely, if the logo is overpowering other elements on the page/ screen, consider making it smaller.
  • Recommended minimum size is 20 pixels (height) for screen, and 0.2 inches (height) in print.
  • Don’t crowd the logo. The guidelines to the right represent the minimum amount of clear space you should give the logo; in most cases, it should have much more breathing room than this.
  • If the logo X = ‘B’ should the in the size have logo, of the 3X then circular clear thespace logo counterspace mark around should it. in have 2X clear space around it, and the full
  • Please follow these guidelines for what not to do when using the Banzai logo. These are some examples of logo usage violations; they should be avoided.
  • Do not alter the Banzai logo in any way. Don’t apply superfluous effects (drop shadows, bevels, embossings) to it. Only display it in approved colors. If using the outlined logo, remember that the outline should always be white.
  • Improper use of the logo degrades its value to our audience, so please use care when working with it.
  • DON’T stretch the logo.
  • DON’T apply drop shadows or other effects to the logo.
  • DON’T display the logo in unapproved colors
  • DON’T don’t rotate the logo
  • DON’T use the outlined logo in a dark color.
  • DON’T fill the logo with a pattern.
Tone And Messaging
  • We communicate our brand voice through each decision we make. Our customers develop a sense of what Banzai is based on who we are and who we aren’t. Below are some words that describe Banzai’s core values and attitudes.
  • Banzai is Enthusiastic Stable Fun Smart Dependable Empathetic Friendly Quirky Speedy Energetic A little weird Premium Warm Family-friendly Confident Simple
  • Banzai is not Too serious “Wacky” Too trendy “Funky” Full of itself “Zany” Inconsistent Ironic Sloppy Slow Complicated Boring Stuffy Error-prone Mean-spirited Obnoxious
Brand Values
  • Our branding is more than just what we look like—it’s reflective of who we are and what we value.
  • We communicate our brand voice through each decision we make. Our customers develop a sense of what Banzai is based on who we are and who we aren’t. Below are some words that describe Banzai’s core values and attitudes.
  • Banzai is Enthusiastic, Stable, Fun, Smart, Dependable, Empathetic, Friendly, Quirky, Speedy, Energetic, A little weird, Premium, Warm, Family-friendly, Confident, Simple.
  • Banzai is not Too serious, “Wacky”, Too trendy, “Funky”, Full of itself, “Zany”, Inconsistent, Ironic, Sloppy, Slow, Complicated, Boring, Stuffy, Error-prone, Mean-spirited, Obnoxious.
Visual Style
  • The Banzai brand guidelines outline Banzai’s visual identity. The look and feel of Banzai’s branding is a result of research, planning, and refinement over the course of many months. Our branding is more than just what we look like—it’s reflective of who we are and what we value. Please adhere closely to these guidelines. Doing so will help Banzai put forth a professional, consistent image to its customers.
  • The Banzai logo has two basic forms: (1) the full ‘Banzai!’ wordmark, and (2) the abbreviated ‘B!’ mark. Both versions of the logo can be used to represent Banzai, but context should dictate which logo is a better choice; for example, the full wordmark should be used to communicate the full name of the company to people who may not be familiar with Banzai, and the ‘B!’ mark should be used in smaller spaces like social media avatars.
  • The logo always appears with a strong extrusion / shadow built into it; please don’t alter the logo to remove the shadow.
  • Regardless of which logo you’re using, the shadow should either be transparent (more on that in the next section) or colored Neutral-02 (#1D1726).
  • Banzai’s logo features a bold shadow that gives it a sense of volume and impact. In order to display the logo in the best way possible, we have three variants: Shadow, Outline, and Fill (note: these variants apply to the full word mark and the ‘B!’ logo mark).
  • The Shadow variant (top-left) is the default logo and should be used on light backgrounds.
  • The Outline variant (top-right) can be used on Banzai Blue backgrounds.
  • The Fill variant (bottom-left and bottom-right) uses the white outline and a black shadow. Because it’s so high-contrast, it’s the safest bet for most cases if the logo is appearing on dark or busy backgrounds.
  • Remember: the outline should always be white, and the shadow should always be dark.
🐛 Report