{ "name": "Taktile", "slug": "taktile", "domain": "http://www.taktile.com", "sources": [ "startups_gallery", "yc" ], "branding": { "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 } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/048026af4e.webp", "alt": "Taktile - Enterprise-Grade Infrastructure", "source_url": "https://taktile.com/enterprise-infrastructure", "image_url": "https://taktile.com/media/pages/enterprise-infrastructure/1b7bd349b3-1764689970/role-based-access-1.jpg", "width": 4812, "height": 2452, "bytes": 1735551, "query": "site:taktile.com", "query_suffix": "site:taktile.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/56a6e99d38.webp", "alt": "Taktile - Taktile & Portage Present: The Top 50 disruptors in US consumer finance", "source_url": "https://taktile.com/articles/top-50-disruptors-in-us-consumer-finance", "image_url": "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", "width": 7564, "height": 6979, "bytes": 1574785, "query": "site:taktile.com", "query_suffix": "site:taktile.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/70e6387c11.webp", "alt": "Taktile - Blog", "source_url": "https://taktile.com/blog", "image_url": "https://taktile.com/media/pages/articles/tabular-llms-on-taktile/b917086121-1741608870/blog-hero-template-2.jpg", "width": 3600, "height": 1914, "bytes": 1700215, "query": "site:taktile.com blog", "query_suffix": "site:taktile.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/bc5138bdec.webp", "alt": "Taktile - Credit", "source_url": "https://taktile.com/credit-solution", "image_url": "https://taktile.com/media/pages/credit-solution/9913336162-1764871137/deploy-2.jpg", "width": 4812, "height": 2452, "bytes": 1934722, "query": "site:taktile.com", "query_suffix": "site:taktile.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/c6739b0a07.webp", "alt": "Taktile - How Isaac's innovative approach to collections reduced delinquencies by 11%", "source_url": "https://taktile.com/articles/isaac-and-taktile", "image_url": "https://taktile.com/media/pages/articles/isaac-and-taktile/ce639720f4-1760642026/isaac-customer-story-blog-header.png", "width": 4800, "height": 2240, "bytes": 920862, "query": "site:taktile.com blog", "query_suffix": "site:taktile.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/taktile/42569264ff.webp", "alt": "Taktile - Taktile launches scheduled Jobs feature for frictionless portfolio monitoring", "source_url": "https://taktile.com/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring", "image_url": "https://taktile.com/media/pages/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring/242491aaf2-1740604565/blog-header_product_launch_jobs.png", "width": 2736, "height": 1277, "bytes": 26606, "query": "site:taktile.com blog", "query_suffix": "site:taktile.com blog" } ], "font_resources": [ { "family": "relative", "google_fonts_url": "https://fonts.google.com/specimen/relative" }, { "family": "relative", "google_fonts_url": "https://fonts.google.com/specimen/relative" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=relative&family=relative&display=swap", "font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.", "page_url": "https://characterquilt.com/branding/taktile", "agent_instructions": "You are designing or implementing in Taktile's brand identity.\n\n# Brand profile\n- Company: Taktile\n- Source: http://www.taktile.com\n- Color scheme: light\n\n# Colors\n- primary: #4A5464\n- secondary: #33AAFF\n- accent: #493FC1\n- background: #FFFFFF\n- textPrimary: #282A30\n- link: #493FC1\n\n# Typography\n- primary: relative — https://fonts.google.com/specimen/relative\n- heading: relative — https://fonts.google.com/specimen/relative\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#493FC1, textColor=#493FC1, borderRadius=8px, shadow=none\n- buttonSecondary: background=#F4F6FA, textColor=#FFFFFF, borderRadius=8px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: financial institutions\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/taktile.json", "page_markdown": "# Taktile Brand Identity\n\nA 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.\n\n- Page: https://characterquilt.com/branding/taktile\n- Machine-readable JSON: https://characterquilt.com/branding/taktile.json\n- Per-page llms.txt: https://characterquilt.com/branding/taktile/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #4A5464 |\n| Accent | #493FC1 |\n| Body Font | relative |\n| Heading Font | relative |\n\n## Color Palette\n\n- primary: #4A5464\n- secondary: #33AAFF\n- accent: #493FC1\n- background: #FFFFFF\n- textPrimary: #282A30\n- link: #493FC1\n\n## Typography\n\n- primary: relative — https://fonts.google.com/specimen/relative\n- heading: relative — https://fonts.google.com/specimen/relative\n\n## Visual Assets\n\n- 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\n- Favicon: https://www.taktile.com/icon/favicon-57x57.png\n\n## UI Components\n\n- buttonPrimary: background=#493FC1, textColor=#493FC1, borderRadius=8px, shadow=none\n- buttonSecondary: background=#F4F6FA, textColor=#FFFFFF, borderRadius=8px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: financial institutions\n\n## Taktile Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Taktile - Enterprise-Grade Infrastructure**\n - Image: https://taktile.com/media/pages/enterprise-infrastructure/1b7bd349b3-1764689970/role-based-access-1.jpg\n - Source: https://taktile.com/enterprise-infrastructure\n- **Taktile - Taktile & Portage Present: The Top 50 disruptors in US consumer finance**\n - 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\n - Source: https://taktile.com/articles/top-50-disruptors-in-us-consumer-finance\n- **Taktile - Blog**\n - Image: https://taktile.com/media/pages/articles/tabular-llms-on-taktile/b917086121-1741608870/blog-hero-template-2.jpg\n - Source: https://taktile.com/blog\n- **Taktile - Credit**\n - Image: https://taktile.com/media/pages/credit-solution/9913336162-1764871137/deploy-2.jpg\n - Source: https://taktile.com/credit-solution\n- **Taktile - How Isaac's innovative approach to collections reduced delinquencies by 11%**\n - Image: https://taktile.com/media/pages/articles/isaac-and-taktile/ce639720f4-1760642026/isaac-customer-story-blog-header.png\n - Source: https://taktile.com/articles/isaac-and-taktile\n- **Taktile - Taktile launches scheduled Jobs feature for frictionless portfolio monitoring**\n - Image: https://taktile.com/media/pages/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring/242491aaf2-1740604565/blog-header_product_launch_jobs.png\n - Source: https://taktile.com/articles/taktile-launches-scheduled-jobs-feature-for-frictionless-portfolio-monitoring\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"light\",\n \"fonts\": [\n {\n \"family\": \"relative\",\n \"count\": 127\n },\n {\n \"family\": \"sans-serif\",\n \"count\": 127\n }\n ],\n \"colors\": {\n \"primary\": \"#4A5464\",\n \"secondary\": \"#33AAFF\",\n \"accent\": \"#493FC1\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#282A30\",\n \"link\": \"#493FC1\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"relative\",\n \"heading\": \"relative\"\n },\n \"fontStacks\": {\n \"body\": [\n \"relative\",\n \"sans-serif\"\n ],\n \"heading\": [\n \"relative\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"relative\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"64px\",\n \"h2\": \"20px\",\n \"body\": \"64px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"4px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#493FC1\",\n \"textColor\": \"#493FC1\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#F4F6FA\",\n \"textColor\": \"#FFFFFF\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"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\",\n \"favicon\": \"https://www.taktile.com/icon/favicon-57x57.png\",\n \"ogImage\": null,\n \"logoHref\": \"/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Taktile'.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Get a demo\",\n \"reasoning\": \"Button #5 with text 'Get a demo' has a vibrant brand color background (#493FC1), making it the most prominent CTA.\"\n },\n \"secondary\": {\n \"index\": 2,\n \"text\": \"Explore Data Marketplace\",\n \"reasoning\": \"Button #2 with text 'Explore Data Marketplace' has a different background color (#F4F6FA) and serves as a secondary action.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"financial institutions\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.95,\n \"colors\": 0.9,\n \"overall\": 0.925\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Taktile'.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }