# Traces Brand Identity

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

## Color Palette

Brand palette extracted from https://www.traces.ai.

| Color Type | Hex Code | RGB Code         |
|------------|----------|------------------|
| primary    | #201B3D | rgb(32, 27, 61)  |
| secondary  | #0A1F44 | rgb(10, 31, 68)  |
| accent     | #5B7FFF | rgb(91, 127, 255)|
| background | #FFFFFF | rgb(255, 255, 255)|
| textPrimary| #333333 | rgb(51, 51, 51)  |
| link       | #5B7FFF | rgb(91, 127, 255)|

## Typography

Each font links to its Google Fonts page where available.
| Role   | Font                    | Link                                          |
|--------|-------------------------|-----------------------------------------------|
| primary| Nunito Mini             | [Google Fonts](https://fonts.google.com/specimen/Nunito+Mini) |
| heading| Nunito Sans Mini        | [Google Fonts](https://fonts.google.com/specimen/Nunito+Sans+Mini) |

**Font Stack:** Nunito Mini, sans-serif

## Visual Assets

## UI Components

Live previews rendered using Traces's actual button styles.

| Component        | Background | Text Color | Border Color | Border Radius | Shadow |
|------------------|------------|------------|--------------|---------------|--------|
| Input            | #FAFBFC    | #333333    | #EBECF0      | 100px         | none   |
| Button Primary   | #5B7FFF    | #FFFFFF    | N/A          | 100px         | none   |
| Button Secondary | #FFFFFF    | #5B7FFF    | #5B7FFF      | 100px         | none   |

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** businesses and organizations looking for AI video analytics solutions

## Frequently Asked Questions

1. **What is Traces's primary brand color?**  
   Traces's primary brand color is #201B3D. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What accent color does Traces use?**  
   Traces uses #5B7FFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. **What font does Traces use?**  
   Traces uses Nunito Mini for body text and Nunito Sans Mini for headings. Fonts were detected on https://www.traces.ai as part of their live design system.
4. **Does Traces use a light or dark theme?**  
   Traces's primary site uses a light color scheme, with a background of #FFFFFF.
5. **Where can I find Traces's logo?**  
   Traces's logo is available directly on their site (https://www.traces.ai). 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://www.traces.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 Traces.