ServiceTitan Brand Identity

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

Primary

• Color: #1976D2

Accent

• Color: #E24F4F

Body Font

• Font: Sofia Pro

Heading

• Font: Nunito Sans

Color Palette

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

• primary: #1976D2 (rgb(25, 118, 210))
• secondary: #E24F4F (rgb(226, 79, 79))
• accent: #E24F4F (rgb(226, 79, 79))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #17191C (rgb(23, 25, 28))
• link: #0265DC (rgb(2, 101, 220))

Typography

Each font links to its Google Fonts page where available.

• primary: Sofia Pro Google Fonts →
• heading: Nunito Sans Google Fonts →

Not found on Google Fonts? Here are some steps:
1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around.
4. For each captured font URL: right-click → Save As to download the file.
5. Copy out the matching @font-face declarations from the CSS.

Visual Assets

• Logo

• Favicon

• Social Card

UI Components

Live previews rendered using ServiceTitan's actual button styles.

• Input

  • background: transparent
  • textColor: #212121
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary

  • background: #E24F4F
  • textColor: #FFFFFF
  • borderRadius: 8px
  • shadow: none

• Button Secondary

  • background: transparent
  • textColor: #FFFFFF
  • borderColor: #FFFFFF
  • borderRadius: 8px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses in the trades industry

ServiceTitan Brand in the Wild

• Source: cdn.prod.website-files.com

...

Frequently Asked Questions

• What is ServiceTitan's primary brand color?
  ServiceTitan's primary brand color is #1976D2.

• What accent color does ServiceTitan use?
  ServiceTitan uses #E24F4F as an accent color.

• What font does ServiceTitan use?
  ServiceTitan uses Sofia Pro for body text and Nunito Sans for headings.

• Does ServiceTitan use a light or dark theme?
  ServiceTitan's primary site uses a light color scheme.

• Where can I find ServiceTitan's logo?
  ServiceTitan's logo is available on their site.

• How was this brand profile generated?
  This profile was extracted from https://servicetitan.com using the Firecrawl branding extraction API.