reach.json

Reach Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #D6EBF5
Body Font Inter
Heading Font SharpGrotesk

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals

Reach 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": "Inter",
      "role": "body"
    },
    {
      "family": "SharpGrotesk",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#267FFE",
    "accent": "#D6EBF5",
    "background": "#FFFFFF",
    "textPrimary": "#111521",
    "link": "#111521"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "SharpGrotesk"
    },
    "fontStacks": {
      "heading": [
        "SharpGrotesk"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "SharpGrotesk"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "45.04px",
      "body": "28px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#D6EBF5",
      "textColor": "#111521",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#111521",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20860%20224%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23267FFE%22%20d%3D%22M172.763%20146.307c29.797-9.145%2051.312-37.936%2051.312-71.64C224.075%2033.705%20192.298%200%20152.495%200H26.407l12.449%2012.444h113.639c32.388%200%2059.131%2027.582%2059.131%2062.223%200%2031.013-21.436%2056.369-49.167%2061.339l10.304%2010.301Z%22%20style%3D%22fill%3A%20rgb(38%2C%20127%2C%20254)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23267FFE%22%20d%3D%22M150.894%20124.444h.564c26.637%200%2047.72-22.575%2047.72-49.777s-21.083-49.778-47.72-49.778H51.304l12.45%2012.444h87.704c19.197%200%2035.271%2016.426%2035.271%2037.334%200%2020.908-16.074%2037.333-35.271%2037.333h-13.013l12.449%2012.444Z%22%20style%3D%22fill%3A%20rgb(38%2C%20127%2C%20254)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23267FFE%22%20d%3D%22M125.996%2099.556h24.276c13.542%200%2024.008-11.433%2024.008-24.89%200-13.455-10.466-24.888-24.008-24.888h-74.07L88.65%2062.222h61.622c6.102%200%2011.56%205.282%2011.56%2012.445%200%207.162-5.458%2012.444-11.56%2012.444h-36.725l12.449%2012.445ZM8.802%200l215.273%20215.201V224h-8.803L0%208.8V0h8.802ZM195.531%20224%200%2028.534v17.599L177.927%20224h17.604ZM0%2063.732V224h160.321l-12.448-12.444H12.449V76.176L0%2063.733Z%22%20style%3D%22fill%3A%20rgb(38%2C%20127%2C%20254)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23267FFE%22%20d%3D%22M24.897%2088.621v110.49h110.527l-12.449-12.444h-85.63v-85.601L24.898%2088.621Z%22%20style%3D%22fill%3A%20rgb(38%2C%20127%2C%20254)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23267FFE%22%20d%3D%22M49.794%20113.51v60.712h60.733l-12.449-12.444H62.243v-35.824L49.794%20113.51Z%22%20style%3D%22fill%3A%20rgb(38%2C%20127%2C%20254)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%230C0F14%22%20d%3D%22M345.892%20129.677h26.755c12.112%200%2018.501%201.954%2021.563%207.539%201.464%202.793%202.129%206.702%202.129%2011.728v6.144c0%202.652.4%205.724%202.663%206.701h23.293c-1.996-1.256-2.263-4.049-2.263-6.422v-6.562c0-17.732-6.123-25.551-20.099-28.762%2014.243-3.77%2020.765-11.449%2020.765-26.389%200-21.92-13.577-31.414-47.12-31.414h-49.914v99.549h22.228v-32.112Zm0-47.611h27.42c11.181%200%2018.236.838%2021.829%204.608%201.598%201.815%202.529%204.607%202.529%208.377v1.815c0%207.819-4.392%2011.03-12.112%2012.147-3.727.419-7.987.698-13.045.698h-26.621V82.066ZM531.279%20137.914h-24.891c-3.727%205.445-10.382%208.238-24.358%208.238-18.502%200-27.021-5.445-29.683-15.917h79.864v-8.517c0-18.011-8.12-30.856-23.161-37.837-7.72-3.49-16.505-5.166-27.154-5.166-22.894%200-37.669%208.796-45.389%2022.479-3.727%206.702-5.59%2013.962-5.59%2022.06%200%2016.336%205.723%2028.902%2020.232%2036.022%207.321%203.351%2016.904%205.166%2029.017%205.166%2025.29%200%2042.86-6.702%2051.113-26.528Zm-48.717-41.048c16.372%200%2024.758%204.747%2027.287%2016.475h-56.97c3.195-10.472%2012.778-16.475%2029.683-16.475ZM617.882%20142.801l1.996%2018.988h18.369v-49.844c0-17.453-6.921-26.388-20.365-30.298-6.789-1.815-14.908-2.792-24.891-2.792-29.416%200-45.788%209.354-48.317%2030.716h23.293c.666-6.422%203.86-10.332%2011.58-12.147%203.727-1.117%208.785-1.536%2015.441-1.536%2011.047%200%2017.037%202.234%2019.566%205.446%201.464%201.675%201.997%203.351%201.997%205.166v.139c0%203.491-2.13%205.306-8.386%206.283-3.061.559-7.454.838-13.177%201.257-16.372.977-25.424%202.094-31.68%203.77-3.061.977-5.856%201.954-8.385%203.211-8.386%204.049-12.113%2011.03-12.113%2020.384v.14c0%2015.358%2011.58%2022.758%2032.611%2022.758%2022.096%200%2036.205-8.936%2042.461-21.641Zm-35.673%204.887c-11.18%200-15.44-2.793-15.44-8.098v-.14c0-3.211%201.597-5.585%204.792-7.26%204.126-2.094%2010.782-3.211%2025.423-3.91%2012.512-.698%2017.836-2.652%2019.833-5.445v.559c0%208.098-6.256%2015.916-16.771%2020.664-5.191%202.373-11.048%203.63-17.837%203.63ZM754.506%20126.465h-24.359c-1.73%2012.008-9.184%2018.57-27.02%2018.57-19.434%200-27.686-7.54-27.686-22.758%200-16.475%209.184-24.434%2027.952-24.434%2016.905%200%2024.758%206.004%2026.754%2018.011h24.359c-2.795-23.735-20.498-37.139-51.379-37.139-20.498%200-36.072%207.26-44.458%2020.385-4.126%206.562-6.255%2014.241-6.255%2023.177%000%2017.452%206.122%2030.297%2020.764%2036.999%207.454%203.491%2017.171%205.166%2029.283%205.166%2022.895%200%2037.536-6.702%2045.389-18.151%203.861-5.584%206.123-12.286%206.656-19.826ZM789.099%20161.789v-35.742c0-18.849%207.986-28.343%2025.689-28.343%2011.181%200%2017.437%204.747%2020.232%2012.984%201.198%204.049%201.997%208.796%201.997%2014.242v36.859h22.761v-43.84c0-16.057-5.99-27.925-17.171-34.347-5.59-3.351-12.378-4.887-20.365-4.887-16.372%200-27.42%207.54-33.143%2019.268V55.678h-21.83v106.111h21.83Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E"
    ,
    "favicon": "https://reachpower.com/wp-content/uploads/2024/06/cropped-reach-favicon-32x32.png",
    "ogImage": null,
    "logoHref": "https://reachpower.com"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Defense & Intelligence",
      "reasoning": "Button #1 has a distinct blue background (#D6EBF5), which stands out as a vibrant color compared to the other buttons. The text 'Defense & Intelligence' suggests a specific action, making it a strong candidate for the primary CTA."
    },
    "secondary": {
      "index": 0,
      "text": "Contact Us",
      "reasoning": "Button #0, 'Contact Us', has a white background (#FFFFFF) and is a common secondary action. It complements the primary button by offering a different action with a less vibrant color."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}