# Trayd Brand Identity

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

## Color Palette

Brand palette extracted from https://www.buildtrayd.com/.

| Color Type | Hex Code | RGB Value           |
|------------|----------|---------------------|
| primary    | #122B50  | rgb(18, 43, 80)     |
| accent     | #122645  | rgb(18, 38, 69)     |
| background | #FFFFFF  | rgb(255, 255, 255)  |
| textPrimary| #122645  | rgb(18, 38, 69)     |
| link       | #122645  | rgb(18, 38, 69)     |

## Typography

Each font links to its Google Fonts page where available.

| Font Role  | Font    |
|------------|---------|
| primary    | Geist   |
| heading    | Geist   |

Geist [Google Fonts →](https://fonts.google.com/specimen/Geist)

## Visual Assets

%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1694.56%20403.872C1685.83%20403.872%201678.79%20411.014%201678.79%20419.864V460.05C1678.79%20468.9%201671.73%20476.042%201663%20476.042H1565.45C1556.72%20476.042%201549.66%20468.9%201549.66%20460.05V139.949C1549.66%20125.273%201561.38%20113.415%201575.85%20113.415H1734.04C1840.74%20113.415%201908.58%20169.952%201908.58%20259.754C1908.58%20312.31%201885.41%20352.666%201844.55%20377.15C1840.19%20379.747%201838.89%20385.488%201841.78%20389.759L1904.32%20458.546C1910.42%20465.227%201905.71%20476.093%201896.72%20476.093H1799.72C1789.4%20476.093%201779.52%20471.925%201772.28%20464.475L1727.5%20418.498C1719.02%20409.203%201707.1%20403.923%201694.61%20403.923L1694.56%20403.872ZM1725.86%20214.323H1694.56C1685.83%20214.323%201678.79%20221.465%201678.79%20230.298V289.244C1678.79%20298.095%201685.83%20305.236%201694.56%20305.236H1725.86C1761.41%20305.236%201778.38%20288.048%201778.38%20259.805C1778.38%20231.563%201761.41%20214.375%201725.86%20214.375V214.323ZM2118.5%20433.823H2238.33C2246.75%20433.823%202254.65%20438.044%202259.36%20445.083L2273.44%20466.748C2277.23%20472.574%202283.67%20476.076%202290.56%20476.093H2393.63C2399.97%20476.093%202404.19%20469.55%202401.66%20463.672L2248.6%20134.328C2242.69%20121.565%202230.03%20113.415%202216.1%20113.415H2146.23C2132.34%20113.415%202119.68%20121.565%202113.73%20134.328L1960.67%20463.672C1958.14%20469.498%201962.4%20476.093%201968.7%20476.093H2068.49C2075.99%20476.093%202082.88%20471.976%202086.45%20465.278L2096.12%20447.287C2100.59%20439%202109.17%20433.841%202118.5%20433.823ZM2191.45%20266.742L2210.89%20322.818H2210.94C2214.02%20330.916%202208.12%20339.596%202199.58%20339.596H2160.65C2152.12%20339.596%202146.23%20330.916%202149.3%20322.818L2168.74%20266.742C2172.76%20256.235%202187.43%20256.235%202191.45%20266.742Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M2642.72%20375.886V465.381C2642.72%20471.258%202637.61%20476.093%202631.31%20476.093H2514.16C2507.86%20476.093%202502.75%20471.31%202502.75%20465.381V374.28C2502.75%20364.233%202499.88%20354.426%202494.36%20345.781L2356.42%20129.544C2351.86%20122.419%202357.37%20113.415%202366.24%20113.415H2480.62C2488.81%20113.415%202496.39%20117.481%202500.56%20124.077L2568.87%20232.058C2573.27%20239.046%202584.09%20239.046%202588.51%20232.058L2658.2%20122.658C2661.87%20116.935%202668.47%20113.415%202675.66%20113.415H2779.31C2788.15%20113.415%202793.65%20122.419%202789.14%20129.544L2651.06%20347.541C2645.59%20356.135%202642.77%20365.942%202642.77%20375.886H2642.72Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M2856.55%20113.415C2840.92%20113.415%202828.28%20126.486%202828.28%20142.615L2828.23%20142.666V444.177C2828.23%20459.965%202840.63%20472.728%202855.91%20472.728H3014.67C3140.31%20472.728%203226.71%20404.487%203226.71%20293.071C3226.71%20181.655%203140.26%20113.415%203014.67%20113.415H2856.55ZM3096.06%20291.26C3097.36%20342.979%203055.54%20371.409%203005.89%20371.666V371.614H2964.24C2953.72%20371.614%202945.19%20362.473%202945.19%20351.163V234.484C2945.19%20223.174%202953.72%20214.016%202964.24%20214.016H3007.09C3062.19%20213.879%203094.83%20240.259%203096.06%20291.26Z%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Trayd's actual button styles.

| Component        | Style       | 
|------------------|-------------| 
| Input            | background: #FFFFFF; textColor: #000000; borderColor: null; borderRadius: 4px; shadow: none; | 
| Button Primary   | background: #122645; textColor: #FFFFFF; borderRadius: 0px; shadow: none; |

## Brand Personality

**Tone:** professional

**Energy:** medium

**Audience:** business professionals

## Trayd Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/KYUHNAqH7ZTNM7MXMaVHWzvgBts.png?width=3236&height=3420)

Source: [buildtrayd.com](https://www.buildtrayd.com/2026/products/field-labortracking/worker-app)

Image: [framerusercontent.com](https://framerusercontent.com/images/dDG8ESeT9T0fOhlpOWHosvlVlzw.webp?width=4000&height=2250)

Source: [buildtrayd.com](https://www.buildtrayd.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/NvCmIAYbPgJ9ak8PAKCLNKrZ0.png?width=4364&height=2216)

Source: [buildtrayd.com](https://www.buildtrayd.com/2026/products/scheduling-dispatch/scheduling-draftmode)

Image: [framerusercontent.com](https://framerusercontent.com/images/QMpYGlCd4OfUlMMk6G7xMJ1i4.png?width=656&height=329)

Source: [buildtrayd.com](https://www.buildtrayd.com/blog/casestudy-mocc)

Image: [framerusercontent.com](https://framerusercontent.com/images/Wo92AT4WdBpEVIi7qt0S3hjTp0.png)

Source: [buildtrayd.com](https://www.buildtrayd.com/2026/products/scheduling-dispatch/equipment-scheduling)

Image: [framerusercontent.com](https://framerusercontent.com/images/16DNYjcJO0OldFpOju46hxq4A.png?width=1600&height=900)

Source: [buildtrayd.com](https://www.buildtrayd.com/)

## Frequently Asked Questions

- **What is Trayd's primary brand color?**  Trayd's primary brand color is #122B50. It anchors the visual identity across their website, product UI, and marketing materials.
- **What accent color does Trayd use?**  Trayd uses #122645 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
- **What font does Trayd use?**  Trayd uses Geist as the primary typeface across body and headings.
- **Does Trayd use a light or dark theme?**  Trayd's primary site uses a light color scheme, with a background of #FFFFFF.
- **Where can I find Trayd's logo?**  Trayd's logo is available directly on their site (https://www.buildtrayd.com/). The current logo URL is included in the machine-readable JSON profile linked above.
- **How was this brand profile generated?**  This profile was extracted from https://www.buildtrayd.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 Trayd.

## Methodology

Brand data on this page was extracted from [https://www.buildtrayd.com/](https://www.buildtrayd.com/) 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. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Trayd.