# 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. - Page: https://characterquilt.com/branding/dill - Machine-readable JSON: https://characterquilt.com/branding/dill.json - Per-page llms.txt: https://characterquilt.com/branding/dill/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #212C5C | | Accent | #ECFDF3 | | Body Font | General Sans | | Heading Font | General Sans | ## Color Palette - primary: #212C5C - secondary: #0000EE - accent: #ECFDF3 - background: #F4F7FF - textPrimary: #212C5C - link: #212C5C ## Typography - primary: General Sans — https://fonts.google.com/specimen/General+Sans - heading: General Sans — https://fonts.google.com/specimen/General+Sans ## Visual Assets - 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 - Social card (og:image): https://framerusercontent.com/assets/teYWMotuZauBDHufHFGiExOY.png ## Brand Personality Tone: professional · Energy: medium · Audience: construction suppliers and businesses ## Dill Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/images/4wXqYWzIVOImEKVDiLb8lNwYL5g.png?width=4200&height=2800 - Source: https://usedill.com/casestudies/capflo - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/images/LCJIMZ7tIIvGwlNp1n30cyFX8Rg.png?width=3276&height=1647 - Source: https://usedill.com/ - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/images/wjHWFkgEh5cQ4vV5ZS6uoQFUjo.png?width=2080&height=2412 - Source: https://usedill.com/our%20story - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/images/CY8iXV0oGTndl1ZN23lXDlShMc.png?width=2048&height=2048 - Source: https://usedill.com/blog - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/assets/teYWMotuZauBDHufHFGiExOY.png - Source: https://usedill.com/calculator - **Dill | Online Payments, Accounts Receivable, and Credit for Construction Suppliers** - Image: https://framerusercontent.com/images/ckQwM1ocKEreSWEpDLmswPHEs.png?width=1936&height=1620 - Source: https://usedill.com/our%20story ## 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 ```json { "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 } } } ```