FanHero Brand: Colors, Fonts, Logo & Visual Identity
FanHero Brand Identity
A complete profile of FanHero's visual system — colors, typography, components, and personality — extracted from https://fanhero.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://fanhero.com/.
| Color Name | Hex Code | RGB Value |
|---|---|---|
| primary | #0660F9 | rgb(6, 96, 249) |
| secondary | #EF3F56 | rgb(239, 63, 86) |
| accent | #6EC1E4 | rgb(110, 193, 228) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #6EC1E4 | rgb(110, 193, 228) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family |
|---|---|
| body | Montserrat |
| heading | Montserrat |
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using FanHero's actual button styles.
Input
| Property | Value |
|---|---|
| background | #FFFFFF |
| textColor | #1E1E1E |
| borderColor | #C6C7F8 |
| borderRadius | 12px |
| shadow | none |
Button Primary
| Property | Value |
|---|---|
| background | #000000 |
| textColor | #000000 |
| borderRadius | 0px |
| shadow | none |
Brand Personality
Tone: modern
Energy: medium
Audience: business professionals and educators
Frequently Asked Questions
What is FanHero's primary brand color?
FanHero's primary brand color is #0660F9. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does FanHero use?
FanHero uses #6EC1E4 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does FanHero use?
FanHero uses Montserrat as the primary typeface across body and headings.
Does FanHero use a light or dark theme?
FanHero's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find FanHero's logo?
FanHero's logo is available directly on their site (fanhero.com). 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://fanhero.com/ 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 FanHero.