Products
View All Products
Tier 2 Link Selected
Gateways & Embedded PCs

Navigation - Left Menu Bar

Design System Guidelines

A variation of site navigation in which it occupies a persistent, on-screen location on larger breakpoints.

In production, the current page would be highlighted within the navigation, and it would remain expanded, if the user had arrived there by clicking on a link within the navigation. It would otherwise reset upon navigating to a new page.

  • I've provided a selected state example at each of the three tiers: tier 1 (at the very bottom), tier 2 (within Products) and tier 3 (within Products > Laptops).

On smaller breakpoints, the navigation collapses into the usual menu at the right end of the masthead, however this has been updated per new design system standards.

This menu shows the For Work content as of 09-30-2019.

Section 1

Section 2

Section 3

Section 4