Teleport Brand Identity

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

Color Palette

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

• primary: #512FC9
  • rgb(81, 47, 201)
• secondary: #281E60
  • rgb(40, 30, 96)
• accent: #512FC9
  • rgb(81, 47, 201)
• background: #1E1717
  • rgb(30, 23, 23)
• textPrimary: #1E1717
  • rgb(30, 23, 23)
• link: #0C143D
  • rgb(12, 20, 61)

Typography

Each font links to its Google Fonts page where available.

• primary: Lato
• heading: Lato

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.314%2012.633c-4.65%200-8.434%203.778-8.434%208.421s3.783%208.42%208.434%208.42%208.434-3.777%208.434-8.42-3.784-8.42-8.434-8.421m0%2013.37c-2.736%200-4.962-2.22-4.962-4.949s2.226-4.949%204.96-4.949c2.737%200%204.964%202.22%204.964%204.95%200%202.728-2.226%204.947-4.962%204.947%22%20class%3D%22logo_svg__cls-1%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Teleport's actual button styles.

• Button Primary

  • background: #512FC9
  • textColor: #FFFFFF
  • borderColor: #C4A9FF
  • borderRadius: 100px
  • shadow: none

• Button Secondary

  • background: #FFFFFF
  • textColor: #0C143D
  • borderRadius: 100px
  • shadow: rgba(219, 203, 255, 0.44) 0px 0px 60px 0px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: IT professionals and businesses

Frequently Asked Questions

• What is Teleport's primary brand color?
  Teleport's primary brand color is #512FC9. It anchors the visual identity across their website, product UI, and marketing materials.

• What font does Teleport use?
  Teleport uses Lato as the primary typeface across body and headings.

• Does Teleport use a light or dark theme?
  Teleport's primary site uses a light color scheme, with a background of #1E1717.

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

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