Our spacing system creates rhythm and hierarchy within interfaces. We apply a base unit on a case-by-case to suit each interface and environment as needed.

Flightpath uses a 4px base unit.

Web

On web, Flightpath relies on the vuetify grid system. See this link for vuetify’s grid system:

Grid system — Vuetify

iOS and Android

On iOS and Android, we use 6 column stretch grid. See figma for layout guide.

Guest app: iPadOS

We are supporting iPad Mini in portrait mode only. We use a 16 column grid with margins and gutters of 4 units. See figma for layout guide.