Working With the Khan Academy Kids Visual Identity
I spent about three weeks last year doing some derivative work that required pulling assets and following the Khan Academy Kids Branding guidelines pretty closely. It sounds simple on paper — there's a brand page, a few logos, a color palette — but the actual execution has some quirks that the public documentation doesn't really cover. First, a quick overview of what you're actually working with. Khan Academy Kids is the early-learning spinoff of Khan Academy, and their visual identity is intentionally distinct from the main Khan Academy brand. The main Khan site is clean, academic, slightly minimalist. Kids is where they went full color and personality. The primary palette revolves around warm oranges, teals, and a soft yellow background. The typography is rounded and friendly — they use a custom wordmark and a set of illustrated characters that serve as the face of the product.
Khan Academy Kids Branding Assets and Where to Find Them
The official brand resources live at khanacademy.org/kids/about and the broader Khan Academy brand guidelines are hosted at brand.khanacademy.org. From there you can access the logo files, the character illustrations, color codes, and typography specs. The Kids brand assets are a subset — they don't just hand you the entire Khan family tree. Logos come in a few variations: full lockup with the character illustration, wordmark-only, and the icon/square version for app stores and favicons. You'll want the SVG versions for any print or high-resolution work. The PNGs on the page are fine for quick mockups but they'll pixel out if you scale them past about 200 pixels wide. Color values, roughly: the main orange runs around #FF6A1D, the teal is close to #00A6B4, and the background cream is roughly #FFF8E7. These aren't exact — I'd recommend verifying against the brand page before committing anything to production. Small drifts in these hex values make the whole thing look off.
What Beginners Miss
Here's the thing nobody really talks about: the character illustrations are not free to use in the way you might assume. The Khan Academy Kids characters — Nombini, Zola, and the rest — are proprietary artwork. You can use them when creating promotional material that's clearly affiliated with or licensed by Khan Academy, but you cannot take those characters and put them on your own product, your merch, or a derivative app. The brand guidelines are somewhat vague on this boundary, which caused me more headache than anything else. I ran into this directly when a client wanted to use the character art on a custom classroom poster set they were selling. They assumed that since the app is free, the branding was free. It isn't. The workaround was to create original characters that echoed the style — rounded shapes, warm palette, friendly expressions — without copying any specific Khan Academy Kids character. That took about two days of iteration but kept everyone out of legal territory. Another nuance: the typography. Khan Academy Kids uses a custom rounded typeface for its wordmark and UI labels. You won't find this font in any public font repository. When people ask me how to replicate the look, my answer is usually to use Ballare Bold or Quicksand as close alternatives for headings, and Nunito for body text. None of these are exact matches, but they get you within visual range. If you need pixel-perfect accuracy, you're looking at either licensing the custom font through Khan Academy directly or commissioning a similar custom typeface, which runs anywhere from a couple thousand to ten thousand dollars depending on scope.
Get the Full Details
Practical Workflow
When I need to work with these assets quickly, here's what my process looks like: I grab the SVG logos from the brand page and put them in a dedicated folder. I extract the color palette using a tool like Coolors or just grab the hex values directly from the CSS on the brand page. Then I build a simple style tile in Figma — logo variations, the four or five core colors with their hex codes, the typography replacements, and a note about character usage restrictions. This style tile becomes the reference for everything else. For app screenshots or UI mockups that need to look like Khan Academy Kids, I don't try to recreate the interface from scratch. I take reference screenshots from the actual app and use them as a layout guide while swapping in my own content. This saves hours. The interface uses a card-based grid with large touch targets, rounded corners at about 16px radius, and the teal and orange colors as primary and secondary actions. Copying that structure while changing the content is fast and stays visually coherent.
One thing that tripped me up initially: the aspect ratios. Khan Academy Kids app screenshots vary between 9:16 for phone and 16:9 for tablet views. If you're preparing marketing assets, make sure you're matching the right ratio to the right device shot. I once submitted a set of ads with tablet screens displayed at phone dimensions and got rejected by the review team. Took another four hours to reformat everything.
Limitations and When This Approach Breaks Down
The Khan Academy Kids Branding system works well for educational content, classroom materials, and promotional work that has some affiliation with Khan Academy. It breaks down fast if you're trying to build an independent product that needs to feel similar without using their assets. The character IP is the biggest blocker — that's non-negotiable. The color palette alone isn't protectable, but combined with the character art and specific layout patterns, it creates a very recognizable visual identity that's difficult to approximate without crossing into infringement territory. If you need something that feels approachable and kid-friendly without tying yourself to Khan Academy's IP, your best move is to build a separate identity from the ground up. Use a warm color palette, rounded typography, and illustrated characters that are distinctly yours. It takes more time upfront — maybe two to three weeks for a basic brand package — but it saves you from having to pivot everything later when someone at Khan Academy's legal team sends a cease-and-desist. I've seen that happen to smaller edtech projects. It's not pleasant. The official resources remain the best starting point if you're working within the Khan Academy ecosystem. Brand page at brand.khanacademy.org has the downloadable assets. From there, treat the guidelines as a floor, not a ceiling — and pay attention to what they don't say about character usage.
