dill.json

Dill Brand Identity

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

Quick Facts

Field Value
Primary #212C5C
Accent #ECFDF3
Body Font General Sans
Heading Font General Sans

Color Palette

Typography

Visual Assets

Brand Personality

Tone: professional · Energy: medium · Audience: construction suppliers and businesses

Dill 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": "General Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#212C5C",
    "secondary": "#0000EE",
    "accent": "#ECFDF3",
    "background": "#F4F7FF",
    "textPrimary": "#212C5C",
    "link": "#212C5C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "General Sans",
      "heading": "General Sans"
    },
    "fontStacks": {
      "heading": [
        "General Sans",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "General Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%2096%2038%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%2296%22%20height%3D%2238%22%20viewBox%3D%220%200%2096%2038%22%20fill%3D%22none%22%20id%3D%22svg-2014299756_2794%22%3E%0A%3Cpath%20d%3D%22M6.70124%2011.6945C5.98882%2011.3146%205.45288%2010.6716%205.20759%209.90234C4.96229%209.13312%205.02702%208.29853%205.38799%207.57633L5.56799%207.21162H3.29681C2.87435%208.37845%202.88609%209.65837%203.32987%2010.8172C3.77364%2011.9761%204.6198%2012.9365%205.71356%2013.5227L8.44806%2015.0113L9.442%2013.1878L6.70124%2011.6945Z%22%20fill%3D%22%233762FB%22%2F%3E%0A%3Cpath%20d%3D%22M11.1732%2010.8023L11.5927%2011.239C12.1528%2011.821%2012.4638%2012.5985%2012.4594%2013.4062C12.455%2014.2139%2012.1356%2014.988%2011.5692%2015.5638L10.2967%2016.8739L11.7837%2018.3265L13.0547%2017.0226C13.8474%2016.2157%2014.3532%2015.1708%2014.4946%2014.0485C14.636%2012.9262%2014.4051%2011.7885%2013.8373%2010.8101L11.1732%2010.8023Z%22%20fill%3D%22%233762FB%22%2F%3E%0A%3Cpath%20d%3D%22M11.7695%2028.5695C11.0595%2028.1844%2010.5277%2027.5374%2010.2874%2026.7663C10.0472%2025.9951%2010.1173%2025.1606%2010.4829%2024.4404L10.6769%2024.0553H8.39168C7.95946%2025.2211%207.96228%2026.5038%208.39961%2027.6677C8.83694%2028.8316%209.67944%2029.7987%2010.7724%2030.3915L12.3753%2031.2649L13.3708%2029.4429L11.7695%2028.5695Z%22%20fill%3D%22%233762FB%22%2F%3E%0A%3Cpath%20d%3D%22M15.8986%2017.8209L16.1882%2018.3046C16.6065%2018.9956%2016.7387%2019.8225%2016.5565%2020.6095C16.3744%2021.3964%2015.8924%2022.0812%2015.213%2022.5182L13.6854%2023.5075L14.8155%2025.2512L16.3447%2024.2603C17.3809%2023.593%2018.1443%2022.5772%2018.4971%2021.3963C18.8498%2020.2154%2018.7687%2018.9472%2018.2684%2017.8209H15.8986Z%22%20fill%3D%22%233762FB%22%2F%3E%0A%3Cpath%20d%3D%22M12.1546%2029.54L10.0682%2034.1168H12.3519L14.0455%2030.4024C15.0082%2028.3073%2015.3214%2025.9718%2014.9448%2023.6971C14.5682%2021.4223%2013.519%2019.3124%2011.9324%2017.6393C10.6352%2016.2693%209.77604%2014.5436%209.4646%2012.6828C9.15316%2010.822%209.40363%208.91058%2010.184%207.19284L11.6819%203.88232H9.40136L8.2916%206.33821C7.34003%208.4308%207.03444%2010.7597%207.41394%2013.0269C7.79344%2015.2942%208.84077%2017.3966%2010.4219%2019.0653C11.7233%2020.4388%2012.5839%2022.1704%2012.8927%2024.0372C13.2015%2025.904%2012.9444%2027.8205%2012.1546%2029.54Z%22%20fill%3D%22%233762FB%22%2F%3E%0A%3Cpath%20d%3D%22M22.4707%2027.9503V10.3326H28.2408C30.0696%2010.3326%2031.654%2010.7031%2032.994%2011.4441C34.3498%2012.1693%2035.3982%2013.194%2036.1392%2014.5183C36.8801%2015.8426%2037.2506%2017.3797%2037.2506%2019.1296C37.2506%2020.8638%2036.8801%2022.4009%2036.1392%2023.7409C35.3982%2025.0652%2034.3498%2026.0978%2032.994%2026.8388C31.654%2027.5798%2030.0696%2027.9503%2028.2408%2027.9503H22.4707ZM25.2612%2025.4672H28.2881C29.5335%2025.4672%2030.6135%2025.2071%2031.5278%2024.6869C32.458%2024.1666%2033.1753%2023.4335%2033.6798%2022.4876C34.1843%2021.5417%2034.4365%2020.4224%2034.4365%2019.1296C34.4365%2017.8369%2034.1764%2016.7254%2033.6561%2015.7953C33.1517%2014.8493%2032.4422%2014.1163%2031.5278%2013.596C30.6135%2013.0758%2029.5335%2012.8156%2028.2881%2012.8156H25.2612V25.4672Z%22%20fill%3D%22%231D3485%22%2F%3E%0A%3Cpath%20d%3D%22M39.7386%2027.9503V15.1568H42.4108V27.9503H39.7386ZM39.7386%2013.4068V10.3326H42.4108V13.4068H39.7386Z%22%20fill%3D%22%231D3485%22%2F%3E%0A%3Cpath%20d%3D%22M45.5351%2027.9503V10.0488H48.2073V27.9503H45.5351Z%22%20fill%3D%22%231D3485%22%2F%3E%0A%3Cpath%20d%3D%22M51.3316%2027.9503V10.0488H54.0038V27.9503H51.3316Z%22%20fill%3D%22%231D3485%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E" ,
    "favicon": "https://framerusercontent.com/images/wghOGYKSml4lCnDQ2tUOJZ26Glk.png",
    "ogImage": "https://framerusercontent.com/assets/teYWMotuZauBDHufHFGiExOY.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, which is a strong indicator of being the main brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "construction suppliers and businesses"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, which is a strong indicator of being the main brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}