Trigger.dev Brand Identity

A complete profile of Trigger.dev's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #878C99
• secondary: #6B7280
• accent: #5F6570
• background: #121317
• textPrimary: #121317
• link: #5F6570

Typography

• primary: Roboto — Roboto
• heading: Roboto — Roboto

Visual Assets

• Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20751%20130%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22z-50%20w-full%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ETrigger.dev%20logo%3C%2Ftitle%3E%3Cpath%20d%3D%22M195.022%2016.2676H135.445H137.799V32.5096H157.858V102.4H174.84V32.5096H195.022V16.2676Z%22%20fill%3D%22url(%23paint0_linear_228_1439)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint0_linear_228_1439%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M211.265%2051.4587V40.8767H195.391V102.4H211.265V72.9917C211.265%2060.0719%20221.725%2056.3805%20229.97%2057.3648V39.6463C222.218%2039.6463%20214.465%2043.0916%20211.265%2051.4587Z%22%20fill%3D%22url(%23paint1_linear_228_1439)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint1_linear_228_1439%26quot%3B)%20!important%3B%22%2F%3E...
• Social card (og:image): https://trigger.dev/build/_assets/og-image-FUCLNVIV.jpg

UI Components

• buttonPrimary: background=#16171B, textColor=#D7D9DD, borderRadius=4px, shadow=none
• buttonSecondary: background=#1C1E21, textColor=#E8E9EC, borderColor=#272A2E, borderRadius=0px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech professionals

Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and capture font URLs.
4. Download fonts and view CSS for matching @font-face declarations.
5. Adjust URLs to local file paths.

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Geist-Regular",
   "role": "unknown"
  },
  {
   "family": "Satoshi-Variable",
   "role": "unknown"
  },
  {
   "family": "Roboto",
   "role": "body"
  },
  {
   "family": "Helvetica",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#878C99",
  "secondary": "#6B7280",
  "accent": "#5F6570",
  "background": "#121317",
  "textPrimary": "#121317",
  "link": "#5F6570"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Roboto",
   "heading": "Roboto"
  },
  "fontStacks": {
   "heading": [
    "Satoshi-Variable",
    "sans-serif"
   ],
   "body": [
    "Geist-Regular",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "sans-serif"
   ],
   "paragraph": [
    "Geist-Regular",
    "ui-sans-serif",
    "system-ui",
    "-apple-system",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "60px",
   "h2": "20px",
   "body": "14px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "4px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#16171B",
   "textColor": "#D7D9DD",
   "borderRadius": "4px",
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#1C1E21",
   "textColor": "#E8E9EC",
   "borderColor": "#272A2E",
   "borderRadius": "0px",
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20751%20130%22...",
  "ogImage": "https://trigger.dev/build/_assets/og-image-FUCLNVIV.jpg"
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "developers and tech professionals"
 },
 "designSystem": {
  "framework": "tailwind",
  "componentLibrary": ""
 }
}