Platform

iOS

Roadmap

iOS clients are built from the same React Native codebase as web and desktop, packaged via Expo or bare RN. The design system respects Apple Human Interface Guidelines on navigation, typography (SF Pro + Dynamic Type), haptics, and safe areas, while sharing all brand tokens with every other surface.

iOS-specific mapping

Design-system concern	iOS rendering
Typography	SF Pro Text / SF Pro Display with Dynamic Type — respect user font-size accessibility setting.
Color	Use Display P3 color space where available; hex tokens compile to UIColor with systemBackground + UITraitCollection dark-mode variants.
Safe areas	All screens wrapped in SafeAreaView; notches, Dynamic Island and home indicator respected.
Navigation	React Navigation Native stack mapped to UINavigationController; bottom tab bar uses iOS tab-bar styling.
Haptics	Motion token durations map to UIImpactFeedbackGenerator / UISelectionFeedbackGenerator on meaningful actions.
Accessibility	VoiceOver support required; accessibilityLabel, accessibilityHint, and accessibilityTraits set on every interactive element.
Icons	SF Symbols preferred for OS affordances; Lucide SVGs for brand icons.

Token consumption

Tokens are exported as Swift constants and JSON. Swift apps (including non-RN Xcode extensions and widgets) can import Tokens.swift directly.

import SwiftUI

struct TpBadge: View {
  var body: some View {
    Text("Accepted")
      .padding(.horizontal, 12).padding(.vertical, 4)
      .background(Color.TpTokens.color_state_success)
      .foregroundColor(.white)
      .cornerRadius(9999)
  }
}