# 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. - Page: https://characterquilt.com/branding/taktile - Machine-readable JSON: https://characterquilt.com/branding/taktile.json - Per-page llms.txt: https://characterquilt.com/branding/taktile/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #4A5464 | | Accent | #493FC1 | | Body Font | relative | | Heading Font | relative | ## Color Palette - primary: #4A5464 - secondary: #33AAFF - accent: #493FC1 - background: #FFFFFF - textPrimary: #282A30 - link: #493FC1 ## Typography - primary: relative — https://fonts.google.com/specimen/relative - heading: relative — https://fonts.google.com/specimen/relative ## Visual Assets - 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 ## UI Components - buttonPrimary: background=#493FC1, textColor=#493FC1, borderRadius=8px, shadow=none - buttonSecondary: background=#F4F6FA, textColor=#FFFFFF, borderRadius=8px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: financial institutions ## Taktile Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Taktile - Enterprise-Grade Infrastructure** - Image: https://taktile.com/media/pages/enterprise-infrastructure/1b7bd349b3-1764689970/role-based-access-1.jpg - Source: https://taktile.com/enterprise-infrastructure - **Taktile - Taktile & Portage Present: The Top 50 disruptors in US consumer finance** - Image: https://taktile.com/media/pages/articles/top-50-disruptors-in-us-consumer-finance/f64097e9e5-1740604555/portage-taktile-present_-the-top-50-disruptors-in-us-consumer-finance-1.png - Source: https://taktile.com/articles/top-50-disruptors-in-us-consumer-finance - **Taktile - Blog** - Image: https://taktile.com/media/pages/articles/tabular-llms-on-taktile/b917086121-1741608870/blog-hero-template-2.jpg - Source: https://taktile.com/blog - **Taktile - Credit** - Image: https://taktile.com/media/pages/credit-solution/9913336162-1764871137/deploy-2.jpg - Source: https://taktile.com/credit-solution - **Taktile - How Isaac's innovative approach to collections reduced delinquencies by 11%** - Image: https://taktile.com/media/pages/articles/isaac-and-taktile/ce639720f4-1760642026/isaac-customer-story-blog-header.png - Source: https://taktile.com/articles/isaac-and-taktile - **Taktile - Taktile launches scheduled Jobs feature for frictionless portfolio monitoring** - Image: https://taktile.com/media/pages/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring/242491aaf2-1740604565/blog-header_product_launch_jobs.png - Source: https://taktile.com/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring ## 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 ```json { "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 } } } ```