Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Controlant
LogisticsControlant projects pharmaceutical-grade precision through an arctic blue backdrop with stark white overlay modals and surgical-clean typography. The massive Graphik headlines create dramatic scale contrast against minimal body text, evoking the critical nature of temperature-controlled supply chains where precision isn't just design - it's life-saving necessity.
Design Identity
Signature Color
Arctic Pharmaceutical Blue
#1e4a73
Cold-chain reliability and medical-grade precision in pharmaceutical logistics
Visual Identity
Dramatic scale typography with 88px headlines paired with minimal 15px body text creates an unmistakable hierarchy that screams 'mission-critical pharma technology'
Component Style
Clean floating white modals with subtle shadows over deep blue backgrounds. Buttons appear minimal with rounded corners (likely 6-8px), no heavy borders, relying on color contrast rather than outlines for definition.
Spacing Philosophy
Generous negative space amplifies the critical messaging - wide margins around hero content suggest the breathing room needed in high-stakes pharmaceutical operations where clarity prevents errors.
Design Principles
- Typography scales dramatically: 88px headlines to 15px body text for maximum hierarchy
- Deep blue backgrounds (#1e4a73) paired with pure white overlays create medical-grade contrast
- Graphik font at 600 weight for all headlines maintains pharmaceutical authority
- Minimal shadows and effects - precision over decoration
- Cookie consent modals use toggle switches instead of checkboxes for modern UX
Target Audience
Pharmaceutical supply chain executives and logistics managers who handle temperature-sensitive medications where compliance failures cost lives
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 | 88px | 600 | 96.8px | |
| h2 | 66px | 600 | 76.56px | |
| h3 | 48px | 600 | 61.44px | |
| p | 15px | 600 | 24px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#ffffff
