Hypermile Brand Identity

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

Color Palette

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

• Primary: #A38EE8
• Secondary: #2B234A
• Accent: #A38EE8
• Background: #FFFFFF
• Text Primary: #3E3071
• Link: #3E3071

Typography

Each font links to its Google Fonts page where available.

• Primary: PPMori (Google Fonts →)
• Heading: PPMori (Google Fonts →)
• Font Stack: PPMori, sans-serif

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Hypermile's actual button styles.

Button Primary

• Background: #A38EE8
• Text Color: #FFFFFF
• Border Radius: 5.90625px
• Shadow: none

Button Secondary

• Background: #2B234A
• Text Color: #FFFFFF
• Border Radius: 5.90625px
• Shadow: rgb(163, 142, 232) 0px 0px 0px 1px inset

Brand Personality

• Tone: modern
• Energy: medium
• Audience: technology companies and professionals

Hypermile Brand in the Wild

Image: practicalfrugalliving.wordpress.com

Image: media.wired.com

Image: i.ytimg.com

Image: wikihow.com

Frequently Asked Questions

• What is Hypermile's primary brand color?
  Hypermile's primary brand color is #A38EE8.
• What font does Hypermile use?
  Hypermile uses PPMori as the primary typeface across body and headings.
• Does Hypermile use a light or dark theme?
  Hypermile's primary site uses a light color scheme, with a background of #FFFFFF.
• How was this brand profile generated?
  This profile was extracted from https://hypermile.ai using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://hypermile.ai 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": "PPMori",
      "role": "unknown"
    },
    {
      "family": "Space Grotesk",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#A38EE8",
    "secondary": "#2B234A",
    "accent": "#A38EE8",
    "background": "#FFFFFF",
    "textPrimary": "#3E3071",
    "link": "#3E3071"
  },
  "typography": {
    "fontFamilies": {
      "primary": "PPMori",
      "heading": "PPMori"
    },
    "fontStacks": {
      "heading": [
        "PPMori",
        "sans-serif"
      ],
      "body": [
        "PPMori",
        "sans-serif"
      ],
      "paragraph": [
        "PPMori",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#A38EE8",
      "textColor": "#FFFFFF",
      "borderRadius": "5.90625px",
      "borderRadiusCorners": {
        "topLeft": "5.90625px",
        "topRight": "5.90625px",
        "bottomRight": "5.90625px",
        "bottomLeft": "5.90625px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#2B234A",
      "textColor": "#FFFFFF",
      "borderRadius": "5.90625px",
      "borderRadiusCorners": {
        "topLeft": "5.90625px",
        "topRight": "5.90625px",
        "bottomRight": "5.90625px",
        "bottomLeft": "5.90625px"
      },
      "shadow": "rgb(163, 142, 232) 0px 0px 0px 1px inset"
    }
  },
  "images": {
    "favicon": "https://hypermile.ai/konboi-favicon-white-20050829-ac7f4aede1bb4045a8fe36522520e0b7.png",
    "ogImage": "https://assets.api.gamma.app/oty7n85lln419u6/screenshots/eihircplz3tmz62/v2m7y1mruwssc43/slide/ziPMrjk9JKW9PzfR7j4BRlbvtfE"
  }
}