Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Delhivery
LogisticsDelhivery embodies industrial precision with a warm, approachable confidence. The bold red accent against clean whites and sophisticated grays creates an aesthetic of reliable strength - like a premium logistics operation that's both powerful and trustworthy. The typography hierarchy feels purposeful and urgent, reflecting the speed of modern commerce.
Design Identity
Signature Color
Delhivery Red
#E53E3E
Urgent delivery confidence - the color of speed, reliability, and decisive action in logistics
Visual Identity
The dramatic contrast between stark white interfaces and bold red geometric accents, combined with aerial warehouse photography that shows scale and operational sophistication.
Component Style
Minimalist rectangles with subtle rounded corners (4-6px), heavy reliance on solid fills rather than borders, dark charcoal buttons (#101218) that feel substantial and industrial, clean input fields with generous padding that prioritize functionality over decoration.
Spacing Philosophy
Generous breathing room around hero content with tight, efficient spacing in functional areas - reflects the logistics mindset of maximizing space efficiency while maintaining clarity for critical actions.
Design Principles
- Red is reserved exclusively for primary actions and brand moments
- Dark charcoal (#101218) serves as the primary button color, never pure black
- Typography uses only Archivo for interface elements and IBM Plex Sans for body text
- Aerial photography dominates hero sections to showcase operational scale
- Tracking interfaces use tab-based navigation with clean, functional forms
Target Audience
Business logistics managers and e-commerce operators who need reliable, scalable shipping solutions and value operational transparency over flashy marketing
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 | 30px | 400 | 36px | |
| h2 | 28px | 400 | 34px | |
| h3 | 24px | 600 | 32px | |
| p | 14px | 400 | 14px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 16px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#ffffff#101218#1d2e38#e4e4e7#d8e0e6#919ea6#d5dee2#ecf2fa#f0f4f7#e9eff4#040608#cfd5db
