Landing page navigation

Brienne Wong
Brienne Wong
  • Updated

You can display your design system navigation using the top navigation or sidebar navigation on your landing page. The different navigation options can affect how your landing page will look. 

Top Navigation 

You can have either tabs or external links in the top navigation. With top navigation, you can have a landing page that hides the sidebar menu.

The search bar will appear in the far right corner. It will only show results from the current styleguide you're viewing. It does show results from external links or a different styleguide.

Screen_Shot_2022-06-13_at_11.13.10_AM.png

Add navigation tabs

  1. In the top bar, click +Add navigation.Screen_Shot_2022-06-08_at_1.41.03_PM.png
  2. Select Tab.
  3. Enter your Tab Title.

Add external links

  1. In the top bar, click +Add navigation.Screen_Shot_2022-06-08_at_1.41.03_PM.png
  2. Select External Links.Screen_Shot_2022-06-08_at_1.43.47_PM.png
  3. Enter your Tab Title and URL.

Sidebar navigation 

If you don’t have navigation tabs in the top bar, the navigation will default to the sidebar. With the sidebar navigation, you do not get the option to have a cover page. The sidebar navigation will always appear on the landing page if you don't have top navigation tabs. If you want to include external links on your landing page, you can use shortcut tiles. The search bar will be underneath your logo.

 

 

Screen_Shot_2022-06-08_at_3.51.37_PM.png

 

Screen_Shot_2022-06-08_at_3.52.14_PM.png

 

Was this article helpful?