tough commerce.json

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

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

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:

Open the company's homepage in a browser with DevTools open.
In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
For each captured font URL: right-click → Save As to download the file locally.
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.