Mesmer Brand Identity

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

Color Palette

Brand palette extracted from https://mesmer.co.

• primary: #F41931
  • rgb(244, 25, 49)
• secondary: #4A5464
  • rgb(74, 84, 100)
• accent: #F41931
  • rgb(244, 25, 49)
• background: #160010
  • rgb(22, 0, 16)
• textPrimary: #160010
  • rgb(22, 0, 16)
• link: #160010
  • rgb(22, 0, 16)

Typography

Each font links to its Google Fonts page where available.

• primary: Figtree
  • Google Fonts →
• heading: Switzer
  • Google Fonts →

Figtree, sans-serif

Visual Assets

UI Components

Live previews rendered using Mesmer's actual button styles.

• Button Primary

  • background: #F41931
  • textColor: #FFFFFF
  • borderColor: #8B8088
  • borderRadius: 8px
  • shadow: none

• Button Secondary

  • background: #291423
  • textColor: #FFFFFF
  • borderRadius: 6px
  • shadow: none

Brand Personality

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

Frequently Asked Questions

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

• What font does Mesmer use?
  Mesmer uses Figtree for body text and Switzer for headings.

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

• Where can I find Mesmer's logo?
  Mesmer's logo is available directly on their site (https://mesmer.co).

• How was this brand profile generated?
  This profile was extracted from https://mesmer.co using the Firecrawl branding extraction API.