Tranch Brand Identity

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

Color Palette

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

• primary: #2563EB
  rgb(37, 99, 235)
• secondary: #EF4444
  rgb(239, 68, 68)
• accent: #2563EB
  rgb(37, 99, 235)
• background: #FFFFFF
  rgb(255, 255, 255)
• textPrimary: #000000
  rgb(0, 0, 0)
• link: #6B7280
  rgb(107, 114, 128)

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
  Google Fonts →
• heading: Bw Gradual
  Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M92.18%20129.9H284V7.22H7v37.47a85.311%2085.311%200%200%200%2085.18%2085.21Z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M.68.93v43.76a91.61%2091.61%200%200%200%2091.5%2091.5h198.14V.93H.68ZM284%20129.9H92.18A85.31%2085.31%200%200%201%207%2044.69V7.22h277V129.9Z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.37%2057.69v16.54c0%203.21%202%205.06%205.47%205.06a9.89%209.89%200%200%200%204.58-1.09v6.69a18.531%2018.531%200%200%201-7.45%201.58c-7.31%200-11.62-4.11-11.62-11.08v-17.7h-4.92v-6.22h5.47V40h9v2.87c0%204.38-3.28%207.45-8.75%208.48v.13H74v6.22l-10.63-.01ZM102.3%2051.88%2099.71%2060a10.2%2010.2%200%200%200-4.79-1.23c-5.26%200-8.4%204.3-8.4%2011.55v15.51h-9V51.47h9v14.15h.13c0-9.36%203.9-14.83%2010.39-14.83a12.25%2012.25%200%200%201%205.26%201.09ZM136.91%2051.47v34.31h-9V74h-.14c0%207.86-4.57%2012.51-12.23%2012.51-8.61%200-13.67-6.63-13.67-17.84s5.06-17.84%2013.67-17.84c7.66%200%2012.23%204.65%2012.23%2012.44h.14v-11.8h9Zm-8.54%2017.16c0-6.36-3.21-10.73-8.68-10.73s-8.68%204-8.68%2010.73%203.21%2010.66%208.68%2010.66%208.68-4.37%208.68-10.66ZM174.3%2064.87v20.91h-9v-20.5c0-4.65-2.46-7.38-6.7-7.38-4.79%200-7.59%203.48-7.59%209.29v18.59h-9V51.47h9v12h.14c0-8%204.17-12.71%2011.14-12.71%207.57.03%2012.01%205.24%2012.01%2014.11ZM178.32%2068.63c0-11.21%206.63-17.84%2017.7-17.84%209.36%200%2015.45%204.92%2016.81%2013.4H204c-1.16-4-3.9-6.29-7.93-6.29-5.33%200-8.47%204-8.47%2010.73s3.14%2010.66%208.47%2010.66c4.24%200%207-2.46%208.07-6.7H213c-1.3%208.82-7.38%2013.88-17%2013.88-11%200-17.68-6.63-17.68-17.84ZM249.38%2064.87v20.91h-9v-20.5c0-4.65-2.46-7.38-6.7-7.38-4.78%200-7.59%203.48-7.59%209.29v18.59h-9V33.16h9V63.5h.14c0-8%204.17-12.71%2011.14-12.71%207.57%200%2012.01%205.21%2012.01%2014.08Z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Tranch's actual button styles.

• Button Primary:
  • background: #FFFFFF
  • textColor: #000000
  • borderColor: #000000
  • borderRadius: 24px
  • shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(217, 252, 80) 2px 2px 0px 0px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: enterprise businesses

Frequently Asked Questions

1. What is Tranch's primary brand color?
   Tranch's primary brand color is #2563EB. It anchors the visual identity across their website, product UI, and marketing materials.

2. What font does Tranch use?
   Tranch uses Inter for body text and Bw Gradual for headings. Fonts were detected on https://tranch.com as part of their live design system.

3. Does Tranch use a light or dark theme?
   Tranch's primary site uses a light color scheme, with a background of #FFFFFF.

4. Where can I find Tranch's logo?
   Tranch's logo is available directly on their site (https://tranch.com). The current logo URL is included in the machine-readable JSON profile linked above.

5. How was this brand profile generated?
   This profile was extracted from https://tranch.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.