# Bodyport Brand Identity

A complete profile of **Bodyport**'s visual system — colors, typography, components, and personality — extracted from [http://bodyport.com](http://bodyport.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from http://bodyport.com.

primary

#E84556

rgb(232, 69, 86)

secondary

#0000EE

rgb(0, 0, 238)

accent

#FF7770

rgb(255, 119, 112)

background

#FFFFFF

rgb(255, 255, 255)

textPrimary

#636363

rgb(99, 99, 99)

link

#FF7770

rgb(255, 119, 112)

## Typography

Each font links to its Google Fonts page where available.

primary

Value

Heading

Value

## UI Components

Live previews rendered using Bodyport's actual button styles.

### Input

input  
background: #FFFFFF  
textColor: #000000  
borderColor: #CCCCCC  
borderRadius: 5px  
shadow: none

### Button Primary

buttonPrimary  
background: #FF7770  
textColor: #FFFFFF  
borderRadius: 5px  
shadow: none

### Button Secondary

buttonSecondary  
background: #FFFFFF  
textColor: #FF7770  
borderRadius: 5px  
shadow: none

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** health-conscious individuals and healthcare professionals

## Bodyport Brand in the Wild

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/6725610025ff4e4cd5308766/6971553c2a289563da2fc74d_bodyport-triage-dashboard.png)  
Source: [bodyport.com](https://www.bodyport.com/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/69387d941fca8590fa1fd322/69387d941fca8590fa1fd35b_scale-dark-bg.png)  
Source: [bodyport.com](https://www.bodyport.com/)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/6729433cce4c55464c7fa783/672c4e6205eb5d144a97ea09_fda-scale-1200-630.png)  
Source: [bodyport.com](https://www.bodyport.com/research-and-press/bodyport-receives-fda-clearance-for-the-bodyport-cardiac-scale)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/6725610025ff4e4cd5308766/6971553c2a289563da2fc746_bodyport-soc-2-cert.png)  
Source: [bodyport.com](https://www.bodyport.com/)

## Frequently Asked Questions

What is Bodyport's primary brand color?

Bodyport's primary brand color is #E84556. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Bodyport use?

Bodyport uses #FF7770 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Bodyport use?

Bodyport uses Value as the primary typeface across body and headings.

Does Bodyport use a light or dark theme?

Bodyport's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Bodyport's logo?

Bodyport's logo is available directly on their site (http://bodyport.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 http://bodyport.com 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 Bodyport.

## Methodology

Brand data on this page was extracted from [http://bodyport.com](http://bodyport.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Bodyport.

## Machine-Readable Profile

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

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Value",
      "count": 57
    },
    {
      "family": "sans-serif",
      "count": 57
    }
  ],
  "colors": {
    "primary": "#E84556",
    "secondary": "#0000EE",
    "accent": "#FF7770",
    "background": "#FFFFFF",
    "textPrimary": "#636363",
    "link": "#FF7770"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Value",
      "heading": "Value"
    },
    "fontStacks": {
      "body": [
        "Value",
        "sans-serif"
      ],
      "heading": [
        "Value",
        "sans-serif"
      ],
      "paragraph": [
        "Value",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "34px",
      "h2": "36px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#CCCCCC",
      "borderRadius": "5px",
      "borderRadiusCorners": {
        "topLeft": "5px",
        "topRight": "5px",
        "bottomRight": "5px",
        "bottomLeft": "5px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FF7770",
      "textColor": "#FFFFFF",
      "borderRadius": "5px",
      "borderRadiusCorners": {
        "topLeft": "5px",
        "topRight": "5px",
        "bottomRight": "5px",
        "bottomLeft": "5px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#FF7770",
      "borderRadius": "5px",
      "borderRadiusCorners": {
        "topLeft": "5px",
        "topRight": "5px",
        "bottomRight": "5px",
        "bottomLeft": "5px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6725610025ff4e4cd5308766/672568ffc793e5b9f3784c32_bodyport-logo.svg",
    "favicon": "https://cdn.prod.website-files.com/6725610025ff4e4cd5308766/6729410b53946553bfae19a1_favicon-32x32.png",
    "ogImage": null,
    "logoHref": "#"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "health-conscious individuals and healthcare professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "colors": 0.9,
    "overall": 0.925
  } 
}
```