LangChain

# 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.