# TrainLoop Brand Identity

A complete profile of **TrainLoop**'s visual system — colors, typography, components, and personality — extracted from [http://trainloop.ai](http://trainloop.ai/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from http://trainloop.ai.

| Type      | Color Code | RGB                   |
|-----------|------------|-----------------------|
| primary   | #61594E    | rgb(97, 89, 78)       |
| accent    | #0000EE    | rgb(0, 0, 238)        |
| background| #FBF7F1    | rgb(251, 247, 241)    |
| textPrimary| #000000   | rgb(0, 0, 0)          |
| link      | #0000EE    | rgb(0, 0, 238)        |

## Typography

Each font links to its Google Fonts page where available.

| Role        | Font               | Google Fonts Link                                      |
|-------------|--------------------|-------------------------------------------------------|
| primary     | Helvetica Neue      | [Helvetica Neue →](https://fonts.google.com/specimen/Helvetica+Neue) |
| heading      | Source Serif Pro    | [Source Serif Pro →](https://fonts.google.com/specimen/Source+Serif+Pro) |

## Visual Assets

## UI Components

Live previews rendered using TrainLoop's actual button styles.

| Component      | Properties                                         |
|----------------|----------------------------------------------------|
| Input          | Background: transparent, Text Color: #999999, Border Color: null, Border Radius: 0px, Shadow: none   |
| Button Primary | Background: #000000, Text Color: #000000, Border Radius: 0px, Shadow: none        |

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** AI researchers and developers

## TrainLoop Brand in the Wild

Image source: [trainloop.ai](https://www.trainloop.ai/)

Image source: [trainloop.ai](https://www.trainloop.ai/)

Image source: [trainloop.com](https://trainloop.com/products/swarovski-clear-crystal-trainloop?srsltid=AfmBOop28BLqu2QEN1HB8duBRgcbVkGYIa0GCRAgsSTGd6vfO0Mzn0Ym)

Image source: [tracxn.com](https://tracxn.com/d/companies/trainloop/__YMaFpIi_ijl13__7P4C0oH50ff4PS5YQZyUVGr7s9e4)

Image source: [trainloop.com](https://trainloop.com/products/bespoke-trainloop?srsltid=AfmBOortMh9IMKmZ--_AxJcXwQ27L8fyO7m_wW7eUXo-qJZx5fKB3sVL)

## Frequently Asked Questions

### What is TrainLoop's primary brand color?
TrainLoop's primary brand color is #61594E. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does TrainLoop use?
TrainLoop uses #0000EE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does TrainLoop use?
TrainLoop uses Helvetica Neue for body text and Source Serif Pro for headings. Fonts were detected on http://trainloop.ai as part of their live design system.

### Does TrainLoop use a light or dark theme?
TrainLoop's primary site uses a light color scheme, with a background of #FBF7F1.

### How was this brand profile generated?
This profile was extracted from http://trainloop.ai 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 TrainLoop.

## Methodology

Brand data on this page was extracted from [http://trainloop.ai](http://trainloop.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content.