{
"name": "TwelveLabs",
"slug": "twelvelabs",
"domain": "https://www.twelvelabs.io/",
"sources": [
"startups_gallery"
],
"branding": {
"colorScheme": "light",
"fonts": [
{
"family": "Milling Duplex 1mm",
"role": "unknown"
}
],
"colors": {
"primary": "#0000EE",
"secondary": "#5864ED",
"accent": "#30710E",
"background": "#F5F5F5",
"textPrimary": "#1D1C1B",
"link": "#30710E"
},
"typography": {
"fontFamilies": {
"primary": "Milling Duplex 1mm",
"heading": "Milling Duplex 1mm"
},
"fontStacks": {
"heading": [
"Milling Duplex 1mm",
"sans-serif"
],
"body": [
"sans-serif"
],
"paragraph": [
"Milling Duplex 1mm",
"sans-serif"
]
},
"fontSizes": {
"h1": "64px",
"h2": "48px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "8px"
},
"components": {
"buttonPrimary": {
"background": "#F4F3F3",
"textColor": "#0000EE",
"borderRadius": "14px",
"borderRadiusCorners": {
"topLeft": "14px",
"topRight": "14px",
"bottomRight": "14px",
"bottomLeft": "14px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#1D1C1B",
"textColor": "#0000EE",
"borderRadius": "18px",
"borderRadiusCorners": {
"topLeft": "18px",
"topRight": "18px",
"bottomRight": "18px",
"bottomLeft": "18px"
},
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml,",
"favicon": "https://framerusercontent.com/images/rPgUJ0yBWlnbaATq5j4kUxflLE.png",
"ogImage": "https://framerusercontent.com/images/HCQkFF3Rw3hgP3u68YqGAP4s.webp",
"logoHref": "./"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'TwelveLabs'.",
"confidence": 0.9,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 1,
"text": "Start Building",
"reasoning": "The button 'Start Building' is likely the primary CTA due to its action-oriented text, suggesting a beginning or initiation of a process, which is typical for primary actions."
},
"secondary": {
"index": 2,
"text": "Developer Hub",
"reasoning": "The button 'Developer Hub' serves as a secondary action, providing additional resources or information, and it has a different background color group."
},
"confidence": 0.9
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "developers and tech companies"
},
"designSystem": {
"framework": "custom",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.9,
"colors": 0.9,
"overall": 0.9
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'TwelveLabs'.",
"confidence": 0.9
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
},
"images": [
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/41e1fc4fde.webp",
"alt": "Building Pegasus 1.5: From Clip-Based QA to Time-Based Metadata - TwelveLabs",
"source_url": "https://www.twelvelabs.io/ko/blog/introducing-pegasus-1-5",
"image_url": "https://framerusercontent.com/images/vz2sli3G9r6PnMpOjBhc61wmG4.png",
"width": 5368,
"height": 2740,
"bytes": 1963567,
"query": "site:twelvelabs.io",
"query_suffix": "site:twelvelabs.io"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/de44088a82.webp",
"alt": "Effortlessly Craft Social Media Content from Video",
"source_url": "https://www.twelvelabs.io/blog/generate-social-posts",
"image_url": "https://framerusercontent.com/images/QRRGLA9FDYe9xka8zOCryrouA.png?width=4800&height=1942",
"width": 4800,
"height": 1942,
"bytes": 270921,
"query": "site:twelvelabs.io blog",
"query_suffix": "site:twelvelabs.io blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/8d048bc263.webp",
"alt": "How to Build a Multimodal RAG App with TwelveLabs & Milvus",
"source_url": "https://www.twelvelabs.io/blog/fashion-chat-assistant",
"image_url": "https://framerusercontent.com/images/X6e2n4suV5Y8fWLgd39NUfPOVwU.png",
"width": 3618,
"height": 2722,
"bytes": 102538,
"query": "site:twelvelabs.io",
"query_suffix": "site:twelvelabs.io"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/115fc77ffa.webp",
"alt": "Semantic AI Video Search: Find Moments in Videos",
"source_url": "https://www.twelvelabs.io/product/video-search",
"image_url": "https://framerusercontent.com/images/MIs4fYDjcUdnzG0XNtwT9ZGZmUI.png?width=3623&height=3649",
"width": 3623,
"height": 3649,
"bytes": 490198,
"query": "site:twelvelabs.io",
"query_suffix": "site:twelvelabs.io"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/1a53a0724e.webp",
"alt": "TwelveLabs Blog: News, Research and Tutorials",
"source_url": "https://www.twelvelabs.io/ja/blog",
"image_url": "https://framerusercontent.com/images/6ddQc4ZgZPUJNwQvORZOJxBQbkI.jpg?width=2000&height=1333",
"width": 2000,
"height": 1333,
"bytes": 819675,
"query": "site:twelvelabs.io blog",
"query_suffix": "site:twelvelabs.io blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/twelvelabs/b98516f62c.webp",
"alt": "트웰브랩스 | 채용",
"source_url": "https://www.twelvelabs.io/ko/careers",
"image_url": "https://framerusercontent.com/images/Sv1B27YOp6V9P5hpjYxl8UlI.jpg?lossless=1&width=2938&height=3495",
"width": 2938,
"height": 3495,
"bytes": 3318272,
"query": "site:twelvelabs.io",
"query_suffix": "site:twelvelabs.io"
}
],
"font_resources": [
{
"family": "Milling Duplex 1mm",
"google_fonts_url": "https://fonts.google.com/specimen/Milling+Duplex+1mm"
},
{
"family": "Milling Duplex 1mm",
"google_fonts_url": "https://fonts.google.com/specimen/Milling+Duplex+1mm"
}
],
"google_fonts_css": "https://fonts.googleapis.com/css2?family=Milling+Duplex+1mm&family=Milling+Duplex+1mm&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/twelvelabs",
"agent_instructions": "You are designing or implementing in TwelveLabs's brand identity.\n\n# Brand profile\n- Company: TwelveLabs\n- Source: https://www.twelvelabs.io/\n- Color scheme: light\n\n# Colors\n- primary: #0000EE\n- secondary: #5864ED\n- accent: #30710E\n- background: #F5F5F5\n- textPrimary: #1D1C1B\n- link: #30710E\n\n# Typography\n- primary: Milling Duplex 1mm — https://fonts.google.com/specimen/Milling+Duplex+1mm\n- heading: Milling Duplex 1mm — https://fonts.google.com/specimen/Milling+Duplex+1mm\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#F4F3F3, textColor=#0000EE, borderRadius=14px, shadow=none\n- buttonSecondary: background=#1D1C1B, textColor=#0000EE, borderRadius=18px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: developers and tech companies\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/twelvelabs.json",
"page_markdown": "# TwelveLabs Brand Identity\n\nA complete profile of **TwelveLabs**'s visual system — colors, typography, components, and personality — extracted from https://www.twelvelabs.io/. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/twelvelabs\n- Machine-readable JSON: https://characterquilt.com/branding/twelvelabs.json\n- Per-page llms.txt: https://characterquilt.com/branding/twelvelabs/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #0000EE |\n| Accent | #30710E |\n| Body Font | Milling Duplex 1mm |\n| Heading Font | Milling Duplex 1mm |\n\n## Color Palette\n\n- primary: #0000EE\n- secondary: #5864ED\n- accent: #30710E\n- background: #F5F5F5\n- textPrimary: #1D1C1B\n- link: #30710E\n\n## Typography\n\n- primary: Milling Duplex 1mm — https://fonts.google.com/specimen/Milling+Duplex+1mm\n- heading: Milling Duplex 1mm — https://fonts.google.com/specimen/Milling+Duplex+1mm\n\n## Visual Assets\n\n- Logo: data:image/svg+xml,\n- Favicon: https://framerusercontent.com/images/rPgUJ0yBWlnbaATq5j4kUxflLE.png\n- Social card (og:image): https://framerusercontent.com/images/HCQkFF3Rw3hgP3u68YqGAP4s.webp\n\n## UI Components\n\n- buttonPrimary: background=#F4F3F3, textColor=#0000EE, borderRadius=14px, shadow=none\n- buttonSecondary: background=#1D1C1B, textColor=#0000EE, borderRadius=18px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: developers and tech companies\n\n## TwelveLabs Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Building Pegasus 1.5: From Clip-Based QA to Time-Based Metadata - TwelveLabs**\n - Image: https://framerusercontent.com/images/vz2sli3G9r6PnMpOjBhc61wmG4.png\n - Source: https://www.twelvelabs.io/ko/blog/introducing-pegasus-1-5\n- **Effortlessly Craft Social Media Content from Video**\n - Image: https://framerusercontent.com/images/QRRGLA9FDYe9xka8zOCryrouA.png?width=4800&height=1942\n - Source: https://www.twelvelabs.io/blog/generate-social-posts\n- **How to Build a Multimodal RAG App with TwelveLabs & Milvus**\n - Image: https://framerusercontent.com/images/X6e2n4suV5Y8fWLgd39NUfPOVwU.png\n - Source: https://www.twelvelabs.io/blog/fashion-chat-assistant\n- **Semantic AI Video Search: Find Moments in Videos**\n - Image: https://framerusercontent.com/images/MIs4fYDjcUdnzG0XNtwT9ZGZmUI.png?width=3623&height=3649\n - Source: https://www.twelvelabs.io/product/video-search\n- **TwelveLabs Blog: News, Research and Tutorials**\n - Image: https://framerusercontent.com/images/6ddQc4ZgZPUJNwQvORZOJxBQbkI.jpg?width=2000&height=1333\n - Source: https://www.twelvelabs.io/ja/blog\n- **트웰브랩스 | 채용**\n - Image: https://framerusercontent.com/images/Sv1B27YOp6V9P5hpjYxl8UlI.jpg?lossless=1&width=2938&height=3495\n - Source: https://www.twelvelabs.io/ko/careers\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\": \"Milling Duplex 1mm\",\n \"role\": \"unknown\"\n }\n ],\n \"colors\": {\n \"primary\": \"#0000EE\",\n \"secondary\": \"#5864ED\",\n \"accent\": \"#30710E\",\n \"background\": \"#F5F5F5\",\n \"textPrimary\": \"#1D1C1B\",\n \"link\": \"#30710E\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Milling Duplex 1mm\",\n \"heading\": \"Milling Duplex 1mm\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Milling Duplex 1mm\",\n \"sans-serif\"\n ],\n \"body\": [\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Milling Duplex 1mm\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"64px\",\n \"h2\": \"48px\",\n \"body\": \"16px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"8px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#F4F3F3\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"14px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"14px\",\n \"topRight\": \"14px\",\n \"bottomRight\": \"14px\",\n \"bottomLeft\": \"14px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#1D1C1B\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"18px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"18px\",\n \"topRight\": \"18px\",\n \"bottomRight\": \"18px\",\n \"bottomLeft\": \"18px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml,\",\n \"favicon\": \"https://framerusercontent.com/images/rPgUJ0yBWlnbaATq5j4kUxflLE.png\",\n \"ogImage\": \"https://framerusercontent.com/images/HCQkFF3Rw3hgP3u68YqGAP4s.webp\",\n \"logoHref\": \"./\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'TwelveLabs'.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 1,\n \"text\": \"Start Building\",\n \"reasoning\": \"The button 'Start Building' is likely the primary CTA due to its action-oriented text, suggesting a beginning or initiation of a process, which is typical for primary actions.\"\n },\n \"secondary\": {\n \"index\": 2,\n \"text\": \"Developer Hub\",\n \"reasoning\": \"The button 'Developer Hub' serves as a secondary action, providing additional resources or information, and it has a different background color group.\"\n },\n \"confidence\": 0.9\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"developers and tech companies\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.9,\n \"colors\": 0.9,\n \"overall\": 0.9\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, medium-sized, and links to the homepage, aligning with the brand 'TwelveLabs'.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n"
}