# Tough Commerce Brand Identity

A complete profile of **Tough Commerce**'s visual system — colors, typography, components, and personality — extracted from http://www.toughcommerce.com. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/tough-commerce
- Machine-readable JSON: https://characterquilt.com/branding/tough-commerce.json
- Per-page llms.txt: https://characterquilt.com/branding/tough-commerce/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #B0F3C6 |
| Accent | #67E691 |
| Body Font | Arial |
| Heading Font | Arial |

## Color Palette

- primary: #B0F3C6
- secondary: #0000EE
- accent: #67E691
- background: #FFFFFF
- textPrimary: #002020
- link: #002020

## Typography

- primary: Arial — https://fonts.google.com/specimen/Arial
- heading: Arial — https://fonts.google.com/specimen/Arial

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20data-bbox%3D%220%200.363%202557.46%20404.565%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200.363%202557.46%20404.565%22%20height%3D%22434%22%20width%3D%222576%22%20data-type%3D%22color%22%20role%3D%22img%22%20aria-label%3D%22Tough%20Commerce%20Logo%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M725.064%20185h58.075V49.329h71.496V3.454H653.568V49.33h71.496V185ZM967.766.526c-91.017%200-112.978%2050.999-112.978%2089.553v7.32c0%2038.066%2021.961%2090.529%20112.978%2090.529h10.981c91.263%200%20112.973-52.463%20112.973-90.529v-7.32c0-38.554-21.96-89.553-112.973-89.553h-10.981Zm63.204%2091.505v3.172c0%2019.521-9.28%2046.851-57.592%2046.851-47.582%200-57.831-27.33-57.831-46.85V92.03c0-19.765%209.273-46.119%2057.831-46.119%2048.312%200%2057.592%2026.354%2057.592%2046.119Zm181.55%2095.653h7.08c92.97%200%20104.44-58.807%20104.44-94.921V3.454h-58.08v88.577c0%2020.497-5.85%2047.583-49.29%2047.583h-1.22c-43.68%200-50.02-27.086-50.02-47.583V3.454h-58.08v89.309c0%2035.87%208.55%2094.921%20105.17%2094.921Zm237.35%200c44.9%200%2064.91-20.985%2070.03-26.841%202.93%205.856%206.59%2017.813%207.33%2024.157h43.43V84.71h-113.95v33.186h50.75c-.98%205.857-10.25%2024.89-51.24%2024.89-42.95%200-56.37-26.11-56.37-48.07v-2.93c0-22.692%2012.2-46.118%2055.39-46.118%2043.68%200%2050.76%2016.837%2052.46%2021.474h60.76v-.732c0-27.818-22.2-65.64-109.31-65.64h-8.3c-88.09%200-111.51%2050.51-111.51%2089.797v5.856c0%2040.994%2024.64%2091.261%20106.38%2091.261h4.15ZM1592.4%20185h58.32v-70.764h96.39V185h58.32V3.454h-58.32v65.64h-96.39V3.454h-58.32V185ZM776.307%20404.928c86.381%200%20107.122-43.434%20107.122-74.18v-1.464h-60.027c-.732%204.88-5.857%2029.526-52.463%2029.526-42.947%200-54.415-27.33-54.415-46.851v-3.172c0-20.985%2010.98-45.631%2054.171-45.631%2046.606%200%2051.975%2024.402%2052.707%2029.038h60.027v-1.22c0-32.698-21.229-73.448-107.122-73.448h-11.225c-88.82%200-109.318%2052.707-109.318%2089.553v7.32c0%2036.358%2020.742%2090.529%20109.318%2090.529h11.225Zm228.153-187.402c-91.014%200-112.975%2050.999-112.975%2089.553v7.32c0%2038.066%2021.961%2090.529%20112.975%2090.529h10.98c91.26%200%20112.98-52.463%20112.98-90.529v-7.32c0-38.554-21.96-89.553-112.98-89.553h-10.98Zm63.2%2091.505v3.172c0%2019.521-9.27%2046.851-57.58%2046.851-47.587%200-57.836-27.33-57.836-46.851v-3.172c0-19.765%209.273-46.119%2057.836-46.119%2048.31%200%2057.58%2026.354%2057.58%2046.119ZM1145.03%20402h56.12V286.094L1255.32%20402h40.51l54.41-115.906V402h57.1V220.454h-75.15l-54.66%20112.978-53.44-112.978h-79.06V402Zm286.95%200h56.13V286.094L1542.28%20402h40.5l54.42-115.906V402h57.1V220.454h-75.16l-54.66%20112.978-53.44-112.978h-79.06V402Zm286.96-181.546V402h175.44v-42.214h-117.61v-28.062h112.49v-43.19h-112.49V262.18h116.15v-41.726h-173.98Zm254%2043.434h68.57c18.79%200%2023.43%207.809%2023.43%2016.593v.488c0%209.273-4.64%2017.325-23.43%2017.325h-68.57v-34.406Zm113.22%2050.755c21.72-4.636%2039.53-18.789%2039.53-42.946v-2.196c0-21.717-8.54-49.047-76.37-49.047h-134.7V402h58.32v-59.051h61.25c25.62%200%2034.16%208.54%2034.16%2031.966v15.128c0%207.565.73%2010.737%201.47%2011.957h60.27v-1.22c-1.71-2.684-2.93-5.856-2.93-17.325v-23.669c0-27.33-16.84-40.506-41-45.143Zm172.62%2090.285c86.38%200%20107.12-43.434%20107.12-74.18v-1.464h-60.02c-.73%204.88-5.86%2029.526-52.47%2029.526-42.94%200-54.41-27.33-54.41-46.851v-3.172c0-20.985%2010.98-45.631%2054.17-45.631%2046.61%200%2051.98%2024.402%2052.71%2029.038h60.02v-1.22c0-32.698-21.22-73.448-107.12-73.448h-11.22c-88.82%200-109.32%2052.707-109.32%2089.553v7.32c0%2036.358%2020.74%2090.529%20109.32%2090.529h11.22Zm123.23-184.474V402h175.45v-42.214h-117.62v-28.062h112.49v-43.19h-112.49V262.18h116.15v-41.726h-173.98Z%22%20data-color%3D%221%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M573.117%20400.066V.363H0v399.703h218.154V268.804H120.17V131.626h333.147v137.178h-98.354v131.262h218.154Z%22%20data-color%3D%221%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E
- Favicon: https://static.wixstatic.com/media/10638b_d0a5c7e6d6c44322ab40ca7b1695e87f%7Emv2.png/v1/fill/w_192%2Ch_192%2Clg_1%2Cusm_0.66_1.00_0.01/10638b_d0a5c7e6d6c44322ab40ca7b1695e87f%7Emv2.png
- Social card (og:image): https://static.wixstatic.com/media/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png/v1/fill/w_2500,h_1329,al_c/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png

## UI Components

- buttonPrimary: background=#67E691, textColor=#0000EE, borderRadius=100px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#0000EE, borderRadius=100px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: construction industry professionals

## Tough Commerce Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Tough Commerce | e-commerce for construction**
  - Image: https://static.wixstatic.com/media/10638b_f8b42c9d93684d0d8c2ac3cff84b1833~mv2.jpg/v1/fill/w_2500,h_1590,al_c/10638b_f8b42c9d93684d0d8c2ac3cff84b1833~mv2.jpg
  - Source: https://www.toughcommerce.com/payment-portal
- **Volumetric Concrete Management Software | Tough Commerce**
  - Image: https://static.wixstatic.com/media/10638b_e732cf4b9a994ecaa1b1184d4291cea7~mv2.png/v1/fill/w_2500,h_1463,al_c/10638b_e732cf4b9a994ecaa1b1184d4291cea7~mv2.png
  - Source: https://www.toughcommerce.com/volumetric-concrete
- **4 Reasons You're Not Getting the Most Out of Your Volumetric Concrete Trucks**
  - Image: https://static.wixstatic.com/media/d18aa1_03fea774e3c942f2bcdc4034d0060313~mv2.jpg/v1/fill/w_938,h_625,al_c/d18aa1_03fea774e3c942f2bcdc4034d0060313~mv2.jpg
  - Source: https://www.toughcommerce.com/post/volumetric-trucks
- **Holcombe | Tough Commerce - Volumetric Concrete Software for dispatch,  scheduling, back-office and e-commerce**
  - Image: https://static.wixstatic.com/media/10638b_a12954de21ac4202ae9a4504545f803a~mv2.png/v1/fill/w_2500,h_1364,al_c/10638b_a12954de21ac4202ae9a4504545f803a~mv2.png
  - Source: https://www.toughcommerce.com/holcombemixers
- **Construction Software Blog & Insights | Tough Commerce**
  - Image: https://static.wixstatic.com/media/d18aa1_b0ceeb39a83d4ebd8e4f43d7c88da29f~mv2.jpg/v1/fill/w_750,h_500,al_c,q_85,enc_avif,quality_auto/d18aa1_b0ceeb39a83d4ebd8e4f43d7c88da29f~mv2.jpg
  - Source: https://www.toughcommerce.com/blog
- **Privacy Policy | Tough Commerce**
  - Image: https://static.wixstatic.com/media/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png/v1/fit/w_2500,h_1330,al_c/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png
  - Source: https://www.toughcommerce.com/privacy-policy

## 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": "Arial",
      "role": "body"
    },
    {
      "family": "Helvetica",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Meiryo",
      "role": "body"
    },
    {
      "family": "Hiragino Kaku Gothic Pro",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#B0F3C6",
    "secondary": "#0000EE",
    "accent": "#67E691",
    "background": "#FFFFFF",
    "textPrimary": "#002020",
    "link": "#002020"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Arial"
    },
    "fontStacks": {
      "heading": [
        "wfont_1a5107_3c7b03c82d9d4e799c07f9bcdfcdbc52",
        "wf_3c7b03c82d9d4e799c07f9bcd",
        "orig_aeonik_light"
      ],
      "body": [
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "paragraph": [
        "wfont_5b30af_0e03afc1bc12486188365255b6c89863",
        "wf_0e03afc1bc12486188365255b",
        "orig_aeonik_trial_regular"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "72px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#67E691",
      "textColor": "#0000EE",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20data-bbox%3D%220%200.363%202557.46%20404.565%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200.363%202557.46%20404.565%22%20height%3D%22434%22%20width%3D%222576%22%20data-type%3D%22color%22%20role%3D%22img%22%20aria-label%3D%22Tough%20Commerce%20Logo%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M725.064%20185h58.075V49.329h71.496V3.454H653.568V49.33h71.496V185ZM967.766.526c-91.017%200-112.978%2050.999-112.978%2089.553v7.32c0%2038.066%2021.961%2090.529%20112.978%2090.529h10.981c91.263%200%20112.973-52.463%20112.973-90.529v-7.32c0-38.554-21.96-89.553-112.973-89.553h-10.981Zm63.204%2091.505v3.172c0%2019.521-9.28%2046.851-57.592%2046.851-47.582%200-57.831-27.33-57.831-46.85V92.03c0-19.765%209.273-46.119%2057.831-46.119%2048.312%200%2057.592%2026.354%2057.592%2046.119Zm181.55%2095.653h7.08c92.97%200%20104.44-58.807%20104.44-94.921V3.454h-58.08v88.577c0%2020.497-5.85%2047.583-49.29%2047.583h-1.22c-43.68%200-50.02-27.086-50.02-47.583V3.454h-58.08v89.309c0%2035.87%208.55%2094.921%20105.17%2094.921Zm237.35%200c44.9%200%2064.91-20.985%2070.03-26.841%202.93%205.856%206.59%2017.813%207.33%2024.157h43.43V84.71h-113.95v33.186h50.75c-.98%205.857-10.25%2024.89-51.24%2024.89-42.95%200-56.37-26.11-56.37-48.07v-2.93c0-22.692%2012.2-46.118%2055.39-46.118%2043.68%200%2050.76%2016.837%2052.46%2021.474h60.76v-.732c0-27.818-22.2-65.64-109.31-65.64h-8.3c-88.09%200-111.51%2050.51-111.51%2089.797v5.856c0%2040.994%2024.64%2091.261%20106.38%2091.261h4.15ZM1592.4%20185h58.32v-70.764h96.39V185h58.32V3.454h-58.32v65.64h-96.39V3.454h-58.32V185ZM776.307%20404.928c86.381%200%20107.122-43.434%20107.122-74.18v-1.464h-60.027c-.732%204.88-5.857%2029.526-52.463%2029.526-42.947%200-54.415-27.33-54.415-46.851v-3.172c0-20.985%2010.98-45.631%2054.171-45.631%2046.606%200%2051.975%2024.402%2052.707%2029.038h60.027v-1.22c0-32.698-21.229-73.448-107.122-73.448h-11.225c-88.82%200-109.318%2052.707-109.318%2089.553v7.32c0%2036.358%2020.742%2090.529%20109.318%2090.529h11.225Zm228.153-187.402c-91.014%200-112.975%2050.999-112.975%2089.553v7.32c0%2038.066%2021.961%2090.529%20112.975%2090.529h10.98c91.26%200%20112.98-52.463%20112.98-90.529v-7.32c0-38.554-21.96-89.553-112.98-89.553h-10.98Zm63.2%2091.505v3.172c0%2019.521-9.27%2046.851-57.58%2046.851-47.587%200-57.836-27.33-57.836-46.851v-3.172c0-19.765%209.273-46.119%2057.836-46.119%2048.31%200%2057.58%2026.354%2057.58%2046.119ZM1145.03%20402h56.12V286.094L1255.32%20402h40.51l54.41-115.906V402h57.1V220.454h-75.15l-54.66%20112.978-53.44-112.978h-79.06V402Zm286.95%200h56.13V286.094L1542.28%20402h40.5l54.42-115.906V402h57.1V220.454h-75.16l-54.66%20112.978-53.44-112.978h-79.06V402Zm286.96-181.546V402h175.44v-42.214h-117.61v-28.062h112.49v-43.19h-112.49V262.18h116.15v-41.726h-173.98Zm254%2043.434h68.57c18.79%200%2023.43%207.809%2023.43%2016.593v.488c0%209.273-4.64%2017.325-23.43%2017.325h-68.57v-34.406Zm113.22%2050.755c21.72-4.636%2039.53-18.789%2039.53-42.946v-2.196c0-21.717-8.54-49.047-76.37-49.047h-134.7V402h58.32v-59.051h61.25c25.62%200%2034.16%208.54%2034.16%2031.966v15.128c0%207.565.73%2010.737%201.47%2011.957h60.27v-1.22c-1.71-2.684-2.93-5.856-2.93-17.325v-23.669c0-27.33-16.84-40.506-41-45.143Zm172.62%2090.285c86.38%200%20107.12-43.434%20107.12-74.18v-1.464h-60.02c-.73%204.88-5.86%2029.526-52.47%2029.526-42.94%200-54.41-27.33-54.41-46.851v-3.172c0-20.985%2010.98-45.631%2054.17-45.631%2046.61%200%2051.98%2024.402%2052.71%2029.038h60.02v-1.22c0-32.698-21.22-73.448-107.12-73.448h-11.22c-88.82%200-109.32%2052.707-109.32%2089.553v7.32c0%2036.358%2020.74%2090.529%20109.32%2090.529h11.22Zm123.23-184.474V402h175.45v-42.214h-117.62v-28.062h112.49v-43.19h-112.49V262.18h116.15v-41.726h-173.98Z%22%20data-color%3D%221%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M573.117%20400.066V.363H0v399.703h218.154V268.804H120.17V131.626h333.147v137.178h-98.354v131.262h218.154Z%22%20data-color%3D%221%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://static.wixstatic.com/media/10638b_d0a5c7e6d6c44322ab40ca7b1695e87f%7Emv2.png/v1/fill/w_192%2Ch_192%2Clg_1%2Cusm_0.66_1.00_0.01/10638b_d0a5c7e6d6c44322ab40ca7b1695e87f%7Emv2.png",
    "ogImage": "https://static.wixstatic.com/media/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png/v1/fill/w_2500,h_1329,al_c/a1831c_3088d71104af40418e1c17c590c5ffe0~mv2.png",
    "logoHref": "https://www.toughcommerce.com",
    "logoAlt": "Tough Commerce Logo"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and has alt text matching the brand 'Tough Commerce'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Started",
      "reasoning": "Button #0 has a vibrant green color (#67E691) and action-oriented text 'Get Started', making it the most prominent CTA."
    },
    "secondary": {
      "index": 6,
      "text": "Login",
      "reasoning": "Button #6 has a different background color (#FFFFFF) and serves a secondary function with the text 'Login'."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "construction industry professionals"
  },
  "designSystem": {
    "framework": "bootstrap",
    "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 has alt text matching the brand 'Tough Commerce'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```