Bezel Brand Identity

A complete profile of Bezel's visual system — colors, typography, components, and personality — extracted from https://www.trybezel.com/. Built for designers, agents, and AI tools.

Color Palette

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

• Primary: #9CA3AF
• Secondary: #4A5565
• Accent: #C18C5D
• Background: #FDFBF7
• Text Primary: #2D2A26
• Link: #C18C5D

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter
  Inter Google Fonts →
• Heading: SF Pro Display SF Pro Display Google Fonts →

Inter, SF Pro Display, -apple-system, BlinkMacSystemFont, sans-serif

Visual Assets

Logo

UI Components

Live previews rendered using Bezel's actual button styles.

• Button Primary:
  background: #C18C5D
  textColor: #FFFFFF
  borderRadius: 8px
  shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, lab(62.7844 16.8054 33.3403 / 0.2) 0px 10px 15px -3px

• Button Secondary:
  background: #2D2A26
  textColor: #FDFBF7
  borderRadius: 33554400px
  shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, lab(17.2788 0.762194 3.14161 / 0.1) 0px 20px 25px -5px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: fashion and tech enthusiasts

Frequently Asked Questions

1. What is Bezel's primary brand color?
   Bezel's primary brand color is #9CA3AF. It anchors the visual identity across their website, product UI, and marketing materials.

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

3. What font does Bezel use?
   Bezel uses Inter for body text and SF Pro Display for headings. Fonts were detected on https://www.trybezel.com/ as part of their live design system.

4. Does Bezel use a light or dark theme?
   Bezel's primary site uses a light color scheme, with a background of #FDFBF7.

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

6. How was this brand profile generated?
   This profile was extracted from https://www.trybezel.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 Bezel.