Hero architecture
Design a sales intelligence dashboard. Use: pipeline funnel, deal cards (kanban), quota gauges, leaderboard table, territory map, win/loss ratios, forecast accuracy, activity timeline.
Style 37 · BI/Analytics · Travel/Tourism Agency
Sales Intelligence Dashboard
Deal pipeline, sales metrics, territory performance, sales rep leaderboard, win-loss analysis, quota tracking, forecast accuracy. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA Travel/Tourism OS
CRM dashboards, sales management, opportunity tracking, performance management, quota planning
98%
style fit score
Effects
Deal movement animations, metric updates, leaderboard ranking changes, gauge needle movements, status change highlights
A full-page mock website in this style
Component language
kanban columns (flex), gauge chart (SVG arc), leaderboard ranking styles, map integration (Mapbox/Google), timeline vertical, deal card with status border
Best-fit market
CRM dashboards, sales management, opportunity tracking, performance management, quota planning
Palette used
Sky blue + adventure orange [Accent adjusted from #F97316 for WCAG 3:1]
Typography pairing
Gaming Bold
Russo One / Chakra Petch
Russo One for impact. Chakra Petch for techy body text.
Implementation checklist
- ☐ Pipeline stages shown
- ☐ Deals draggable
- ☐ Quotas visualized
- ☐ Rankings updated
- ☐ Territory clickable
Chart module: Sankey Diagram
Showing how quantities flow between nodes; multi-source multi-target distribution
Interaction spec
Accessibility: ✓ WCAG AA · C
Performance: ⚡ Good
Mobile: ◐ Medium
Avoid: Marketing analytics, customer support metrics, HR dashboards
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA