# Fusion Charts Brand Identity

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

## Color Palette

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

- **primary**:  #3971C0  (rgb(57, 113, 192))
- **secondary**: #66D6CC  (rgb(102, 214, 204))
- **accent**: #66D6CC  (rgb(102, 214, 204))
- **background**: #F7F5F0  (rgb(247, 245, 240))
- **textPrimary**: #000000  (rgb(0, 0, 0))
- **link**: #75C3BC  (rgb(117, 195, 188))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Arial  [Google Fonts →](https://fonts.google.com/specimen/Arial)
- **heading**: Google Sans  [Google Fonts →](https://fonts.google.com/specimen/Google+Sans)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Fusion Charts's actual button styles.

- **Button Primary**:  
  - background: #66D6CC  
  - textColor: #3971C0  
  - borderRadius: 4px  
  - shadow: none

- **Button Secondary**:  
  - background: #3971C0  
  - textColor: #FFFFFF  
  - borderRadius: 6px  
  - shadow: none

## Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: developers and businesses looking for data visualization solutions

## Fusion Charts Brand in the Wild

Image: [raw.githubusercontent.com](https://raw.githubusercontent.com/wuba/wrn-echarts/main/screenshots/example.jpg)  
Source: [fusioncharts.com](https://www.fusioncharts.com/blog/top-react-chart-library/)

Image: [fusioncharts.com](https://www.fusioncharts.com/blog/wp-content/uploads/2023/01/image9.jpg)  
Source: [fusioncharts.com](https://www.fusioncharts.com/blog/most-read-blog-posts/)

Image: [fusioncharts.com](https://www.fusioncharts.com/blog/wp-content/uploads/2023/01/image10-1-1024x536.png)  
Source: [fusioncharts.com](https://www.fusioncharts.com/blog/most-read-blog-posts/)

Image: [fusioncharts.com](https://www.fusioncharts.com/dev/images/export-a-dashboard-image-2.png)  
Source: [fusioncharts.com](https://www.fusioncharts.com/dev/exporting-charts/using-fusionexport/tutorials/export-a-dashboard)

Image: [fusioncharts.com](https://www.fusioncharts.com/blog/meet-fusiongrid/microsoftteams-image_1_vprvlt/)  
Source: [fusioncharts.com](https://www.fusioncharts.com/blog/meet-fusiongrid/)

Image: [fusioncharts.com](https://www.fusioncharts.com/blog/wp-content/uploads/2022/09/Why-is-Recharts-Considered-a-Solid-Data-Visualization-Library.jpg)  
Source: [fusioncharts.com](https://www.fusioncharts.com/blog/best-javascript-data-visualization-libraries-2/)

## Frequently Asked Questions

- **What is Fusion Charts's primary brand color?**

Fusion Charts's primary brand color is #3971C0. It anchors the visual identity across their website, product UI, and marketing materials.

- **What accent color does Fusion Charts use?**

Fusion Charts uses #66D6CC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

- **What font does Fusion Charts use?**

Fusion Charts uses Arial for body text and Google Sans for headings. Fonts were detected on https://fusioncharts.com as part of their live design system.

- **Does Fusion Charts use a light or dark theme?**

Fusion Charts's primary site uses a light color scheme, with a background of #F7F5F0.

- **Where can I find Fusion Charts's logo?**

Fusion Charts's logo is available directly on their site (https://fusioncharts.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://fusioncharts.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 Fusion Charts.