taktile.json

Taktile Brand Identity

A complete profile of Taktile's visual system — colors, typography, components, and personality — extracted from http://www.taktile.com. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #4A5464
Accent #493FC1
Body Font relative
Heading Font relative

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: financial institutions

Taktile Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

  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 (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "relative",
      "count": 127
    },
    {
      "family": "sans-serif",
      "count": 127
    }
  ],
  "colors": {
    "primary": "#4A5464",
    "secondary": "#33AAFF",
    "accent": "#493FC1",
    "background": "#FFFFFF",
    "textPrimary": "#282A30",
    "link": "#493FC1"
  },
  "typography": {
    "fontFamilies": {
      "primary": "relative",
      "heading": "relative"
    },
    "fontStacks": {
      "body": [
        "relative",
        "sans-serif"
      ],
      "heading": [
        "relative",
        "sans-serif"
      ],
      "paragraph": [
        "relative",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "20px",
      "body": "64px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#493FC1",
      "textColor": "#493FC1",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F4F6FA",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2027%22%20class%3D%22h-6%20sm%3Ah-8%20w-auto%22%20data-fc-idx%3D%220%22%3E%0A%20%20%3Crect%20y%3D%22.002%22%20width%3D%2227.001%22%20height%3D%2227.001%22%20rx%3D%226.75%22%20fill%3D%22%23493FC1%22%20style%3D%22fill%3A%20rgb(73%2C%2063%2C%20193)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m16.114%207.51-2.612%202.608L10.89%207.51H6v2.08h3.918l2.484%202.48v8.443h2.217v-8.461l2.467-2.463h3.918V7.51h-4.89Z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M42.494%2022.003h-2.788V9.73h-4.51V7.232h11.789V9.73h-4.491v12.273Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M49.159%2022.216c-1.059%200-1.917-.277-2.575-.832-.658-.568-.987-1.355-.987-2.362%200-1.084.413-1.91%201.239-2.478.593-.413%201.439-.723%202.536-.93l3.233-.6c-.026-.67-.2-1.18-.523-1.529-.323-.348-.807-.522-1.452-.522-.503%200-.949.148-1.336.445-.374.297-.606.697-.697%201.2h-2.594c.18-1.2.71-2.116%201.588-2.749.877-.632%201.897-.948%203.058-.948.659%200%201.272.096%201.84.29.567.18%201.051.452%201.451.813.4.349.69.755.872%201.22.18.464.29.929.329%201.394.051.464.077%201.038.077%201.723v5.652h-2.613v-1.47c-.271.477-.6.838-.988%201.083-.606.4-1.426.6-2.458.6Zm.639-2.052c.516%200%20.98-.103%201.393-.31.542-.27.917-.632%201.123-1.084.207-.451.323-1.064.349-1.839l-2.594.523c-.697.13-1.2.336-1.51.62a1.158%201.158%200%200%200-.349.851c0%20.4.142.71.426.93.297.206.684.31%201.161.31Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M60.48%2022.003h-2.613V7.233h2.613v7.917l3.969-4.007h3.31l-4.8%204.704%205.149%206.156h-3.214l-4.414-5.4v5.4Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M72.4%2022.003c-1.69%200-2.536-.793-2.536-2.38v-6.39h-1.607v-2.09h1.607v-3.91h2.613v3.91h2.091v2.09h-2.09v5.595c0%20.336.05.588.154.756.116.167.362.251.736.251h1.18v2.168H72.4Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M79.404%2022.003h-2.613v-10.86h2.613v10.86Zm-1.297-12.06c-.451%200-.832-.136-1.142-.407-.31-.27-.465-.632-.465-1.084%200-.426.155-.78.465-1.065.31-.284.69-.426%201.142-.426.439%200%20.813.142%201.123.426.323.284.484.64.484%201.065%200%20.439-.155.8-.465%201.084-.31.271-.69.407-1.142.407Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M84.647%2022.003c-.826%200-1.452-.187-1.878-.561-.426-.387-.639-.994-.639-1.82V7.232h2.614v11.616c0%20.361.064.62.193.774.142.142.375.213.697.213h.697v2.168h-1.684Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M93.15%2022.216c-1.098%200-2.066-.238-2.905-.716a5.046%205.046%200%200%201-1.955-1.975c-.452-.851-.678-1.813-.678-2.884%200-.994.2-1.923.6-2.788a5.152%205.152%200%200%201%201.84-2.13c.826-.541%201.832-.812%203.02-.812.98%200%201.884.206%202.71.62.826.4%201.49%201.025%201.994%201.877.503.839.755%201.884.755%203.136v.561h-8.208c.038.452.174.878.406%201.278.258.504.6.897%201.026%201.181.44.271.936.407%201.491.407.594%200%201.103-.149%201.53-.446.425-.31.728-.703.91-1.18h2.67c-.348%201.148-.96%202.084-1.838%202.807-.878.71-2%201.064-3.369%201.064Zm2.71-7.066c-.052-.413-.188-.748-.407-1.006a2.374%202.374%200%200%200-.968-.852%202.87%202.87%200%200%200-1.336-.31c-.49%200-.936.097-1.336.29a2.361%202.361%200%200%200-.948.872c-.233.284-.374.62-.426%201.006h5.42Z%22%20fill%3D%22%23282A30%22%20style%3D%22fill%3A%20rgb(40%2C%2042%2C%2048)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://www.taktile.com/icon/favicon-57x57.png",
    "ogImage": null,
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Taktile'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get a demo",
      "reasoning": "Button #5 with text 'Get a demo' has a vibrant brand color background (#493FC1), making it the most prominent CTA."
    },
    "secondary": {
      "index": 2,
      "text": "Explore Data Marketplace",
      "reasoning": "Button #2 with text 'Explore Data Marketplace' has a different background color (#F4F6FA) and serves as a secondary action."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "financial institutions"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Taktile'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}