Resources

Brand Resources

Download logos, access color codes, and reference typography guidelines for TradesAgent brand assets.

Color Palette

Cyan 700

HEX#007FA2

HSL193 100% 32%

Primary brand, CTAs

Cyan 400

HEX#00FFC5

HSL163 100% 50%

Highlights, hover states

Cyan 100

HEX#ADF5FF

HSL189 100% 84%

Light backgrounds

Burgundy 900

HEX#481620

HSL349 52% 18%

Dark text, dark mode

Rose 500

HEX#D55672

HSL347 59% 58%

Secondary accent

Burgundy 50

HEX#FAF7F8

HSL348 23% 97%

Page backgrounds

Typography

Cal Sans

Download

The quick brown fox

Headlines, display text

Weights: SemiBold (600)

Inter

Download

The quick brown fox jumps over the lazy dog

Body text, UI elements

Weights: Regular (400), Medium (500), SemiBold (600), Bold (700)

JetBrains Mono

Download

const ai = new TradesAgent();

Code, technical content

Weights: Regular (400)

Type Scale

Display

48px / 3rem • 700 • 1.1 • Cal Sans

36px / 2.25rem • 700 • 1.2 • Cal Sans

30px / 1.875rem • 600 • 1.3 • Cal Sans

24px / 1.5rem • 600 • 1.4 • Cal Sans

20px / 1.25rem • 600 • 1.4 • Inter

18px / 1.125rem • 600 • 1.5 • Inter

16px / 1rem • 600 • 1.5 • Inter

Body

16px / 1rem • 400 • 1.6 • Inter

Body Small

14px / 0.875rem • 400 • 1.5 • Inter

Caption

12px / 0.75rem • 500 • 1.4 • Inter

Live Heading Examples

Displaytext-display font-display

Display Heading

H1text-h1 font-display

Heading Level 1

H2text-h2 font-display

Heading Level 2

H3text-h3 font-display

Heading Level 3

H4text-h4 font-semibold

Heading Level 4

H5text-h5 font-semibold

Heading Level 5

H6text-h6 font-semibold

Heading Level 6

Font Weights

Inter (Body Font)

The quick brown fox jumps over the lazy dog

400 Regular

The quick brown fox jumps over the lazy dog

500 Medium

The quick brown fox jumps over the lazy dog

600 SemiBold

The quick brown fox jumps over the lazy dog

700 Bold

Cal Sans (Display Font)

The quick brown fox jumps over the lazy dog

600 SemiBold

JetBrains Mono (Code Font)

const agent = new TradesAgent();

400 Regular

Paragraph Styles

Large (text-lg)

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.

Regular (text-base)

Small (text-sm)

Caption (text-xs)

TradesAgent is an AI-powered back office solution designed specifically for trade contractors. Our platform handles lead intake, scheduling, bid generation, and customer communication.