Design System Proposal
Modern, Professional, Energetic
Primary Color Palette
Brand Red
#C8102E
Energy, Action, Reliability
Deep Blue
#0F172A
Trust, Professional, Industrial
Accent Gold
#D4AF37
Premium, Excellence, Distinction
Industrial Green
#10B981
Sustainability, Growth
Secondary Palette
#FFFFFF
#F3F4F6
#374151
#3B82F6
Button Styles
Primary CTA
Secondary CTA
Dark Theme CTA
Ghost CTA
Modern Service Cards
Agricultural Transport
Safe and efficient transport for seasonal agricultural products and hay across the Pacific Northwest.
Container Drayage
Seamless connection between ports, rail yards, and distribution centers with precision handling.
Typography System
HEADING 1
Move Your Business Forward
HEADING 2
Why Choose Central Valley Logistics
HEADING 3
Reliable Service with 15+ Years Experience
BODY TEXT
From agricultural products to container drayage, we provide comprehensive logistics solutions backed by our own fleet and local expertise. Our commitment to on-time delivery and professional service makes us the trusted partner for your transportation needs across Washington and beyond.
SMALL TEXT / CAPTION
Premium handling procedures | Real-time tracking | Precision temperature control
Ready to Transform Your Logistics?
Experience reliable, professional transportation services with Central Valley Logistics.
Design System Features
Modern Colors
Professional palette with red, blue, and gold accents for premium feel.
Smooth Animations
Subtle hover effects and transitions for engaging user experience.
Responsive Design
Works seamlessly on desktop, tablet, and mobile devices.
Accessibility
WCAG compliant with high contrast and readable typography.
Implementation Plan
- ✓
Phase 1: Update global.css with new color system
Create utility classes for all primary and secondary colors
- ✓
Phase 2: Redesign Hero Section and Service Cards
Apply new styling to home page components
- 3
Phase 3: Update remaining sections and pages
Apply design to Why Choose Us, CTA, Footer, and all detail pages
- 4
Phase 4: Replicate to Spanish and Chinese versions
Ensure consistency across all language versions
- 5
Phase 5: Image processing and optimization
Apply color grading and prepare images for production