# Chart Brand Identity

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

- Page: https://characterquilt.com/branding/chart
- Machine-readable JSON: https://characterquilt.com/branding/chart.json

## Quick Facts

| Field | Value |
|---|---|
| Primary | #A5EB71 |
| Accent | #293321 |
| Body Font | Urbanist |
| Heading Font | Urbanist |

## Color Palette

- primary: #A5EB71
- accent: #293321
- background: #F6F4F3
- textPrimary: #293321
- link: #293321

## Typography

- primary: Urbanist — https://fonts.google.com/specimen/Urbanist
- heading: Urbanist — https://fonts.google.com/specimen/Urbanist

## Visual Assets

- Logo: 
- Favicon: 
- Social card (og:image):

## UI Components

- buttonPrimary: background=#293321, textColor=#A5EB71, borderRadius=100px, shadow=none
- buttonSecondary: background=transparent, textColor=#000000, borderRadius=100px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: business professionals

## Chart Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Connect a Taxpayer - Chart**  
  - Image:   
  - Source: [https://developer.trychart.com/overview/connect](https://developer.trychart.com/overview/connect)
- **Quickstart - Chart**  
  - Image:   
  - Source: [https://developer.trychart.com/overview/quickstart](https://developer.trychart.com/overview/quickstart)
- **Quickstart - Chart**  
  - Image:   
  - Source: [https://developer.trychart.com/overview/quickstart](https://developer.trychart.com/overview/quickstart)
- **Advertising Chart: Consumers' preferred advertising channels |  MarketingSherpa**  
  - Image:   
  - Source: [https://marketingsherpa.com/article/chart/offline-and-online-ad](https://marketingsherpa.com/article/chart/offline-and-online-ad)
- **Create a Report with Charts | .NET Reporting Tools | DevExpress Documentation**  
  - Image:   
  - Source: [https://docs.devexpress.com/XtraReports/401695/create-report-types/create-a-report-with-charts](https://docs.devexpress.com/XtraReports/401695/create-report-types/create-a-report-with-charts)  
- **Advertising. Chart with keywords and icons. Sketch Stock Vector Image & Art  - Alamy**  
  - Image:   
  - Source: [https://www.alamy.com/stock-photo-advertising-chart-with-keywords-and-icons-sketch-104965072.html](https://www.alamy.com/stock-photo-advertising-chart-with-keywords-and-icons-sketch-104965072.html)

## Working with these fonts

Not found on Google Fonts? Here are some suggestions for finding and using the fonts responsibly:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.