About TruckAda | Our Logistics Vision
A high-end 'Cyber-Industrial' dark mode design system characterized by glassmorphism, 3D-perspective transforms, and animated gradients. This style is optimized for logistics, fintech, SaaS, and industrial technology marketplaces. It features a deep blue/black foundation (#050811) contrasted with vibrant blue, emerald, and amber accents. The typography uses a sophisticated pairing of Cabinet Grotesk for bold, editorial headings and Satoshi for high-legibility body text. Key elements include bento-style grids, scroll-triggered reveal animations, and interactive cards that respond to mouse movement with 3D tilting.
Summary
A sophisticated dark-themed transport and logistics marketplace design with glassmorphic elements, 3D interactive cards, and high-impact editorial typography.
Style
The style essence is 'Futuristic Industrial' utilizing a dark color palette (#050811) with a 400% size animated gradient background. Typography pairs the heavy-weight Cabinet Grotesk (800) for headlines with the clean Satoshi for functional text. Visuals rely on glassmorphism (12px blur, 1px white/0.08 border) and 3D card interactions (1000px perspective). Animations include shimmering glossy overlays and smooth scroll-reveals with a specific cubic-bezier curve.
Layout & Structure
The layout is a single-column vertical flow with modular sections, using a max-width of 1280px (max-w-7xl). It utilizes bento-grid structures for statistics and card-based sections for listings and team members.
Header Navigation
Hero Section
Statistics Grid
Timeline Section
3D Card Listing Grid
Leadership/Team Grid
Footer
Components
3D Perspective Card
Interactive card that tilts based on cursor proximity.
Glass Dashboard Preview
Floating UI element showing data metrics within a glass card.