# MagicSchool Brand Identity

A complete profile of **MagicSchool**'s visual system — colors, typography, components, and personality — extracted from [https://www.magicschool.ai/](https://www.magicschool.ai/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://www.magicschool.ai/.  
**primary**  
`#33116F`  
`rgb(51, 17, 111)`  
**secondary**  
`#FFFEF0`  
`rgb(255, 254, 240)`  
**accent**  
`#762BFA`  
`rgb(118, 43, 250)`  
**background**  
`#F8F8F8`  
`rgb(248, 248, 248)`  
**textPrimary**  
`#762BFA`  
`rgb(118, 43, 250)`  
**link**  
`#762BFA`  
`rgb(118, 43, 250)`

## Typography

Each font links to its Google Fonts page where available.  
**primary**  
Figtree  
Figtree [Google Fonts →](https://fonts.google.com/specimen/Figtree)  
**heading**  
Poppins  
Poppins [Google Fonts →](https://fonts.google.com/specimen/Poppins)  
Jokker, Arial, sans-serif

## Visual Assets

Logo  
  
Favicon  
  
Social Card

## UI Components

Live previews rendered using MagicSchool's actual button styles.

**Button Primary**  
**buttonPrimary**  
background: `#762BFA`, textColor: `#FFFFFF`, borderColor: `#762BFA`, borderRadius: `8px`, shadow: `none`

**Button Secondary**  
**buttonSecondary**  
background: `#FFFEF0`, textColor: `#762BFA`, borderColor: `#762BFA`, borderRadius: `8px`, shadow: `none`

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** school districts and educators

## Frequently Asked Questions

**What is MagicSchool's primary brand color?**  
MagicSchool's primary brand color is `#33116F`. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does MagicSchool use?**  
MagicSchool uses `#762BFA` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does MagicSchool use?**  
MagicSchool uses Figtree for body text and Poppins for headings. Fonts were detected on https://www.magicschool.ai/ as part of their live design system.

**Does MagicSchool use a light or dark theme?**  
MagicSchool's primary site uses a light color scheme, with a background of `#F8F8F8`.

**Where can I find MagicSchool's logo?**  
MagicSchool's logo is available directly on their site (https://www.magicschool.ai/). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://www.magicschool.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by MagicSchool.

## Methodology

Brand data on this page was extracted from [https://www.magicschool.ai/](https://www.magicschool.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by MagicSchool.