Resources
Brand Resources
Download logos, access color codes, and reference typography guidelines for TradesAgent brand assets.
Color Palette
Cyan 700
#007FA2193 100% 32%Primary brand, CTAs
Cyan 400
#00FFC5163 100% 50%Highlights, hover states
Cyan 100
#ADF5FF189 100% 84%Light backgrounds
Burgundy 900
#481620349 52% 18%Dark text, dark mode
Rose 500
#D55672347 59% 58%Secondary accent
Burgundy 50
#FAF7F8348 23% 97%Page backgrounds
Typography
Inter
DownloadThe quick brown fox jumps over the lazy dog
Body text, UI elements
Weights: Regular (400), Medium (500), SemiBold (600), Bold (700)
Type Scale
Live Heading Examples
Font Weights
Inter (Body Font)
The quick brown fox jumps over the lazy dog
400 RegularThe quick brown fox jumps over the lazy dog
500 MediumThe quick brown fox jumps over the lazy dog
600 SemiBoldThe quick brown fox jumps over the lazy dog
700 BoldCal Sans (Display Font)
The quick brown fox jumps over the lazy dog
600 SemiBoldJetBrains Mono (Code Font)
const agent = new TradesAgent();
400 RegularParagraph Styles
TradesAgent is an AI-powered back office solution designed specifically for trade contractors. Our platform handles lead intake, scheduling, bid generation, and customer communication-so you can focus on what you do best.
TradesAgent is an AI-powered back office solution designed specifically for trade contractors. Our platform handles lead intake, scheduling, bid generation, and customer communication-so you can focus on what you do best. Never miss another lead or forget to follow up with a customer.
TradesAgent is an AI-powered back office solution designed specifically for trade contractors. Our platform handles lead intake, scheduling, bid generation, and customer communication-so you can focus on what you do best. Never miss another lead or forget to follow up with a customer.
TradesAgent is an AI-powered back office solution designed specifically for trade contractors. Our platform handles lead intake, scheduling, bid generation, and customer communication.
Logos & Assets






Usage Guidelines
Do
- • Use the logo with adequate clear space
- • Maintain aspect ratio when resizing
- • Use approved color combinations
- • Use high-resolution files for print
Don't
- • Stretch or distort the logo
- • Change logo colors outside palette
- • Add effects like shadows or gradients
- • Place on busy backgrounds