# Ashby Brand Identity

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

## Color Palette

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

primary

#1863DC

rgb(24, 99, 220)

secondary

#473BCE

rgb(71, 59, 206)

accent

#F3F2FF

rgb(243, 242, 255)

background

#FCFCFE

rgb(252, 252, 254)

textPrimary

#717075

rgb(113, 112, 117)

link

#0000EE

rgb(0, 0, 238)

## Typography

Each font links to its Google Fonts page where available.

primary

TTNormsPro

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

heading

TTNormsPro

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

TTNormsPro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M709.859%20259.483l-80.815.173V32.638c0-19.514-4.708-21.904-21.187-21.904V.818h82.788v108.328c7.847-11.948%2025.503-29.073%2050.614-29.073%2041.59%200%2070.233%2033.056%2070.233%2081.246%200%2061.333-33.609%2098.164-101.633%2098.164zm-2.343-9.554c19.618%200%2040.806-13.435%2040.806-76.662%200-41.419-12.163-68.103-35.705-68.103-7.869%200-18.159%205.747-21.972%2018.367v126.42l16.871-.022z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(71%2C%2059%2C%20206)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M355.073%20229.014c0%2014.736-10.594%2023.099-26.681%2023.099-27.072%200-43.957-21.904-48.273-53.765h-9.958v61.369h9.967c0-5.307%202.671-8.042%206.987-8.042%201.715%200%203.934%201.168%206.986%202.774%206.729%203.541%2017.508%209.214%2035.861%209.214%2038.844%200%2069.448-23.498%2069.448-60.934%200-24.295-14.125-41.022-36.097-53.368l-28.25-15.134c-10.986-5.974-19.618-11.55-19.618-22.701%200-11.55%208.632-19.914%2021.972-19.914%2024.326%200%2039.037%2018.251%2041.005%2044.407h9.609V82.85h-9.725c0%204.811-3.139%206.808-7.847%206.808-2.187%000-4.765-1.164-8.124-2.682-6.286-2.838-15.308-6.913-29.627-6.913-33.742%000-63.954%2021.904-63.954%2056.553%000%2022.702%2011.378%2038.632%2030.604%2048.589l30.212%2015.93c15.302%208.364%2025.503%2013.94%2025.503%2027.879z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(71%2C%2059%2C%20206)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M76.07%20250.537v9.16H.343v-9.16c19.618%000%2027.465-4.381%2034.527-23.498l73.764-209.09h34.92l81.219%20209.09c7.847%2019.515%2011.77%2023.498%2028.642%2023.498v9.16H134.363v-9.16c28.242%000%2030.625-2.582%2022.14-23.498l-21.58-57.35H69.399l-19.226%2056.155c-5.614%2018.997-4.387%2024.693%2025.896%2024.693zm24.326-171.653l-26.681%2078.459h56.5l-29.819-78.459z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(71%2C%2059%2C%20206)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M897.938%20250.184l-65.132-135.986c-8.24-17.523-10.594-20.71-23.542-20.71v-9.78h102.014v9.78c-20.919%000-18.149%206.39-12.465%2019.503l.033.078c.217.499.438%201.008.661%201.527l30.604%2069.874%2027.858-64.405c8.549-20.61%2010.683-26.684-19.226-26.684v-9.672h61.597v9.672c-16.767%000-17.241%201.088-25.02%2018.948-.952%202.185-2.013%204.621-3.226%207.337l-55.323%20120.959c-18.137%2039.137-22.674%2049.269-35.914%2072.265-4.784%207.993-13.478%2015.031-25.428%2015.031-15.912%000-28.811-13.093-28.811-29.244s12.899-29.245%2028.811-29.245c10.172%000%2019.113%205.352%2024.24%2013.432l18.269-32.68z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(71%2C%2059%2C%20206)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Ashby's actual button styles.

Input

input

background#FFFFFFtextColor#373739borderColor#DBDBDCborderRadius6pxshadowrgba(20, 20, 21, 0.1) 0px 1px 2px 0px inset

Button Primary

buttonPrimary

background#F3F2FFtextColor#473BCEborderColor#E1DEFCborderRadius6pxshadownone

Button Secondary

buttonSecondary

backgroundtransparenttextColor#FCFCFEborderRadius6pxshadowrgba(20, 20, 21, 0.16) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.2) 0px 1px 2px 0px inset

## Brand Personality

**Tone:** professional  **Energy:** medium  **Audience:** businesses and recruiting teams

## Ashby Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [ashbyhq.com](https://www.ashbyhq.com/images/dan-seifert-1x1.png)

Source: [ashbyhq.com](https://www.ashbyhq.com/podcast/episodes/manage-unplanned-headcount)

Image: [ashbyhq.com](https://www.ashbyhq.com/images/og_engineering_image.png)

Source: [ashbyhq.com](https://www.ashbyhq.com/blog/engineering)

Image: [a-us.storyblok.com](https://a-us.storyblok.com/f/1017310/3900x3881/365887ccc2/remotecom.png)

Source: [ashbyhq.com](https://www.ashbyhq.com/product-updates/docusign-adp-ukg-and-remote-com)

Image: [ashbyhq.com](https://www.ashbyhq.com/images/leadership-principles-blog-post-header-2x.png)

Source: [ashbyhq.com](https://www.ashbyhq.com/blog/culture/ashbys-leadership-principles)

Image: [ashbyhq.com](https://www.ashbyhq.com/images/hebba-youssef-1x1.png)

Source: [ashbyhq.com](https://www.ashbyhq.com/podcast/episodes/recruiting-functions-trusted-advisors)

Image: [a-us.storyblok.com](https://a-us.storyblok.com/f/1017310/2580x1870/2219aae021/transcript.jpeg)

Source: [ashbyhq.com](https://www.ashbyhq.com/product-updates/ai-notetaker-improvements-roundup)

## Frequently Asked Questions

### What is Ashby's primary brand color?

Ashby's primary brand color is #1863DC. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does Ashby use?

Ashby uses #F3F2FF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does Ashby use?

Ashby uses TTNormsPro as the primary typeface across body and headings.

### Does Ashby use a light or dark theme?

Ashby's primary site uses a light color scheme, with a background of #FCFCFE.

### Where can I find Ashby's logo?

Ashby's logo is available directly on their site (https://www.ashbyhq.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.ashbyhq.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 Ashby.

## Methodology

Brand data on this page was extracted from [https://www.ashbyhq.com](https://www.ashbyhq.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 Ashby.