t3 chat.json

T3 Chat Brand Identity

A complete profile of T3 Chat's visual system — colors, typography, components, and personality — extracted from https://t3.chat. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #AC1668
Accent #F2D8F0
Body Font ProximaVara
Heading Font ProximaVara

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

T3 Chat 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": "light",
  "fonts": [
    {
      "family": "ProximaVara",
      "role": "body"
    },
    {
      "family": "Segoe UI",
      "role": "body"
    },
    {
      "family": "Noto Sans",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#AC1668",
    "secondary": "#F2E1F4",
    "accent": "#F2D8F0",
    "background": "#F2E1F4",
    "textPrimary": "#AC1668",
    "link": "#F2D8F0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "ProximaVara",
      "heading": "ProximaVara"
    },
    "fontStacks": {
      "heading": [
        "ProximaVara",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Noto Sans",
        "Helvetica Neue",
        "Arial",
        "Apple Color Emoji",
        "sans-serif"
      ],
      "body": [
        "ProximaVara",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Noto Sans",
        "Helvetica Neue",
        "Arial",
        "Apple Color Emoji",
        "sans-serif"
      ],
      "paragraph": [
        "ProximaVara",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Noto Sans",
        "Helvetica Neue",
        "Arial",
        "Apple Color Emoji",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "18px",
      "h2": "30px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#501854",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20247.7%2053%22%20style%3D%22enable-background%3Anew%200%200%20247.7%2053%22%20class%3D%22size-full%20text-(--wordmark-color)%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentcolor%22%20d%3D%22M35.8%2010.7H24v40.9h-8.6V10.8H0V3.4h43zm136.4%209.4c1.3%202.5%201.9%205.4%201.9%208.9v22.6h-8.5V30.2c0-3.2-.7-5.7-2.3-7.4s-3.7-2.5-6.4-2.5-4.8.8-6.4%202.5c-1.6%201.6-2.4%204.1-2.4%207.3v21.5h-8.6V8.9l8.6-8.8v16.5c1.2-1.1%202.6-2.1%204.2-2.8%202.1-.8%204.3-1.3%206.7-1.3%202.8%200%205.4.6%207.7%201.9l.1.1c2.2%201.2%204%203.1%205.4%205.6zM44.4%2010.6l7.1-7.2h21.9v6.4L62.6%2021c3.8.5%206.9%201.9%209.1%204.2l.2.2c2.5%202.6%203.7%206.1%203.9%2010.5%200%204.7-1.5%208.5-4.4%2011.3s-6.9%204.2-11.9%204.2c-4.6%200-8.4-1.3-11.3-3.7-3-2.4-4.6-5.9-4.8-10.5v-.5h8.1v.5c.2%202.1.9%203.8%202.3%205.2%201.3%201.3%203.2%202%205.7%202s4.5-.7%205.9-2.2%202.1-3.6%202.1-6.2c0-2.7-.7-4.7-2.1-6.1-1.5-1.5-3.4-2.2-5.9-2.2h-7v-5.9l10.6-11.2zm202.4%202.6v7.3h-9v22.7l-5.8%206-2.9%202.9V20.5h-4.3v-7.3h4.3V3.9h8.7v9.3zm-140.9%201.9c2.8-1.7%206-2.5%209.6-2.5%204.6%200%208.4%201.1%2011.4%203.3s5.1%205.4%206.1%209.5l.1.5H124l-.1-.3c-.7-1.8-1.7-3.2-3.1-4.2s-3.1-1.5-5.3-1.5c-3%200-5.4%201-7.2%203.2s-2.7%205.2-2.7%209.2.9%207.1%202.7%209.3%204.2%203.3%207.2%203.3c2.2%200%203.9-.5%205.3-1.4%201.4-1%202.4-2.4%203.1-4.3l.1-.3h9.1l-.1.5c-1.1%203.9-3.2%207-6.2%209.3-3.1%202.3-6.8%203.5-11.3%203.5-3.6%200-6.8-.8-9.6-2.5s-5-4-6.6-7-2.4-6.5-2.4-10.4.8-7.4%202.4-10.4l.3-.5c1.5-2.8%203.6-5%206.3-6.3zm91.9%2037c-3.2%200-6.2-.9-8.9-2.6s-4.8-4.1-6.4-7.1-2.4-6.5-2.4-10.3.8-7.2%202.4-10.2c1.5-2.9%203.7-5.2%206.4-6.9s5.7-2.5%209-2.5c3%200%205.6.6%207.8%201.8%201.8.9%203.4%202.1%204.6%203.5v-4.7h8.5v38.4h-8.5v-4.8c-1.2%201.4-2.8%202.6-4.7%203.6-2.3%201.2-5%201.8-7.8%201.8zm6.9-30.6c-1.6-.9-3.4-1.4-5.3-1.4s-3.7.4-5.3%201.4c-1.7.9-3%202.3-4%204.1s-1.5%204-1.5%206.5.5%204.7%201.5%206.6%202.3%203.3%204%204.3%203.4%201.5%205.3%201.5%203.7-.5%205.3-1.5c1.6-.9%203-2.3%204-4.2s1.5-4.1%201.5-6.6c0-2.3-.4-4.3-1.2-6l-.3-.5c-1-1.8-2.3-3.2-4-4.2zM84.3%2044.2h6.9v6.9h-6.9z%22%20style%3D%22fill%3A%20rgb(202%2C%202%2C%20119)%20!important%3B%22%2F%3E%3C%2Fsvg%3E