Concept 1 (Semantic Colors) and Concept 2 (Tinted Pills) shown with 3 different icon sets each. Current = existing Lucide icons, Set A = more descriptive/metaphorical icons, Set B = minimal/geometric alternatives. Click any nav item to toggle active state.
Always-on color per icon. No pill background — just the stroke color creates landmarks.
Colored icon inside a soft tinted rounded-square. Creates visual weight — feels like an app dock.
| Nav Item | Current | Set A (Descriptive) | Set B (Minimal) | Color |
|---|---|---|---|---|
| Dashboard | LayoutGrid — 4 squares | Gauge — speedometer, "command center" | Compass — navigation hub | Cyan |
| All Flows | Box — generic 3D cube | GitFork — branching paths (literally what flows are) | Network — connected nodes | Violet |
| Flow Editor | PenLine — pen tip | Wrench — builder tool | PenTool — vector/design pen | Amber |
| Sessions | Clock — time-based | Zap — active energy, live sessions | Radio — broadcasting/live signal | Emerald |
| Exports | FileText — generic doc | Share2 — share network nodes | FileOutput — file with arrow out | Blue |
| AI Assistant | BotMessageSquare — robot chat | Brain — intelligence, organic feel | Wand2 — magic wand with sparkles | Fuchsia |
| Step Library | Bookmark — generic ribbon | Layers — stacked layers = reusable steps | Library — book spines | Orange |
| Script Library | Terminal — prompt cursor | Code2 — angle brackets with slash | ScrollText — script/scroll with text | Teal |
| KB Accelerator | Sparkles — magic star | Rocket — acceleration/speed | Lightbulb — ideas/insight | Rose |
| Analytics | BarChart3 — vertical bars | TrendingUp — growth line with arrow | PieChart — pie segments | Sky |