Token Transit Brand Identity

A complete profile of Token Transit's visual system — colors, typography, components, and personality — extracted from https://tokentransit.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://tokentransit.com.

• primary: #0E6366
  rgb(14, 99, 102)
• secondary: #0000EE
  rgb(0, 0, 238)
• accent: #153A5F
  rgb(21, 58, 95)
• background: #FFFFFF
  rgb(255, 255, 255)
• textPrimary: #153A5F
  rgb(21, 58, 95)
• link: #153A5F
  rgb(21, 58, 95)

Typography

Each font links to its Google Fonts page where available:

• primary: Public Sans
  Public Sans Google Fonts →
• heading: Public Sans
  Public Sans Google 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.

Visual Assets

Logo

.png)

Favicon

.png)

Social Card

UI Components

Live previews rendered using Token Transit's actual button styles.

• Input
  background: #FFFFFF
  textColor: #153A5F
  borderColor: #000000
  borderRadius: 0px
  shadow: none

• Button Primary
  background: #153A5F
  textColor: #0000EE
  borderRadius: 6px
  shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px

• Button Secondary
  background: #EDF1F5
  textColor: #0E6366
  borderRadius: 0px
  shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: public transit users

Token Transit Brand in the Wild

Image: cdn.prod.website-files.com

Source: tokentransit.com

Image: miro.medium.com

Source: blog.tokentransit.com

Image: cdn.prod.website-files.com

Source: tokentransit.com

Image: miro.medium.com

Source: blog.tokentransit.com

Image: support.tokentransit.com

Source: support.tokentransit.com

Image: miro.medium.com

Source: blog.tokentransit.com

Frequently Asked Questions

1. What is Token Transit's primary brand color?
   Token Transit's primary brand color is #0E6366. It anchors the visual identity across their website, product UI, and marketing materials.

2. What accent color does Token Transit use?
   Token Transit uses #153A5F as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. What font does Token Transit use?
   Token Transit uses Public Sans as the primary typeface across body and headings.

4. Does Token Transit use a light or dark theme?
   Token Transit's primary site uses a light color scheme, with a background of #FFFFFF.

5. Where can I find Token Transit's logo?
   Token Transit's logo is available directly on their site (https://tokentransit.com). The current logo URL is included in the machine-readable JSON profile linked above.

6. How was this brand profile generated?
   This profile was extracted from https://tokentransit.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Token Transit.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Public Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0E6366",
    "secondary": "#0000EE",
    "accent": "#153A5F",
    "background": "#FFFFFF",
    "textPrimary": "#153A5F",
    "link": "#153A5F"
  },
  ... 
}

Related Brand Profiles

Zapier
Scale AI
Fivetran
Stripe
PagerDuty
Brex