Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sarvam AI
AISarvam AI employs a bold gradient aesthetic that transitions from deep purple-blue to vibrant orange, creating an energetic AI-forward visual identity. The typography hierarchy uses custom fonts like Season Mix for headlines and Matter for body text, suggesting a brand that values both technical precision and creative expression.
Design Identity
Signature Color
Sarvam Orange
#ee7944
AI innovation energy - the warmth and dynamism of cutting-edge technology
Visual Identity
The distinctive purple-to-orange gradient background that creates a sense of transformation and AI-powered energy, immediately recognizable even without branding elements.
Component Style
Based on the visible navigation elements, components appear clean and minimal with subtle contrast. The dark navigation text against the gradient suggests components prioritize readability with understated styling rather than heavy visual effects.
Spacing Philosophy
The layout appears to embrace generous whitespace with the gradient serving as a canvas, creating breathing room that lets the vibrant background gradient become a key design element rather than just decoration.
Design Principles
- Gradient backgrounds transition from cool purples to warm oranges
- Typography mixing custom fonts (Season Mix, Matter) with system fallbacks
- Navigation uses dark text for maximum readability against gradients
- Headlines at 72px for strong visual hierarchy
- Body text at 16px with 24px line height for optimal readability
Target Audience
AI developers and technical decision-makers who appreciate bold visual design alongside serious technical capabilities
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 72px | 400 | 75.6px | |
| h2 | 36px | 400 | 48.6px | |
| h3 | 22px | 500 | 33px | |
| p | 14px | 600 | 21px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#fceaf0#a5460f#d4508e#666666#999999#3333cc#fddcce#ee7944#f0f0f0#ffffff#141414#781a11
