# MantleBio Brand Identity

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

## Color Palette

Brand palette extracted from https://www.mantlebio.com.

- **primary**: `#EDEADE`  (rgb(237, 234, 222))
- **secondary**: `#A2A8FF`  (rgb(162, 168, 255))
- **accent**: `#A2A8FF`  (rgb(162, 168, 255))
- **background**: `#222C32`  (rgb(34, 44, 50))
- **textPrimary**: `#222C32`  (rgb(34, 44, 50))
- **link**: `#222C32`  (rgb(34, 44, 50))

## Typography

Each font links to its Google Fonts page where available.
- **primary**: FK Grotesk Regular [Google Fonts →](https://fonts.google.com/specimen/FK+Grotesk+Regular)
- **heading**: FK Grotesk Medium [Google Fonts →](https://fonts.google.com/specimen/FK+Grotesk+Medium)

## Visual Assets

**Logo**

**Favicon**

**Social Card**

## UI Components

Live previews rendered using MantleBio's actual button styles.

- **Button Primary**: 
  - background: `#A2A8FF`
  - textColor: `#0000EE`
  - borderRadius: `11px`
  - shadow: `none`

- **Button Secondary**: 
  - background: `#EDEADE`
  - textColor: `#0000EE`
  - borderRadius: `20px`
  - shadow: `none`

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** biotechnology professionals

## Frequently Asked Questions

**What is MantleBio's primary brand color?**  
MantleBio's primary brand color is `#EDEADE`. It anchors the visual identity across their website, product UI, and marketing materials.

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

**What font does MantleBio use?**  
MantleBio uses FK Grotesk Regular for body text and FK Grotesk Medium for headings. Fonts were detected on https://www.mantlebio.com as part of their live design system.

**Does MantleBio use a light or dark theme?**  
MantleBio's primary site uses a dark color scheme, with a background of `#222C32`.

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

## Methodology

Brand data on this page was extracted from [https://www.mantlebio.com](https://www.mantlebio.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.