ashby.json

Ashby Brand Identity

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

Quick Facts

Field Value
Primary #1863DC
Accent #F3F2FF
Body Font TTNormsPro
Heading Font TTNormsPro

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

Ashby Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

  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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "TTNormsPro",
      "role": "body"
    },
    {
      "family": "Open Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#1863DC",
    "secondary": "#473BCE",
    "accent": "#F3F2FF",
    "background": "#FCFCFE",
    "textPrimary": "#717075",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "TTNormsPro",
      "heading": "TTNormsPro"
    },
    "fontStacks": {
      "heading": [
        "TTNormsPro",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "body": [
        "TTNormsPro",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "paragraph": [
        "TTNormsPro",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "20px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#373739",
      "borderColor": "#DBDBDC",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "rgba(20, 20, 21, 0.1) 0px 1px 2px 0px inset"
    },
    "buttonPrimary": {
      "background": "#F3F2FF",
      "textColor": "#473BCE",
      "borderColor": "#E1DEFC",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#FCFCFE",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "rgba(20, 20, 21, 0.16) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.2) 0px 1px 2px 0px inset"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201001%20328%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-label%3D%22Navigate%20home%22%20class%3D%22c-PJLV%20c-PJLV-ixnjYu-color-primary%20c-PJLV-ljoMO-size-default%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M502.18%20249.99v9.701h-96.128v-9.694c15.302%200%2017.264-3.983%2017.264-23.498V32.607c0-19.515-4.709-21.905-21.188-21.905V.818h82.788v113.506c8.24-17.126%2028.643-34.251%2052.969-34.251%2036.489%200%2055.715%2025.887%2055.715%2057.748v88.671c0%2019.515%201.962%2023.498%2017.264%2023.498v9.701h-96.128v-9.701c15.302%200%2017.263-3.983%2017.263-23.498v-81.103c0-26.684-10.986-37.039-25.503-37.039-8.632%200-16.479%205.177-21.58%2015.931v102.211c0%2019.515%201.962%2023.498%2017.264%2023.498z%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%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%200-4.765-1.164-8.124-2.682-6.286-2.838-15.308-6.913-29.627-6.913-33.742%200-63.954%2021.904-63.954%2056.553%200%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%200%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%200%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%200-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%200-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%200-28.811-13.093-28.811-29.244s12.899-29.245%2028.811-29.245c10.172%200%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

## UI Components

## Brand Personality

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

## Ashby Brand in the Wild

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

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile