Navigation Component
Responsive behavior: Hamburger menu (mobile) → Condensed top bar (tablet) → Full top nav (desktop)
Mobile
Tablet
Desktop
Stack View
Mobile
iPhone 14 Pro
393px
Pinnlo
SkinTracker
Mobile Navigation:
Hamburger menu slides from right. Logo and strategy button always visible. Bottom area reserved for preview/chat toggle.
Page Content Area
Menu
×
Research
Strategy
Prototype
Marketplace
View Jobs
Search Freelancers
My Workspace
Tablet
iPad Mini
768px
Pinnlo
Strategy:
SkinTracker
S
SkinTracker
M
MarketPulse
F
FitnessPro
Create New Strategy
Research
Strategy
Prototype
Marketplace
View Jobs
Search Freelancers
My Workspace
Tablet Navigation:
Condensed top bar with nav links. Strategy selector inline.
Page Content Area
Desktop
Laptop
1024px
Pinnlo
Current Strategy:
SkinTracker
S
SkinTracker
M
MarketPulse
F
FitnessPro
E
EcoShop
Create New Strategy
Research
Strategy
Prototype
Marketplace
View Jobs
Search Freelancers
My Workspace
Desktop Navigation:
Full top bar with all links visible. Strategy selector with label and badge.
Page Content Area
Preview Scale:
100%