Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Nowports
LogisticsNowports embraces a bold, immersive approach with a dominant purple gradient background that creates an ethereal, tech-forward atmosphere. The stark white typography against the purple void feels confident and aspirational, suggesting a digital-first logistics platform that operates beyond traditional boundaries.
Design Identity
Signature Color
Logistics Purple
#5850eb
digital transformation of traditional freight - bridging physical logistics with futuristic technology
Visual Identity
The full-screen purple gradient background creates an almost sci-fi atmosphere that's immediately recognizable - most logistics companies use corporate blues and whites, but this feels like space-age freight forwarding.
Component Style
Clean, rounded buttons with generous padding and bright accent colors that pop against the purple backdrop. The 'Cotizar ahora' button uses a dark, almost black background while 'Agendar demo' maintains transparency with a subtle border - creating clear hierarchy without harsh edges.
Spacing Philosophy
Expansive breathing room with the hero content positioned in the right half of the screen, leaving massive negative space on the left. This asymmetrical layout feels intentionally bold and confident, not cramped like typical logistics sites.
Design Principles
- Purple gradient backgrounds create immersive, non-corporate atmosphere
- White text maintains maximum contrast against colored backgrounds
- Rounded button corners (approximately 8px) soften the tech aesthetic
- Asymmetrical layouts with generous whitespace convey confidence
- Dual-button hierarchy uses contrast (dark vs outline) not color alone
Target Audience
Tech-savvy logistics managers and freight coordinators who want modern, digital-first shipping solutions that feel more like SaaS platforms than traditional freight brokers
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 | 18px | 400 | 20px | |
| h1 | 72px | 700 | 72px | |
| h2 | 30px | 700 | 33px | |
| h3 | 24px | 700 | 26.4px | |
| p | 18px | 400 | 20px | |
| a | 18px | 400 | 20px | |
| button | 18px | 400 | 20px | |
| input | 18px | 400 | 20px | |
| nav | 18px | 400 | 20px | |
| header | 18px | 400 | 20px |
Color Palette
#0f0e27#5850eb#28d9e0#000000#ffffff#007aff#11181c#374151#f8f8f8#d0d0d0#e0e0e0
