llms.txt

Cotool Brand Identity

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

Quick Facts

Field Value
Primary #000BFF
Accent #000BFF
Body Font Suisse Intl
Heading Font Moderat Serif

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: high · Audience: technology professionals

Cotool Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

  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.

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Suisse Intl",
   "role": "body"
  },
  {
   "family": "Moderat Serif",
   "role": "heading"
  }
 ],
 "colors": {
  "primary": "#000BFF",
  "secondary": "#0008D9",
  "accent": "#000BFF",
  "background": "#1F1F1F",
  "textPrimary": "#1F1F1F",
  "link": "#0006D6"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Suisse Intl",
   "heading": "Moderat Serif"
  },
  "fontStacks": {
   "heading": [
    "suisseIntl",
    "suisseIntl Fallback",
    "Arial",
    "Helvetica",
    "sans-serif"
   ],
   "body": [
    "suisseIntl",
    "suisseIntl Fallback",
    "Arial",
    "Helvetica",
    "sans-serif"
   ],
   "paragraph": [
    "suisseIntl",
    "suisseIntl Fallback",
    "Arial",
    "Helvetica",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "64px",
   "h2": "48px",
   "body": "18px"
  }
 },
 "spacing": {
  "baseUnit": 8,
  "borderRadius": "0px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#000BFF",
   "textColor": "#FFFFFF",
   "borderRadius": "7.13px",
   "borderRadiusCorners": {
    "topLeft": "7.13px",
    "topRight": "7.13px",
    "bottomRight": "7.13px",
    "bottomLeft": "7.13px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#EEEDED",
   "textColor": "#000BFF",
   "borderRadius": "7.13px",
   "borderRadiusCorners": {
    "topLeft": "7.13px",
    "topRight": "7.13px",
    "bottomRight": "7.13px",
    "bottomLeft": "7.13px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2229%22%20fill%3D%22none%22%20viewBox%3D%220%200%20120%2029%22%20class%3D%22h-%5B18.91px%5D%20w-20%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.864%201.953H0v24.489h8.864z%22%20style%3D%22fill%3A%20rgb(13%2C%2013%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.842%200%2019.36%2012.263l6.267-6.14L19.38%200zM19.4%2028.373l6.227-6.101-6.267-6.141L6.862%2028.373zM47.995%2018.326h3.542c-.972%205.054-4.953%207.861-10.03%207.861-6.645%200-10.531-4.804-10.531-11.76%200-7.05%204.2-11.667%2010.75-11.667%204.921%200%208.745%202.963%209.685%207.86H47.87c-.659-2.87-2.884-4.834-6.3-4.834-3.856%200-6.865%203.026-6.865%208.64%200%205.522%202.915%208.735%206.959%208.735%203.353%200%205.641-1.81%206.33-4.835M60.98%2026.187c-4.105%200-8.305-2.683-8.305-8.766s4.2-8.734%208.306-8.734%208.306%202.651%208.306%208.734-4.2%208.766-8.307%208.766m0-2.807c2.477%200%204.765-1.685%204.765-5.959s-2.288-5.958-4.765-5.958-4.764%201.685-4.764%205.958c0%204.274%202.288%205.959%204.764%205.959M78.987%2025.782h-2.288c-3.416%200-4.325-.718-4.325-4.305v-9.92h-2.665V8.999h2.665V4.725h3.322v4.274h3.29v2.558h-3.29v9.452c0%201.715.22%202.121%201.85%202.121h1.44zM88.133%2026.187c-4.106%200-8.306-2.683-8.306-8.766s4.2-8.734%208.306-8.734%208.306%202.651%208.306%208.734-4.2%208.766-8.306%208.766m0-2.807c2.476%200%204.764-1.685%204.764-5.959s-2.288-5.958-4.764-5.958-4.764%201.685-4.764%205.958c0%204.274%202.288%205.959%204.764%205.959M106.009%2026.187c-4.106%200-8.306-2.683-8.306-8.766s4.2-8.734%208.306-8.734%208.306%202.651%208.306%208.734-4.2%208.766-8.306%208.766m0-2.807c2.476%200%204.765-1.685%204.765-5.959s-2.289-5.958-4.765-5.958-4.764%201.685-4.764%205.958c0%204.274%202.288%205.959%204.764%205.959M116.677%2025.782V3.165h3.322v22.617z%22%20style%3D%22fill%3A%20rgb(13%2C%2013%2C%2013)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://www.cotool.ai/favicon.ico?favicon.0._8ebe7m4isc.ico?dpl=dpl_9RcCVQqCMFxmxybaAV3rtdhogD6r",
 "ogImage": "https://www.cotool.ai/images/og.jpg",
 "logoHref": "/"
 },
 "personality": {
  "tone": "modern",
  "energy": "high",
  "targetAudience": "technology professionals"
 },
 "designSystem": {
  "framework": "tailwind",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 }
}