# LangChain Brand Identity

A complete profile of **LangChain**'s visual system — colors, typography, components, and personality — extracted from [LangChain](https://www.langchain.com/?ref=startups.gallery). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from [LangChain](https://www.langchain.com/?ref=startups.gallery).

- primary: `#CCE9FF`
- rgb(204, 233, 255)
- secondary: `#E5F4FF`
- rgb(229, 244, 255)
- accent: `#7FC8FF`
- rgb(127, 200, 255)
- background: `#030710`
- rgb(3, 7, 16)
- textPrimary: `#030710`
- rgb(3, 7, 16)
- link: `#7FC8FF`
- rgb(127, 200, 255)

## Typography

Each font links to its Google Fonts page where available.

- primary: Twklausanne  ([Google Fonts →](https://fonts.google.com/specimen/Twklausanne))
- heading: Aeonik ([Google Fonts →](https://fonts.google.com/specimen/Aeonik))
- Font Stack: Twklausanne, Tahoma, sans-serif

## Visual Assets

## UI Components

Live previews rendered using LangChain's actual button styles.

### Input

- background: `#030710`
- textColor: `#CCE9FF`
- borderColor: `#262C36`
- borderRadius: `6.75px`
- shadow: none

### Button Primary

- background: `#E5F4FF`
- textColor: `#030710`
- borderRadius: `6.75px`
- shadow: none

### Button Secondary

- background: `#030710`
- textColor: `#CCE9FF`
- borderColor: `#2F4B68`
- borderRadius: `6.75px`
- shadow: none

## Brand Personality

- **Tone:** modern
- **Energy:** medium
- **Audience:** tech professionals and AI developers

## LangChain Brand in the Wild

### Image:

### Image:

### Image:

### Image:

### Image:

## Frequently Asked Questions

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

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

### What font does LangChain use?
LangChain uses Twklausanne for body text and Aeonik for headings. Fonts were detected on [LangChain](https://www.langchain.com/?ref=startups.gallery) as part of their live design system.

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

### Where can I find LangChain's logo?
LangChain's logo is available directly on their site ([Link](https://www.langchain.com/?ref=startups.gallery)). 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 [LangChain](https://www.langchain.com/?ref=startups.gallery) 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 LangChain.

## Methodology

Brand data on this page was extracted from [LangChain](https://www.langchain.com/?ref=startups.gallery) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by LangChain.