Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sennder
LogisticsSennder's brand radiates urgency and momentum through its commanding tangerine orange color system paired with bold, industrial typography. The design captures the energy of fast-moving logistics with high-contrast text overlays on dynamic aerial highway imagery, creating a sense of speed and reliability.
Design Identity
Signature Color
Velocity Orange
#FF6600
High-energy logistics efficiency and urgent delivery momentum
Visual Identity
Bold orange geometric blocks with stark white text creating high-contrast modular messaging systems that feel like digital highway signs
Component Style
Sharp-cornered orange buttons with bold sans-serif text, minimal border radius (2-4px), strong contrast ratios, and industrial weight typography that emphasizes speed over elegance
Spacing Philosophy
Tight, efficient spacing that mirrors logistics optimization - minimal gaps between related elements, generous isolation around call-to-action blocks, creating urgency through proximity
Design Principles
- Orange blocks always use stark white text for maximum contrast
- Typography weight stays at 700 for all headlines and CTAs
- Border radius never exceeds 6px to maintain industrial edge
- Open Sans font family across all elements for consistency
- High contrast ratios prioritize readability over aesthetics
Target Audience
Logistics operators and freight managers who prioritize speed, efficiency, and no-nonsense digital tools over polished aesthetics
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 | 40px | 700 | 72px | |
| h2 | 24px | 700 | 33px | |
| h3 | 40px | 700 | 50px | |
| h4 | 16px | 700 | 24px | |
| p | 12px | 400 | 18px | |
| a | 12px | 400 | 18px | |
| button | 14px | 700 | 16px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#007aff#3b82f6#ffffff
