reka ai.json

Reka AI Brand Identity

A complete profile of Reka AI's visual system — colors, typography, components, and personality — extracted from https://reka.ai/. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #2276FF
Accent #D5D0C0
Body Font TT Commons Pro Mono Variable
Heading Font TT Commons Pro Mono Variable

Color Palette

Typography

Visual Assets

Brand Personality

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

Reka AI 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": "TT Commons Pro Mono Variable",
      "role": "monospace"
    },
    {
      "family": "TT Commons Pro Mono",
      "role": "monospace"
    },
    {
      "family": "KMR Waldenburg Fein",
      "role": "unknown"
    },
    {
      "family": "TT Commons Pro Mono Light",
      "role": "monospace"
    },
    {
      "family": "KMR Waldenburg",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#2276FF",
    "secondary": "#99EEFF",
    "accent": "#D5D0C0",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#D5D0C0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "TT Commons Pro Mono Variable",
      "heading": "TT Commons Pro Mono Variable"
    },
    "fontStacks": {
      "heading": [
        "KMR Waldenburg Fein",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "TT Commons Pro Mono Variable",
        "TT Commons Pro Mono",
        "monospace"
      ]
    },
    "fontSizes": {
      "h1": "50.08px",
      "h2": "12px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2278%22%20height%3D%2219%22%20viewBox%3D%220%200%2051%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M12.3164%202.81836H2.82129V12.4785H0V3.26855C7.23762e-05%201.4713%201.43576%200.0146827%203.20703%200.0136719L12.3164%200.00683594V2.81836ZM22.0811%200C23.8531%200.000112513%2025.2908%201.45684%2025.291%203.25488V3.36035C25.2908%204.73627%2024.4372%205.96318%2023.1602%206.42578L16.4131%208.8623V6.0918L22.1133%203.88867C22.327%203.80972%2022.4696%203.60365%2022.4697%203.37207C22.4697%203.06824%2022.2264%202.82129%2021.9268%202.82129H16.3486C16.049%202.82129%2015.8057%203.06824%2015.8057%203.37207V9.66211H25.0967V12.4736H16.1953C14.4221%2012.4736%2012.9855%2011.0169%2012.9854%209.21875V3.25488C12.9856%201.45677%2014.4222%200%2016.1953%200H22.0811ZM47.79%200C49.5631%202.95586e-05%2050.9998%201.45777%2051%203.25488V9.21875C50.9999%2011.0169%2049.5632%2012.4736%2047.79%2012.4736H41.9043C40.1311%2012.4736%2038.6945%2011.0169%2038.6943%209.21875V9.11426C38.6943%207.73815%2039.547%206.51051%2040.8242%206.04785L47.5723%203.61133V6.38281L41.8721%208.58496C41.6581%208.66388%2041.5146%208.87072%2041.5146%209.10254C41.5149%209.40612%2041.7582%209.65229%2042.0576%209.65234H47.6367C47.936%209.65211%2048.1785%209.40601%2048.1787%209.10254V2.81152H38.8887V0H47.79ZM32.0527%206.13867L38.332%2012.4727H34.4033L30.1709%208.26953C29.6314%207.73401%2029.3282%207.00249%2029.3281%206.2373C29.3281%205.47194%2029.6322%204.73973%2030.1709%204.2041L34.4033%200.00195312H38.2354L32.0527%206.13867ZM28.8662%2012.4697H26.0449V0.00683594H28.8662V12.4697Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/XekAjHcWv2prUE9pJiSj61CD54.jpg",
    "ogImage": "https://framerusercontent.com/assets/qWJCOm7UDi3WRBhOUZTMQhHnWc.jpg",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy 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 located in the header, is visible, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}