LLMArena Brand Identity

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

Color Palette

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

• Primary: #E6F5E9
• Secondary: #9CA3AF
• Accent: #FBE8E6
• Background: #FCFAF8
• Text Primary: #2E2B29
• Link: #FBE8E6

Typography

Each font links to its Google Fonts page where available.

• Primary: Basel Grotesk
• Heading: Basel Grotesk

Visual Assets

%20!important%3B%20stroke-width%3A%201.5px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%20stroke-linejoin%3A%20round%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2013.8214%202.48697%2015.5291%203.33782%2017L2.5%2021.5L7%2020.6622C8.47087%2021.513%2010.1786%2022%2012%2022Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(46%2C%2043%2C%2041)%20!important%3B%20stroke-width%3A%201.5px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%20stroke-linejoin%3A%20round%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using LLMArena's actual button styles.

• Input:
  • background: #FFFFFF
  • textColor: #2E2B29
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech professionals

Frequently Asked Questions

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

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

3. What font does LLMArena use?
   LLMArena uses Basel Grotesk as the primary typeface across body and headings.

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

5. Where can I find LLMArena's logo?
   LLMArena's logo is available directly on their site (https://lmarena.ai/). 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://lmarena.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 LLMArena.