AudioFocus Brand Identity

A complete profile of AudioFocus's visual system — colors, typography, components, and personality — extracted from http://audiofocus.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://audiofocus.io.

• primary: #230056 (rgb(35, 0, 86))
• secondary: #081747 (rgb(8, 23, 71))
• accent: #4ECCDD (rgb(78, 204, 221))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #042438 (rgb(4, 36, 56))
• link: #042438 (rgb(4, 36, 56))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter (Inter Google Fonts →)
• heading: Manrope (Manrope Google Fonts →)

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using AudioFocus's actual button styles.

• Input:

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

• Button Primary:

  • Background: #4ECCDD
  • Text Color: #FFFFFF
  • Border Color: #4ECCDD
  • Border Radius: 960px
  • Shadow: none

• Button Secondary:

  • Background: transparent
  • Text Color: #4ECCDD
  • Border Color: #4ECCDD
  • Border Radius: 960px
  • Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: Individuals seeking advanced hearing aids

Frequently Asked Questions

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

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

3. What font does AudioFocus use?
   AudioFocus uses Inter for body text and Manrope for headings. Fonts were detected on http://audiofocus.io as part of their live design system.

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

5. Where can I find AudioFocus's logo?
   AudioFocus's logo is available directly on their site (http://audiofocus.io). 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 http://audiofocus.io 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 AudioFocus.