QuickFi Design System

INSPECTOR · 64 COLOURS · 26 TYPE STYLES · 21 DIMENSIONS

Checks
Pass
Fail
Tokens, not layouts.
  • These previews show the same tokens and type roles resolving per platform. They are not a layout spec.
  • Navigation, tab bars, sheets and menus use the platform's own component — TabView on iOS, NavigationBar on Android.
  • Native components carry Dynamic Type, Reduce Transparency, Increase Contrast and correctly-contrasting selection indicators for free.
  • Pair every selected state with a filled-versus-outlined icon. Never colour alone.