Back to Library
L

LangChain

LangChain

Visit Website

AI应用开发框架。绿色品牌,开发者文档优先,技术社区向

深绿品牌开发者文档技术社区AI框架代码示例

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size16px
Line Height1.6
Weights400, 500, 600

Heading Scale

h1LangChain Heading
h2LangChain Heading
h3LangChain Heading
h4LangChain Heading

DESIGN.md

# LangChain Design System

## Visual Theme & Atmosphere
AI应用开发框架。绿色品牌,开发者文档优先,技术社区向

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #1C3C3C | Brand color |
| Secondary | #2D6A4F | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F8FAFC | Cards, panels |
| Text | #0F172A | Primary text |
| Muted | #64748B | Secondary text |
| Border | #E2E8F0 | Dividers |

## Typography Rules
- **Heading Font**: Inter, system-ui, sans-serif
- **Body Font**: Inter, system-ui, sans-serif
- **Mono Font**: JetBrains Mono, monospace
- **Base Size**: 16px
- **Line Height**: 1.6
- **Weights**: 400, 500, 600

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use LangChain's design language: AI应用开发框架.
Primary color #1C3C3C on #FFFFFF background.
Typography: Inter.

Frequently Asked Questions

What is LangChain's design style?

AI应用开发框架。绿色品牌,开发者文档优先,技术社区向

What is LangChain's primary color?

LangChain uses #1C3C3C as primary color, #FFFFFF for background, and #0F172A for text.

What fonts does LangChain use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use LangChain design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching LangChain's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems