Spellbrush Brand: Colors, Fonts, Logo & Visual Identity

Spellbrush Brand Identity

A complete profile of Spellbrush's visual system — colors, typography, components, and personality — extracted from https://spellbrush.com. Built for designers, agents, and AI tools.

Color Palette

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

primary: #3F3B53 (rgb(63, 59, 83))
secondary: #325264 (rgb(50, 82, 100))
accent: #7680B1 (rgb(118, 128, 177))
background: #F0E6E5 (rgb(240, 230, 229))
textPrimary: #403C53 (rgb(64, 60, 83))
link: #403C53 (rgb(64, 60, 83))

Typography

Each font links to its Google Fonts page where available.

primary: Inter (Google Fonts →)
heading: Inter (Google Fonts →)
font stack: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif

Visual Assets

Logo:
Favicon:

UI Components

Live previews rendered using Spellbrush's actual button styles.

Button Primary: background #7680B1, textColor #000000, borderRadius 6px, shadow none
Button Secondary: background #FFFFFF, textColor #000000, borderRadius 6px, shadow none

Brand Personality

Tone: playful
Energy: medium
Audience: gamers and anime enthusiasts

Spellbrush Brand in the Wild

Image source: spellbrush.com
Image source: spellbrush.com
Image source: spellbrush.com
Image source: spellbrush.com
Image source: spellbrush.com
Image source: spellbrush.com

Frequently Asked Questions

What is Spellbrush's primary brand color?
Spellbrush's primary brand color is #3F3B53.
What accent color does Spellbrush use?
Spellbrush uses #7680B1 as an accent color.
What font does Spellbrush use?
Spellbrush uses Inter as the primary typeface.
Does Spellbrush use a light or dark theme?
Spellbrush's primary site uses a light color scheme.
Where can I find Spellbrush's logo?
The logo is available here.
How was this brand profile generated?
This profile was extracted using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#3F3B53",
    "secondary": "#325264",
    "accent": "#7680B1",
    "background": "#F0E6E5",
    "textPrimary": "#403C53",
    "link": "#403C53"
  },
  ... 
}

Methodology

Brand data was extracted using the Firecrawl branding extraction API.