Skip to the pieces
TACTILE UI

UI components

Navigation

4 pieces. Every card is running; touch it.

  1. Bar Kit part · The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.
  2. Side rail Kit part · App navigation in a panel: the current page is a recess with its lamp lit. The rail on the left of this page is one.
  3. Tabs Kit part · Views of the same thing, switched in place: keys in a tray, the chosen view a raised cap.
  4. Pagination Kit part · Pages for tables and lists: numbered keys in a tray with the current page latched down, seven slots so the row never changes width. Compact, it is a transport with a track counter.