Contents Menu Expand Light mode Dark mode Auto light/dark mode
GNOME Human Interface Guidelines
Logo
GNOME Human Interface Guidelines
  • Design Principles
  • Tools & Resources
  • Guidelines
    • App Naming
    • App Icons
    • Pointer & Touch
    • Keyboard
    • UI Icons
    • UI Styling
    • Writing Style
    • Typography
    • Navigation
    • Scaling & Adaptiveness
    • Accessibility
  • Patterns
    • Containers
      • Windows
      • Header Bars
      • Popovers
      • Utility Panes
      • Boxed Lists
      • Grid Views
      • List & Column Views
      • Selection & Edit Modes
    • Navigation
      • Browsing
      • View Switchers
      • Tabs
      • Sidebars
      • Search
    • Controls
      • Buttons
      • Menus
      • Switches
      • Text Fields
      • Checkboxes
      • Radio Buttons
      • Drop-Down Lists
      • Sliders
      • Spin Buttons
      • Overlaid Controls
    • Feedback
      • Notifications
      • Toasts
      • Banners
      • Progress Bars
      • Spinners
      • Dialogs
      • Placeholder Pages
      • Tooltips
  • Reference
    • Standard Keyboard Shortcuts
    • Palette
    • Backgrounds
Back to top
Edit this page

Navigation#

Combined with containers, the navigation design patterns create the structure of an app. See the navigation guidelines for more information.

  • ../_images/nav-browsing.svg ../_images/nav-browsing-dark.svg

    Browsing

  • ../_images/nav-viewswitchers.svg ../_images/nav-viewswitchers-dark.svg

    View Switchers

  • ../_images/nav-tabs.svg ../_images/nav-tabs-dark.svg

    Tabs

  • ../_images/nav-sidebars.svg ../_images/nav-sidebars-dark.svg

    Sidebars

  • ../_images/nav-search.svg ../_images/nav-search-dark.svg

    Search

Next
Browsing
Previous
Selection & Edit Modes