Metis Brand Identity

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

Color Palette

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

• Primary: #F5EDE5 (rgb(245, 237, 229))
• Secondary: #3898EC (rgb(56, 152, 236))
• Accent: #C0C56A (rgb(192, 197, 106))
• Background: #FFFDFB (rgb(255, 253, 251))
• Text Primary: #000000 (rgb(0, 0, 0))
• Link: #C0C56A (rgb(192, 197, 106))

Typography

Each font links to its Google Fonts page where available.

• Primary: Manrope
  Manrope Google Fonts →
• Heading: le-monde-livre-std
  le-monde-livre-std Google Fonts →

Visual Assets

UI Components

Live previews rendered using Metis's actual button styles.

• Input:

  • Background: #FFFFFF
  • Text Color: #333333
  • Border Color: null
  • Border Radius: 0px
  • Shadow: none

• Button Primary:

  • Background: #C0C56A
  • Text Color: #000000
  • Border Radius: 0px
  • Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy professionals

Frequently Asked Questions

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

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

• What font does Metis use?
  Metis uses Manrope for body text and le-monde-livre-std for headings. Fonts were detected on https://withmetis.ai as part of their live design system.

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

• How was this brand profile generated?
  This profile was extracted from https://withmetis.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 Metis.