CoinTracker Brand Identity

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

Color Palette

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

• primary: #9B1563 (rgb(155, 21, 99))
• secondary: #B6A7F7 (rgb(182, 167, 247))
• accent: #412BAD (rgb(65, 43, 173))
• background: #FCFCFD (rgb(252, 252, 253))
• textPrimary: #7A7978 (rgb(122, 121, 120))
• link: #412BAD (rgb(65, 43, 173))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
• heading: Cointracker Pro

Cointracker Pro, Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Visual Assets

UI Components

Live previews rendered using CoinTracker's actual button styles.

Button Primary

• background: #412BAD
• textColor: #FAFAFA
• borderRadius: 8.8px
• shadow: none

Button Secondary

• background: transparent
• textColor: #0A0A0A
• borderColor: #D8D8D9
• borderRadius: 10px
• shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: crypto investors and traders

Frequently Asked Questions

1. What is CoinTracker's primary brand color? CoinTracker's primary brand color is #9B1563.
2. What accent color does CoinTracker use? CoinTracker uses #412BAD as an accent color.
3. What font does CoinTracker use? CoinTracker uses Inter for body text and Cointracker Pro for headings.
4. Does CoinTracker use a light or dark theme? CoinTracker's primary site uses a light color scheme, with a background of #FCFCFD.
5. Where can I find CoinTracker's logo? CoinTracker's logo is available directly on their site (https://cointracker.com).
6. How was this brand profile generated? This profile was extracted from https://cointracker.com using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Cointracker Pro",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#9B1563",
    "secondary": "#B6A7F7",
    "accent": "#412BAD",
    "background": "#FCFCFD",
    "textPrimary": "#7A7978",
    "link": "#412BAD"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Cointracker Pro"
    },
    "fontStacks": {
      "heading": [
        "Cointracker Pro",
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "body": [
        "Cointracker Pro",
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "Cointracker Pro",
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "44px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "14px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#412BAD",
      "textColor": "#FAFAFA",
      "borderRadius": "8.8px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#0A0A0A",
      "borderColor": "#D8D8D9",
      "borderRadius": "10px",
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
    }
  },
  "images": {
    "logo": "https://cdn.sanity.io/images/kn0uy6kh/production/77ec71afa456a0658b03fbb88cebdf835b76c0fd-147x22.svg",
    "favicon": "https://cdn.cointracker.io/static/images/favicon-black.ico?v=3",
    "ogImage": "https://cdn.sanity.io/images/kn0uy6kh/production/31d6e2398a4223eaff4c80d674743306e64a71c4-2048x1153.png?auto=format&fit=max&q=75&w=1024"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "crypto investors and traders"
  }
}