o11 Brand Identity

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

Primary

• Color: #107C41

Accent

• Color: #C5401E

Body Font

• Font: Inter

Heading

• Font: Inter

Color Palette

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

• Primary: #107C41
• Accent: #C5401E
• Background: #FFFFFF
• Text Primary: #737373
• Link: #C5401E

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter
• Heading: Inter
  • Inter Google Fonts →

Visual Assets

%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%3E%3Cpath%20d%3D%22m25.0887%205.05386-3.933-1.05386-3.3145%2012.3696-2.9923-11.16736-3.9331%201.05386%203.233%2012.0655-8.05262-8.0526-2.87919%202.8792%208.83271%208.8328-10.99975-2.9474-1.05385625%203.933%2012.01860625%203.2204c-.1376-.5935-.2104-1.2119-.2104-1.8473%200-4.4976%203.646-8.1436%208.1437-8.1436%204.4976%200%208.1436%203.646%208.1436%208.1436%200%20.6313-.0719%201.2459-.2078%201.8359l10.9227%202.9267%201.0538-3.933-12.0664-3.2332%2011.0005-2.9476-1.0539-3.933-12.0659%203.233%208.0526-8.0526-2.8792-2.87916-8.7102%208.71026z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m27.8723%2026.2214c-.3372%201.4256-1.0491%202.7063-2.0259%203.7324l7.913%207.9131%202.8792-2.8792z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m25.7665%2030.0366c-.9886%201.0097-2.2379%201.7632-3.6389%202.1515l2.8794%2010.746%203.933-1.0539z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m21.9807%2032.2274c-.65.1671-1.3313.2559-2.0334.2559-.7522%200-1.4806-.102-2.1721-.2929l-2.882%2010.7558%203.933%201.0538z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m17.6361%2032.1507c-1.3796-.4076-2.6067-1.1707-3.5751-2.1833l-7.9325%207.9325%202.87919%202.8792z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m13.9956%2029.8973c-.9518-1.019-1.6451-2.2826-1.9751-3.6862l-10.95836%202.9363%201.05385%203.933z%22%20style%3D%22fill%3A%20oklch(0.453%200%200)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using o11's actual button styles.

Input

• Background: #FFFFFF
• Text Color: #565656
• Border Color: #E5E5E5
• Border Radius: 6px
• Shadow: none

Button Primary

• Background: #FCF5F4
• Text Color: #565656
• Border Color: #C5401E
• Border Radius: 6px
• Shadow: none

Button Secondary

• Background: #F5F5F5
• Text Color: #565656
• Border Radius: 8px
• Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: enterprise businesses

o11 Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Source: o11.ai

Source: app.o11.ai

Source: outsystems.com

Source: producthunt.com

Source: amazon.com

Frequently Asked Questions

What is o11's primary brand color?

• o11's primary brand color is #107C41. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does o11 use?

• o11 uses #C5401E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does o11 use?

• o11 uses Inter as the primary typeface across body and headings.

Does o11 use a light or dark theme?

• o11's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find o11's logo?

• o11's logo is available directly on their site (https://o11.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://o11.ai using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.