junction.json

Junction Brand Identity

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

Quick Facts

Field Value
Primary #505967
Accent #3D1836
Body Font Arial
Heading Font Arial

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: healthcare professionals and tech-savvy users

Junction 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": "Tt Hoves Pro",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#505967",
    "secondary": "#402700",
    "accent": "#3D1836",
    "background": "#FFFFFF",
    "textPrimary": "#3D1836",
    "link": "#3D1836"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Arial"
    },
    "fontStacks": {
      "heading": [
        "Tt Hoves Pro",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Tt Hoves Pro",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Tt Hoves Pro",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "40px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#3D1836",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F4F2",
      "textColor": "#3D1836",
      "borderColor": "#E9E7E6",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20viewBox%3D%220%200%20131%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M12.1277%200.0703125H2.90601V2.76147H12.1277V0.0703125Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M12.173%2016.6401C12.173%2019.1339%2010.1456%2021.1612%207.65184%2021.1612H7.19435C4.37761%2021.1612%202.70012%2019.4837%202.70012%2016.667H0C0%2020.9639%202.8885%2023.8524%207.18538%2023.8524H7.64287C11.6258%2023.8524%2014.8552%2020.614%2014.8552%2016.6401V2.7627H12.164V16.6401H12.173Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M77.5058%2015.7964V9.54395H74.8147V15.7964C74.8147%2020.0933%2078.3132%2023.5918%2082.6101%2023.5918H85.382V20.9006H82.6101C79.7933%2020.9006%2077.5058%2018.6131%2077.5058%2015.7964Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M91.5618%200H88.8706V2.84365H91.5618V0Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M85.3824%206.88867H77.5332V9.57983H85.3824V6.88867Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M77.5056%200.0361328H74.8145V6.92548H77.5056V0.0361328Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M91.5618%206.88867H88.8706V23.529H91.5618V6.88867Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M103.089%206.50391C98.2088%206.50391%2094.2349%2010.424%2094.2349%2015.2322C94.2349%2020.0404%2098.2088%2023.9605%20103.089%2023.9605C107.969%2023.9605%20111.943%2020.0404%20111.943%2015.2322C111.943%2010.424%20107.969%206.50391%20103.089%206.50391ZM103.089%2021.2694C99.6889%2021.2694%2096.926%2018.5603%2096.926%2015.2322C96.926%2011.9042%2099.6889%209.19506%20103.089%209.19506C106.489%209.19506%20109.251%2011.9042%20109.251%2015.2322C109.251%2018.5603%20106.489%2021.2694%20103.089%2021.2694Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M64.2211%2021.2694C60.8213%2021.2694%2058.0583%2018.5603%2058.0583%2015.2322C58.0583%2011.9042%2060.8213%209.19506%2064.2211%209.19506C66.5803%209.19506%2068.7602%2010.5406%2069.7828%2012.6308L72.2048%2011.4556C70.7426%208.45051%2067.603%206.50391%2064.2211%206.50391C59.3411%206.50391%2055.3672%2010.424%2055.3672%2015.2322C55.3672%2020.0404%2059.3411%2023.9605%2064.2211%2023.9605C67.6209%2023.9605%2070.7606%2022.0049%2072.2138%2018.9819L69.7918%2017.8157C68.7781%2019.9148%2066.5893%2021.2783%2064.2211%2021.2783V21.2694Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M50.4974%208.47721C47.6896%205.49003%2042.4239%206.0462%2039.957%209.12308V6.88943H37.2659V23.5297H39.957V19.8698H39.9839C39.975%2019.7083%2039.966%2019.5558%2039.957%2019.3943V12.9894C40.0378%2012.191%2040.28%2011.4195%2040.6926%2010.7467C41.796%208.88088%2044.209%208.31574%2046.1646%208.89882C48.5687%209.59852%2050.4346%2011.7873%2050.2462%2014.3619V23.5297H52.9373V14.3619C53.0001%2012.2%2052.0941%209.94837%2050.5063%208.46824L50.4974%208.47721Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M130.182%2014.3708C130.245%2012.2089%20129.339%209.95734%20127.751%208.47721C124.944%205.49003%20119.678%206.0462%20117.211%209.12308V6.88943H114.52V23.5297H117.211V19.8698H117.238C117.229%2019.7173%20117.22%2019.5558%20117.211%2019.4033V12.9894C117.292%2012.191%20117.534%2011.4195%20117.947%2010.7467C119.05%208.88088%20121.463%208.31574%20123.419%208.89882C125.823%209.59852%20127.688%2011.7873%20127.5%2014.3619V23.5297H130.191V16.1918V14.3619L130.182%2014.3708Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M30.9419%2010.6219H30.915C30.924%2010.7744%2030.933%2010.9358%2030.9419%2011.0883V17.5023C30.8612%2018.3006%2030.628%2019.0721%2030.2063%2019.7449C29.103%2021.6108%2026.6899%2022.158%2024.7433%2021.5749C22.3572%2020.8841%2020.5541%2018.6505%2020.6528%2016.1387V6.96191H17.9616V16.1298C17.8809%2018.3006%2018.7241%2020.5881%2020.3478%2022.0682C23.2811%2024.9657%2028.4481%2024.4993%2030.9419%2021.3775V23.6022H33.6331V6.97088H30.9419V10.6309V10.6219Z%22%20fill%3D%22%23251204%22%20style%3D%22fill%3A%20rgb(37%2C%2018%2C%204)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E
"}}