TectoAI Brand Identity

A complete profile of TectoAI's visual system — colors, typography, components, and personality — extracted from https://www.tecto.ai/. Built for designers, agents, and AI tools.

Colors

Primary: #0000EE
Accent: #FF716B

Color Palette

Brand palette extracted from https://www.tecto.ai/.

• Primary: #0000EE
• Secondary: #4A9B6B
• Accent: #FF716B
• Background: #FDFBF7
• Text Primary: #FF716B
• Link: #FF716B

Typography

Each font links to its Google Fonts page where available.

• Primary: Crimson Pro

• Heading: Roboto Slab

• Crimson Pro Google Fonts →

• Roboto Slab Google Fonts →

Visual Assets

UI Components

Button Primary

• Background: #FF716B
• Text Color: #0000EE
• Border Radius: 8px
• Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: regulated industries

Frequently Asked Questions

What is TectoAI's primary brand color?
TectoAI's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does TectoAI use?
TectoAI uses #FF716B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does TectoAI use?
TectoAI uses Crimson Pro for body text and Roboto Slab for headings. Fonts were detected on https://www.tecto.ai/ as part of their live design system.

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

Where can I find TectoAI's logo?
TectoAI's logo is available directly on their site (https://www.tecto.ai/). 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://www.tecto.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by TectoAI.

Methodology

Brand data on this page was extracted from
https://www.tecto.ai/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto Slab",
      "role": "heading"
    },
    {
      "family": "Crimson Pro",
      "role": "body"
    },
    {
      "family": "IBM Plex Sans",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#4A9B6B",
    "accent": "#FF716B",
    "background": "#FDFBF7",
    "textPrimary": "#FF716B",
    "link": "#FF716B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Crimson Pro",
      "heading": "Roboto Slab"
    },
    "fontStacks": {
      "heading": [
        "Crimson Pro",
        "serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Roboto Slab",
        "serif"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "40px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF716B",
      "textColor": "#0000EE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/WTQXQBDPR5E9oz2yyzpYK7xoko.png?width=1280&height=872",
    "favicon": "https://framerusercontent.com/images/Xko0DoEMKAbi5Ebev3BdVHlCZc.png",
    "ogImage": "https://framerusercontent.com/images/6y6wdMZUz6wvvMo4emZwZQ7Kb2M.png",
    "logoHref": "./"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "regulated industries"
  }
}