Foundations
Colour, type, layout, materials, motion, icons, accessibility, privacy and writing: what every screen shares.
Accessibility
Accessible screens are faster for everyone: legible type, clear focus and full keyboard control help every person who uses them.
Appearance
Light and dark, increased contrast and every text size are first-class appearances, not afterthoughts.
Branding
The brand defers to content and appears only where the context needs it.
Colour
Colour carries meaning and interactivity, so it is used sparingly and always backed by words or a symbol.
Icons and imagery
Outlined line icons sized to the text, with filled symbols reserved for a selected state.
Layout
Consistent margins, a spacing scale and layouts that adapt from a phone to a wide desktop window.
Materials
Glass lifts navigation and controls above content, which always stays on opaque surfaces.
Motion
Motion explains a change and then gets out of the way; frequent actions don’t animate at all.
Privacy
Ask only for what a feature needs, show only what a task needs, and say plainly where data goes.
Shape and elevation
Concentric corners and restrained shadows; depth comes mostly from materials.
Typography
One family, a fixed set of text styles and the reader’s own text size give every screen a clear hierarchy.
Writing
The words are part of the interface: clear, brief, calm and specific, like a capable colleague.