QuickFi Design System

INSPECTOR · 70 COLOURS · 41 TYPE STYLES · 29 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.