[Home](/content/site-root.html) · [Branding](/content/branding/index.html) · TwelveLabs
# TwelveLabs Brand Identity
A complete profile of **TwelveLabs**'s visual system —
colors, typography, components, and personality — extracted from
[https://www.twelvelabs.io/](https://www.twelvelabs.io/).
Built for designers, agents, and AI tools.
Copy Page
Copy Agent Instructions
[Download JSON](/content/branding/twelvelabs.json)
Primary
#0000EE
Accent
#30710E
Body Font
Milling Duplex 1mm
Heading
Milling Duplex 1mm
## Color Palette
Brand palette extracted from https://www.twelvelabs.io/.
primary
#0000EE
rgb(0, 0, 238)
secondary
#5864ED
rgb(88, 100, 237)
accent
#30710E
rgb(48, 113, 14)
background
#F5F5F5
rgb(245, 245, 245)
textPrimary
#1D1C1B
rgb(29, 28, 27)
link
#30710E
rgb(48, 113, 14)
## Typography
Each font links to its Google Fonts page where available.
primary
Milling Duplex 1mm
Milling Duplex 1mm [Google Fonts →](https://fonts.google.com/specimen/Milling+Duplex+1mm)
heading
Milling Duplex 1mm
Milling Duplex 1mm [Google Fonts →](https://fonts.google.com/specimen/Milling+Duplex+1mm)
Milling Duplex 1mm, sans-serif
```
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.
```
## Visual Assets
" height="1.90314px" id="D_RVEY7us" transform="translate(26.225 0)" width="2.4723000000000006px"/>)
Logo
Favicon
Social Card
## UI Components
Live previews rendered using TwelveLabs's actual button styles.
Button Primary
buttonPrimary
background#F4F3F3textColor#0000EEborderRadius14pxshadownone
Button Secondary
buttonSecondary
background#1D1C1BtextColor#0000EEborderRadius18pxshadownone
## Brand Personality
**Tone:** professional**Energy:** medium**Audience:** developers and tech companies
## TwelveLabs Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Image: [framerusercontent.com](https://framerusercontent.com/images/vz2sli3G9r6PnMpOjBhc61wmG4.png)
Source: [twelvelabs.io](https://www.twelvelabs.io/ko/blog/introducing-pegasus-1-5)
Image: [framerusercontent.com](https://framerusercontent.com/images/QRRGLA9FDYe9xka8zOCryrouA.png?width=4800&height=1942)
Source: [twelvelabs.io](https://www.twelvelabs.io/blog/generate-social-posts)
Image: [framerusercontent.com](https://framerusercontent.com/images/X6e2n4suV5Y8fWLgd39NUfPOVwU.png)
Source: [twelvelabs.io](https://www.twelvelabs.io/blog/fashion-chat-assistant)
Image: [framerusercontent.com](https://framerusercontent.com/images/MIs4fYDjcUdnzG0XNtwT9ZGZmUI.png?width=3623&height=3649)
Source: [twelvelabs.io](https://www.twelvelabs.io/product/video-search)
Image: [framerusercontent.com](https://framerusercontent.com/images/6ddQc4ZgZPUJNwQvORZOJxBQbkI.jpg?width=2000&height=1333)
Source: [twelvelabs.io](https://www.twelvelabs.io/ja/blog)
Image: [framerusercontent.com](https://framerusercontent.com/images/Sv1B27YOp6V9P5hpjYxl8UlI.jpg?lossless=1&width=2938&height=3495)
Source: [twelvelabs.io](https://www.twelvelabs.io/ko/careers)
## Frequently Asked Questions
What is TwelveLabs's primary brand color?
TwelveLabs's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does TwelveLabs use?
TwelveLabs uses #30710E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does TwelveLabs use?
TwelveLabs uses Milling Duplex 1mm as the primary typeface across body and headings.
Does TwelveLabs use a light or dark theme?
TwelveLabs's primary site uses a light color scheme, with a background of #F5F5F5.
Where can I find TwelveLabs's logo?
TwelveLabs's logo is available directly on their site (https://www.twelvelabs.io/). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://www.twelvelabs.io/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by TwelveLabs.
## Methodology
Brand data on this page was extracted from
[https://www.twelvelabs.io/](https://www.twelvelabs.io/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API,
which inspects each site's live CSS, font network requests, color tokens, and component styles.
Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries
and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content.
This page is published by **CharacterQuilt** and is not affiliated with or endorsed by TwelveLabs.
## Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
[GET /branding/twelvelabs.json](/content/branding/twelvelabs.json) [GET /branding/twelvelabs/llms.txt](/content/branding/twelvelabs/llms.txt)
```
{
"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
}
}
}
```
## Related Brand Profiles
[Sentry](/content/branding/sentry/index.html) [Miro](/content/branding/miro/index.html) [Retool](/content/branding/retool/index.html) [Mixpanel](/content/branding/mixpanel/index.html) [1Password](/content/branding/1password/index.html) [Vanta](/content/branding/vanta/index.html)
We use cookies and similar technologies to improve your experience and measure site performance. By continuing to browse, you agree to our [Privacy Policy](/content/privacy/index.html) and [Terms](/content/terms/index.html).
DeclineAccept