darrow.json

Darrow Brand Identity

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

Quick Facts

Field Value
Primary #E4DCD0
Accent #0E052E
Body Font Poppins
Heading Font PP Woodland

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals and legal sectors

Darrow 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": "Poppins",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "PP Woodland",
      "role": "heading"
    },
    {
      "family": "Instrument Sans",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#E4DCD0",
    "secondary": "#D9CFC1",
    "accent": "#0E052E",
    "background": "#FBFAF8",
    "textPrimary": "#0E052E",
    "link": "#0E052E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Poppins",
      "heading": "PP Woodland"
    },
    "fontStacks": {
      "heading": [
        "PP Woodland",
        "sans-serif"
      ],
      "body": [
        "Poppins",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Poppins",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "70px",
      "h2": "40px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#0E052E",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#0E052E",
      "textColor": "#FBFAF8",
      "borderColor": "#D9CFC1",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#0E052E",
      "borderColor": "#D9CFC1",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20130%2028%22%20fill%3D%22none%22%20class%3D%22n-logo%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M29.8301%200.686523C21.9992%200.686523%2020.9652%205.30893%2020.8828%209.88536C20.8828%2010.1154%2020.8828%2010.3453%2020.8828%2010.5753V27.9987H27.1676V22.4104H32.5027V28.0029H38.7875V10.5795C38.7814%205.78353%2038.0506%200.686523%2029.8301%200.686523ZM32.4967%2015.8291H27.1616V10.5795C27.1616%208.75224%2027.4186%207.83861%2029.8301%207.83861C32.2417%207.83861%2032.4967%208.75224%2032.4967%2010.5795V15.8291Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M56.0691%2018.1881C56.5046%2017.8624%2056.9046%2017.488%2057.262%2017.0717C58.6132%2015.4765%2059.1032%2013.3922%2059.1032%2010.5029C59.1032%204.26232%2056.4709%201.37305%2049.9669%201.37305H40.833V28.0037H47.1981V19.6704H50.0091L54.1397%2028.0037H61.155L56.0691%2018.1881ZM47.1981%207.95442H50.1959C51.9488%207.91469%2052.8265%208.14464%2052.8265%2010.5029C52.8265%2012.8612%2051.9488%2013.089%2050.1959%2013.089H47.1981V7.95442Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.8742%2021.3366L77.2438%2018.1881C79.511%2016.4759%2080.2778%2014.1176%2080.2778%2010.5029C80.2778%204.26232%2077.6455%201.37305%2071.1437%201.37305H62.0078V28.0037H68.3668V19.6704H71.1778L71.2584%2019.8335L75.3062%2028.0037H82.3339L78.8742%2021.3366ZM68.3668%2013.089V7.95442H71.3629C73.1158%207.91469%2073.9931%208.14464%2073.9931%2010.5029C73.9931%2012.8612%2073.1158%2013.089%2071.3629%2013.089H68.3668Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M91.0537%200.686523C82.3934%200.686523%2081.8811%207.42049%2081.8811%209.93134V19.4417C81.8756%2020.2904%2081.9498%2021.1377%2082.1021%2021.9714C82.5136%2024.154%2083.6703%2026.7799%2086.8668%2028.0029C89.5895%2028.9144%2092.5178%2028.9144%2095.2401%2028.0029C96.6539%2027.4943%2097.8763%2026.5308%2098.7297%2025.2516C100.085%2023.2007%20100.224%2020.7505%20100.224%2019.4417V9.93134C100.224%207.42049%2099.7119%200.686523%2091.0537%200.686523ZM88.1599%2011.9467C88.1599%209.01986%2088.3429%207.23026%2091.0473%207.23026C93.7521%207.23026%2093.9329%209.01776%2093.9329%2011.9467V17.4263C93.9329%2020.3532%2093.7521%2022.1428%2091.0473%2022.1428C88.3429%2022.1428%2088.1599%2020.3553%2088.1599%2017.4263V11.9467Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M122.963%201.37305L120.588%2019.4425L117.738%201.37305H112.475L109.626%2019.4425L107.253%201.37305H100.606L105.496%2028.0016H112.654L115.102%2016.7121L117.549%2028.0121H124.71L129.613%201.37305H122.963Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M19.1729%209.55584C18.944%203.96963%2016.5687%201.37305%2010.0489%201.37305H0.8125V28.0037H10.0489C10.4813%2028.0037%2010.895%2027.9918%2011.2898%2027.9682C17.1952%2027.6211%2019.183%2024.6817%2019.183%2018.8341V10.5134C19.191%2010.1788%2019.185%209.86109%2019.1729%209.55584ZM12.7978%2018.876C12.7978%2021.1589%2011.9203%2021.4642%2010.1654%2021.4642H7.09731V7.91469H10.1654C10.4827%207.91469%2010.7678%207.91469%2011.0308%207.95022H11.0529C11.2614%207.96776%2011.4675%208.0091%2011.6673%208.07355C12.4283%208.32025%2012.8078%208.94956%2012.8078%2010.5029L12.7978%2018.876Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%205%2C%2046)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/66c2f6a7d0f70f91592bbaa7/66d869680f7dba4a3bd255cc_Favicon%2032x32.png",
    "ogImage": "https://cdn.prod.website-files.com/66c2f6a7d0f70f91592bbaa7/69d55692cb9358ee200d9517_home-OG.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Darrow AI'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Request a Demo",
      "reasoning": "Button #1 'Request a Demo' has a dark background (#0E052E) which contrasts well with the page's light theme, making it stand out as a primary CTA. The text is action-oriented, encouraging user interaction."
    },
    "secondary": {
      "index": 2,
      "text": "Get in touch",
      "reasoning": "Button #2 'Get in touch' has a transparent background, making it a suitable secondary option. It provides a less prominent action compared to the primary button."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals and legal sectors"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Darrow AI'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}