Orbex Sonar-DB Design system

Layout

Window size classes, the grid of the overview, and how navigation changes from phone to desktop.

  • Breakpoints and grid

    Five size classes, their columns, gaps and margins, with a simulator for any width.

  • Navigation by device

    A bottom bar on phones, a rail on tablets and a sidebar that collapses on desktops.