FirstQuadrant Brand Identity

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

Color Palette

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

primary

#FF8904

accent

#FFFFFF

background

#000000

textPrimary

#000000

link

#7E2A0C

Typography

Each font links to its Google Fonts page where available.

primary

GeistSans

heading

GeistSans

GeistSans Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M132%2057v18H0V57h132Z%22%20style%3D%22fill%3A%20rgb(230%2C%20237%2C%20244)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m109%2010%2013%2013-47%2047-13-13%2047-47Z%22%20style%3D%22fill%3A%20rgb(230%2C%20237%2C%20244)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using FirstQuadrant's actual button styles.

Button Primary

buttonPrimary

background#FFFFFFtextColor#000000borderRadius9.45pxshadowrgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, lch(0 0 0 / 0.02) 0px 4px 4px -1px, lch(0 0 0 / 0.06) 0px 1px 1px 0px

Button Secondary

buttonSecondary

background#171717textColor#E5E5E5borderColor#262626borderRadius10.125pxshadownone

Brand Personality

Tone: modernEnergy: mediumAudience: B2B sales professionals

Frequently Asked Questions

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

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

What font does FirstQuadrant use?
FirstQuadrant uses GeistSans as the primary typeface across body and headings.

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

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

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

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.