# Magic Brand Identity

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

## Color Palette

Brand palette extracted from https://getmagic.com/

- **primary**: #5200E3  
- **rgb**: (82, 0, 227)  
- **secondary**: #181746  
- **rgb**: (24, 23, 70)  
- **accent**: #00BD81  
- **rgb**: (0, 189, 129)  
- **background**: #000000  
- **rgb**: (0, 0, 0)  
- **textPrimary**: #000000  
- **rgb**: (0, 0, 0)  
- **link**: #0C0022  
- **rgb**: (12, 0, 34)

## Typography

Each font links to its Google Fonts page where available.

- **primary**: League Spartan  
- **heading**: League Spartan  
  
League Spartan, sans-serif

## Visual Assets

**Logo**

**Favicon**

**Social Card**

## UI Components

Live previews rendered using Magic's actual button styles.

- **Button Primary**  
  - background: #5200E3  
  - textColor: #FBFCFF  
  - borderColor: #5200E3  
  - borderRadius: 999px  
  - shadow: none

- **Button Secondary**  
  - background: #FFFFFF  
  - textColor: #000000  
  - borderColor: #FFFFFF  
  - borderRadius: 999px  
  - shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** business professionals seeking virtual assistant services

## Frequently Asked Questions

1. **What is Magic's primary brand color?**  
   Magic's primary brand color is #5200E3. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What accent color does Magic use?**  
   Magic uses #00BD81 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. **What font does Magic use?**  
   Magic uses League Spartan as the primary typeface across body and headings.

4. **Does Magic use a light or dark theme?**  
   Magic's primary site uses a dark color scheme, with a background of #000000.

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

6. **How was this brand profile generated?**  
   This profile was extracted from https://getmagic.com/ using the Firecrawl branding extraction API.