01 · Foundation
iOS Design Kit
LVL Nine on iOS, iPadOS, and macOS Tahoe. One brand, one voice, one set of tokens — extended with native material, depth, and motion.
Rule: the iOS kit never overrides the brand. Colour meaning, voice, status semantics, and accessibility floors are identical to the web and email kits. iOS adds platform-native vocabulary on top.
Why Liquid Glass
iOS 26 introduces Liquid Glass — surfaces are translucent, layered, and responsive to what's beneath them. It's the right system for LVL Nine because it lets clear content sit on top of context, not in place of it. A status sheet over a service screen still shows the service. A toolbar over a list still shows the list. Customers don't lose their place.
What stays the same as web and email
Brand colours: --accent, --green, --amber, --red, with their light and dark values.
Status meaning: green is operational, amber is investigating, red is incident. Decoration uses violet or muted, never status colours.
Voice: plain English, short sentences, Q&A structure, "Hey" greeting, the same words-in/words-out list.
Accessibility floor: WCAG AA contrast on text and meaningful UI; respect Reduce Motion, Reduce Transparency, Increase Contrast.
What's new on iOS
Liquid Glass materials for elevated surfaces (sheets, toolbars, popovers, alerts).
Explicit depth: foreground content sits above a translucent material above context.
Native motion that responds to scroll, drag, and presentation, with system curves.
First-class accessibility levers: Reduce Transparency falls back to opaque, Increase Contrast strengthens edges, Reduce Motion replaces transitions with crossfades.
Read in order
Materials → Layering & depth → Motion → Components → Security. Each section grounds an iOS-native pattern in the brand's existing token language.