Skip to main content
Global Navigation is the dark left rail on ServiceTitan office pages. Collapsed (icon rail) and expanded (labeled rail) are two states of the same composition. Copy the example, then swap the modules, destinations, and active state for your product. The rail background uses --a2-color-blue-grey-900. Use the ST gnav_* icons from @servicetitan/anvil2/assets/icons/st/.

​
Resources

Icon

Icon component anatomy, sizing, and usage guidance.

Global navigation

Figma reference for the office rail and Go-to overlay.

​
Non-Admin

Non-Admin places Dashboard and Messages above the divider, then Communications, Schedule, Dispatch, Accounting, Inventory, Follow Up, Reports, Pricebook, and Projects. The rail starts expanded, with Virtual Agents open and Agent Workflows selected. Click another expandable module to switch; the first nested destination is selected automatically. Click the collapse control at the bottom to switch to the icon rail; click the expand control to return. The Go-to control (or ⌘K) opens an xlarge Dialog of every destination. Star a destination to show it in the rail; unstar it to hide it. Search accepts a regular expression. Invalid patterns match literally.

​
Admin

Same rail as Non-Admin. The module order is Dashboard, Messages, Virtual Agents, Command Center, Automation, Communications, Dispatch, Accounting, Inventory, Reports, Marketing, Pricebook, and Projects.
Last modified on October 14, 2026