Flywheel AI Brand Identity

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

Color Palette

Brand palette extracted from https://useflywheel.ai/.

primary

• #2E4453
• rgb(46, 68, 83)

secondary

• #CAC6D7
• rgb(202, 198, 215)

accent

• #8D53E5
• rgb(141, 83, 229)

background

• #FFFFFF
• rgb(255, 255, 255)

textPrimary

• #171523
• rgb(23, 21, 35)

link

• #8D53E5
• rgb(141, 83, 229)

Typography

Each font links to its Google Fonts page where available.

• primary: Libre Baskerville
• heading: Libre Baskerville

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Flywheel AI's actual button styles.

Input

• background: #CAC6D7
• textColor: #FFFFFF
• borderColor: null
• borderRadius: 0px
• shadow: none

Button Primary

• background: #8D53E5
• textColor: #FFFFFF
• borderRadius: 0px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: construction industry professionals

Flywheel AI Brand in the Wild

Image: useflywheel.ai

Image: useflywheel.ai

Image: useflywheel.ai

Image: embed-ssl.wistia.com

Image: nvidia.com

Frequently Asked Questions

1. What is Flywheel AI's primary brand color?
   Flywheel AI's primary brand color is #2E4453.

2. What accent color does Flywheel AI use?
   Flywheel AI uses #8D53E5 as an accent color.

3. What font does Flywheel AI use?
   Flywheel AI uses Libre Baskerville as the primary typeface.

4. Does Flywheel AI use a light or dark theme?
   Flywheel AI's primary site uses a light color scheme.

5. Where can I find Flywheel AI's logo?
   Flywheel AI's logo is available directly on their site (https://useflywheel.ai/).

6. How was this brand profile generated?
   This profile was extracted using the Firecrawl branding extraction API from https://useflywheel.ai/.

Methodology

Brand data on this page was extracted from https://useflywheel.ai/ on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Libre Baskerville",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#2E4453",
    "secondary": "#CAC6D7",
    "accent": "#8D53E5",
    "background": "#FFFFFF",
    "textPrimary": "#171523",
    "link": "#8D53E5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Libre Baskerville",
      "heading": "Libre Baskerville"
    },
    "fontStacks": {
      "heading": [
        "Fjalla One",
        "sans-serif"
      ],
      "body": [
        "Libre Baskerville",
        "serif"
      ],
      "paragraph": [
        "Libre Baskerville",
        "serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "48px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "input": {
      "background": "#CAC6D7",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#8D53E5",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://useflywheel.ai/wp-content/uploads/2025/08/cropped-flywheel-ai-logo-transparent.png?w=50",
    "favicon": "https://useflywheel.ai/wp-content/uploads/2025/08/cropped-flywheel-ai-logo-transparent.png?w=32",
    "ogImage": "https://useflywheel.ai/wp-content/uploads/2025/08/cropped-flywheel-ai-logo-transparent.png?w=200",
    "logoHref": "https://useflywheel.ai"
  }
}