Platform

Windows

Roadmap

Windows clients are built with React Native Windows, rendering to WinUI 3 / XAML. Brand tokens export to a XAML ResourceDictionary so native WinUI modules, shell extensions and background tasks share the same ink with RN-authored screens.

Windows-specific mapping

Design-system concern	Windows rendering
Typography	Segoe UI Variable; ClearType-optimised weights and sizes; respect Windows text-scaling accessibility setting.
Material	Mica and Acrylic for elevated surfaces where supported; elevation tokens map to XAML ThemeShadow.
Titlebar	Respect Windows 11 caption controls and snap layouts; design patterns for compact, tall and tabbed window chrome.
Input model	Pointer + keyboard primary; touch secondary on 2-in-1 devices. Fluent focus visuals.
Navigation	NavigationView with top-pane or left-pane per app; commanding via CommandBar.
Accessibility	Narrator parity; XAML AutomationProperties set via React Native Windows bridges.

Token consumption (XAML)

<!-- Generated by Style Dictionary → tokens/build/windows/Tokens.xaml -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Color x:Key="color.navy.900">#194A8D</Color>
  <Color x:Key="color.state.success">#10B981</Color>
  <x:Double x:Key="spacing.4">16</x:Double>
  <!-- ... -->
</ResourceDictionary>