llms.txt

JITX Brand Identity

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

Quick Facts

Field Value
Primary #01BFA5
Accent #01BFA5
Body Font Open Sans
Heading Font Montserrat

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech professionals

JITX Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Follow these instructions if you have permission to use the fonts:

  1. Open the company's homepage in a browser with DevTools open.
  2. Filter by "Font" in the Network tab.
  3. Hard-reload the page and click around for specific route fonts.
  4. Save captured font URLs locally.
  5. View and modify the matching @font-face declarations in the CSS.

Programmatic alternative: Use Playwright or Puppeteer to listen for response events whose Content-Type starts with font/.

Only do this with permission — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Open Sans",
   "role": "body"
  },
  {
   "family": "Montserrat",
   "role": "heading"
  },
  {
   "family": "Heebo",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#01BFA5",
  "secondary": "#FEC107",
  "accent": "#01BFA5",
  "background": "#0A0D0C",
  "textPrimary": "#0A0D0C",
  "link": "#2A2450"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Open Sans",
   "heading": "Montserrat"
  },
  "fontStacks": {
   "heading": [
    "Open Sans",
    "sans-serif"
   ],
   "body": [
    "Open Sans",
    "sans-serif"
   ],
   "paragraph": [
    "Open Sans",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "14px",
   "h2": "30px",
   "body": "14px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "8px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#0A0D0C",
   "textColor": "#01BFA5",
   "borderRadius": "40px",
   "borderRadiusCorners": {
    "topLeft": "40px",
    "topRight": "40px",
    "bottomRight": "40px",
    "bottomLeft": "40px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#333333",
   "textColor": "#AAAAAA",
   "borderColor": "#808080",
   "borderRadius": "3px",
   "borderRadiusCorners": {
    "topLeft": "3px",
    "topRight": "3px",
    "bottomRight": "3px",
    "bottomLeft": "3px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://cdn.prod.website-files.com/6044fe74a6d10f4cc8723975/63781c3154cc50d2dee3685e_LogoLight.svg",
  "favicon": "https://cdn.prod.website-files.com/6044fe74a6d10f4cc8723975/6044fe74a6d10fcec9723a20_Favicon.png",
  "ogImage": "https://i.imgur.com/xKcos9j.jpg",
  "logoHref": "/",
  "logoAlt": "ColorLogo"
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "tech professionals"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 }
}