Tractian Brand Identity

A complete profile of Tractian's visual system — colors, typography, components, and personality — extracted from https://tractian.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://tractian.com.

Primary

• Color: #1E293B
• rgb: (30, 41, 59)

Secondary

• Color: #2563EB
• rgb: (37, 99, 235)

Accent

• Color: #2563EB
• rgb: (37, 99, 235)

Background

• Color: #F1F5F9
• rgb: (241, 245, 249)

Text Primary

• Color: #334155
• rgb: (51, 65, 85)

Link

• Color: #334155
• rgb: (51, 65, 85)

Typography

Each font links to its Google Fonts page where available.

Primary

• Font: Inter
  • Inter Google Fonts →

Heading

• Font: Inter Tight
  • Inter Tight Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

UI Components

Live previews rendered using Tractian's actual button styles.

Button Primary

• Background: #2563EB
• Text Color: #FFFFFF
• Border Color: #E5E7EB
• Border Radius: 0px
• Shadow: none

Button Secondary

• Background: #1E293B
• Text Color: #FFFFFF
• Border Color: #FFFFFF
• Border Radius: 2px
• Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: industrial and manufacturing professionals

Frequently Asked Questions

What is Tractian's primary brand color?

Tractian's primary brand color is #1E293B. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Tractian use?

Tractian uses #2563EB as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Tractian use?

Tractian uses Inter for body text and Inter Tight for headings. Fonts were detected on https://tractian.com as part of their live design system.

Does Tractian use a light or dark theme?

Tractian's primary site uses a light color scheme, with a background of #F1F5F9.

Where can I find Tractian's logo?

Tractian's logo is available directly on their site (https://tractian.com). The current logo URL is included in the machine-readable JSON profile linked above.