# Traverse Brand Identity

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

## Color Palette

Brand palette extracted from https://www.traverse.so.

| Color | Hex      | RGB               |
|-------|----------|------------------|
| Primary      | #9CA3AF | rgb(156, 163, 175) |
| Accent       | #374151 | rgb(55, 65, 81)   |
| Background   | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #000000 | rgb(0, 0, 0)      |
| Link         | #374151 | rgb(55, 65, 81)   |

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Inter ([Google Fonts →](https://fonts.google.com/specimen/Inter))
- **Heading**: Libre Baskerville ([Google Fonts →](https://fonts.google.com/specimen/Libre+Baskerville))
  
**Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:**
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  
  
Favicon

## UI Components

Live previews rendered using Traverse's actual button styles.

### Button Primary
- Background: #000000
- Text Color: #FFFFFF
- Border Radius: 0px
- Shadow: none

## Brand Personality

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

## Traverse Brand in the Wild

Image: [traverse.so](https://www.traverse.so/hero5.png)  
Source: [traverse.so](https://traverse.so/)

Image: [traverse.so](https://www.traverse.so/_next/image?url=%2Fhero5.png&w=3840&q=75)  
Source: [traverse.so](https://traverse.so/)

Image: [traverse.so](https://www.traverse.so/traverse-logo.png)  
Source: [traverse.so](https://traverse.so/)

Image: [traverse.so](https://www.traverse.so/yc.png)  
Source: [traverse.so](https://traverse.so/)

Image: [i.ytimg.com](https://i.ytimg.com/vi/xuuTJbsJBsw/maxresdefault.jpg)  
Source: [youtube.com](https://www.youtube.com/watch?v=xuuTJbsJBsw)

Image: [s3-alpha.figma.com](https://s3-alpha.figma.com/hub/file/5295200659/5cbf40a3-b5c6-4e49-bb52-ff4f06b961a7-cover.png)  
Source: [figma.com](https://www.figma.com/community/file/1344893872087483737/traverse-travel-landing-page)

## Frequently Asked Questions

1. **What is Traverse's primary brand color?**  
   Traverse's primary brand color is #9CA3AF.

2. **What accent color does Traverse use?**  
   Traverse uses #374151 as an accent color.

3. **What font does Traverse use?**  
   Traverse uses Inter for body text and Libre Baskerville for headings.

4. **Does Traverse use a light or dark theme?**  
   Traverse's primary site uses a light color scheme.

5. **Where can I find Traverse's logo?**  
   Traverse's logo is available directly on their site.

6. **How was this brand profile generated?**  
   This profile was extracted using the Firecrawl branding extraction API.

## Methodology

Brand data on this page was extracted from [https://www.traverse.so](https://www.traverse.so/) on 2026-07-27 using the Firecrawl branding extraction API.

## Machine-Readable Profile

### Color Scheme
- Light

### Fonts
- **Body**: Inter  
- **Heading**: Libre Baskerville

### Colors
- Primary: #9CA3AF  
- Accent: #374151  
- Background: #FFFFFF  
- Text Primary: #000000  
- Link: #374151

### Components
- **Button Primary**  
  - Background: #000000  
  - Text Color: #FFFFFF  
  - Border Radius: 0px

### Images
- Logo:   
- Favicon: