Focal Brand Identity

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

Color Palette

Brand palette extracted from https://focalml.com.

• primary: #8200DB
• rgb: rgb(130, 0, 219)
• accent: #E9D4FF
• rgb: rgb(233, 212, 255)
• background: #FFFFFF
• rgb: rgb(255, 255, 255)
• textPrimary: #09090B
• rgb: rgb(9, 9, 11)
• link: #E9D4FF
• rgb: rgb(233, 212, 255)

Typography

Each font links to its Google Fonts page where available.

• primary: Inter Google Fonts →
• heading: Inter Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Focal's actual button styles.

• Input

  • background: transparent
  • textColor: #0D0D0D
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary

  • background: #18181B
  • textColor: #FAFAFA
  • borderRadius: 6px
  • shadow: none

• Button Secondary

  • background: transparent
  • textColor: #09090B
  • borderColor: #D4D4D8
  • borderRadius: 6px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: content creators and filmmakers

Frequently Asked Questions

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

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

• What font does Focal use? Focal uses Inter as the primary typeface across body and headings.

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

• Where can I find Focal's logo? Focal's logo is available directly on their site (https://focalml.com).

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