Platforms and Adaptation

Responsive web

Use semantic landmarks, crawlable links, fluid grids, keyboard support, browser history, zoom, and touch-friendly behavior. Preserve content priority as layouts collapse.

Mobile

Respect native navigation, safe areas, text scaling, system gestures, and reachable targets. Use visible alternatives for essential gestures and design permission, offline, retry, and interrupted states.

Tablet

Treat tablet as an adaptive workspace, not a large phone. Use split views, sidebars, inspectors, pointer support, and flexible window widths when they improve the task.

Desktop

Repeated professional work benefits from stable shells, resizable panes, menus, contextual actions, visible selection, and keyboard shortcuts. Use tighter geometry and surface steps rather than large floating shadows.

Cross-platform continuity

Keep brand identity, terminology, semantic state, icon meaning, and core task logic stable. Adapt navigation, density, gestures, targets, window behavior, and platform chrome.