llms.txt

CoLab Brand Identity

A complete profile of CoLab's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #0082F3
Accent #3898EC
Body Font Arial
Heading Font Sharp Sans

Color Palette

Typography

Visual Assets

Brand Personality

Tone: professional · Energy: medium · Audience: engineering professionals

CoLab 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": "dark",
 "fonts": [
  {
   "family": "Sharp Sans",
   "role": "heading"
  },
  {
   "family": "Arial",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#0082F3",
  "secondary": "#8894A2",
  "accent": "#3898EC",
  "background": "#000000",
  "textPrimary": "#000000",
  "link": "#3898EC"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Arial",
   "heading": "Sharp Sans"
  },
  "fontStacks": {
   "heading": [
    "Sharp Sans",
    "Arial",
    "sans-serif"
   ],
   "body": [
    "Sharp Sans",
    "Arial",
    "sans-serif"
   ],
   "paragraph": [
    "Sharp Sans",
    "Arial",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "70px",
   "h2": "48px",
   "body": "20px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "2px"
 },
 "components": {},
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20145%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M48.0692%2026.6913C51.0836%2026.6913%2053.6523%2025.5951%2055.356%2023.5631L53.1544%2021.4241C51.8176%2022.9214%2050.1662%2023.6434%2048.2527%2023.6434C44.452%2023.6434%2041.6999%2020.9161%2041.6999%2017.0659C41.6999%2013.2157%2044.452%2010.4885%2048.2527%2010.4885C50.1662%2010.4885%2051.8176%2011.2104%2053.1544%2012.681L55.356%2010.5687C53.6523%208.53667%2051.0836%207.44043%2048.0955%207.44043C42.46%207.44043%2038.2661%2011.4778%2038.2661%2017.0659C38.2661%2022.6541%2042.46%2026.6913%2048.0692%2026.6913ZM70.0739%2026.6913C75.7618%2026.6913%2079.9557%2022.6273%2079.9557%2017.0659C79.9557%2011.5045%2075.7618%207.44043%2070.0739%207.44043C64.386%207.44043%2060.1922%2011.5313%2060.1922%2017.0659C60.1922%2022.6006%2064.386%2026.6913%2070.0739%2026.6913ZM70.0739%2023.6434C66.3781%2023.6434%2063.626%2020.8894%2063.626%2017.0659C63.626%2013.2425%2066.3781%2010.4885%2070.0739%2010.4885C73.7697%2010.4885%2076.522%2013.2425%2076.522%2017.0659C76.522%2020.8894%2073.7697%2023.6434%2070.0739%2023.6434ZM98.4431%2026.424H85.4421V7.7078H88.8496V23.4829H98.4431V26.424ZM119.98%2026.424H123.545L115.262%207.7078H111.907L103.651%2026.424H107.163L108.972%2022.0925H118.146L119.98%2026.424ZM110.125%2019.3654L113.559%2011.1837L117.019%2019.3654H110.125ZM144.056%2012.574C144.056%2014.4991%20143.113%2015.9161%20141.697%2016.6916C143.664%2017.3333%20145%2018.9107%20145%2021.3439C145%2024.5523%20142.536%2026.424%20137.818%2026.424H128.696V13.61H132.104V15.5953H136.927C139.286%2015.5953%20140.623%2014.7397%20140.623%2013.0286C140.623%2011.2906%20139.286%2010.435%20136.927%2010.435H132.104H128.696V7.7078H137.294C141.697%207.7078%20144.056%209.60616%20144.056%2012.574ZM132.104%2023.6968H137.608C140.177%2023.6968%20141.566%2022.868%20141.566%2020.9963C141.566%2019.1246%20140.177%2018.2959%20137.608%2018.2959H132.104V23.6968Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M29.7636%2015.4821C29.7636%2016.5882%2029.6618%2016.5882%2028.8459%2017.132L16.1914%2024.438C15.5826%2024.7863%2015.3097%2024.9471%2015.3097%2025.3236L15.3096%2018.6443C15.3096%2017.7125%2015.5987%2017.1692%2016.1769%2016.8353L28.8963%209.49179C29.4676%209.16194%2029.7674%208.7401%2029.7637%208.46777L29.7636%2015.4821Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M29.7639%2024.342C29.7639%2025.0949%2029.4676%2025.6425%2028.8968%2025.9721C28.8968%2025.9721%2016.7935%2032.9632%2016.1845%2033.3115C15.5995%2033.6493%2015.3101%2033.4398%2015.3101%2032.7152C15.3101%2031.7052%2015.3105%2027.2392%2015.3105%2027.2392C15.3105%2026.6462%2015.5846%2025.9514%2016.1701%2025.6134L28.8971%2018.2655C29.4752%2017.9316%2029.7639%2017.7714%2029.7639%2017.2681V24.342Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M6.22016%204.72708C7.17798%204.17408%207.22887%204.26224%208.10799%204.69696L20.7623%2012.003C21.3684%2012.3562%2021.644%2012.512%2021.9701%2012.3238L16.1857%2015.6635C15.3788%2016.1294%2014.7635%2016.1508%2014.1854%2015.817L1.46606%208.47339C0.894756%208.14356%200.379491%208.09479%200.145508%208.23418L6.22016%204.72708Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M13.8933%200.297685C14.5454%20-0.0788014%2015.1677%20-0.0959747%2015.7387%200.233651C15.7387%200.233651%2027.8448%207.21979%2028.4508%207.57304C29.0358%207.91079%2028.9993%208.26612%2028.3716%208.6285C27.497%209.13341%2023.6291%2011.3662%2023.6291%2011.3662C23.1156%2011.6626%2022.3767%2011.7726%2021.7914%2011.4346L9.06432%204.08666C8.48616%203.75286%208.203%203.58296%207.76709%203.83464L13.8933%200.297685Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M8.65298%2030.4943C7.69516%2029.9413%207.74606%2029.8532%207.68298%2028.8745V14.2626C7.68588%2013.561%207.68298%2013.2444%207.35693%2013.0562L13.1414%2016.3957C13.9484%2016.8616%2014.2744%2017.3837%2014.2744%2018.0512V32.7384C14.2744%2033.3981%2014.4898%2033.8686%2014.7275%2034.0015L8.65298%2030.4943Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M0.979426%2026.0647C0.327331%2025.6882%200.00128338%2025.1579%200.00128327%2024.4986C0.00128327%2024.4986%20-0.00160459%2010.5213%200.00128402%209.81986C0.00128391%209.14434%200.327328%208.99839%200.954971%209.36076C1.82951%209.86568%205.69711%2012.0991%205.69711%2012.0991C6.21063%2012.3955%206.67526%2012.9804%206.67526%2013.6564V28.3522C6.67526%2029.0199%206.6697%2029.35%207.10561%2029.6018L0.979426%2026.0647Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
 "favicon": "https://cdn.prod.website-files.com/5e4d9854e6dad067f4b514b3/6912071a1789347ce2869fee_Website%20Favicon_%2032x32_black.png",
 "ogImage": "https://cdn.prod.website-files.com/5e4d9854e6dad067f4b514b3/6902ba3bd341fb86999245f0_Opengraph.png",
 "logoHref": "/"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 1,
 "reasoning": "Selected #0 because it is visible, located in the header, medium-sized, and links to the homepage, which strongly indicates it is the main brand logo for CoLab.",
 "confidence": 0.95,
 "source": "llm"
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "engineering professionals"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0,
 "colors": 0.9,
 "overall": 0.45
 },
 "__llm_metadata": {
 "logoSelection": {
 "llmCalled": true,
 "llmSucceeded": true,
 "finalSource": "llm",
 "rawLogoSelection": {
 "selectedLogoIndex": 0,
 "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, medium-sized, and links to the homepage, which strongly indicates it is the main brand logo for CoLab.",
 "confidence": 0.95
 }
 },
 "buttonClassification": {
 "llmCalled": false,
 "llmSucceeded": false
 }
 }
}