Navigation Bar and Slicers

The next three chapters are where the Summit Gear dashboard stops looking like a work in progress and starts looking like a finished product. You'll work through a structured three-pass polish process: applying a custom JSON theme to set colors and fonts globally in one step, building a branded charcoal header bar with the navigation buttons embedded inside it, and then going page by page to give every visual – cards, charts, matrix, table, map, and slicers. By the end of these chapters, you will have a dashboard that communicates care and intention the moment a viewer opens it.

In this chapter, we work through the navigation bar and slicers.

Hex codes:

• Steel Blue: #4A7C96
• Charcoal: #2D3436
• White: #FFFFFF
• Light Grey (Border): #E6E6E6
• Blue Grey (Category Label): #6B7B8D
• Light Grey (Axis Label): #605E5C