Touch targets
Use a minimum 44 × 44 px target and preserve clear separation between adjacent actions.
Platform / 05
Guidance for focused, touch-friendly experiences that remain clear across compact screens, changing orientations, and mobile input.
Start with content priority and ergonomics, then enhance the layout as space becomes available.
Use a minimum 44 × 44 px target and preserve clear separation between adjacent actions.
Lead with the current task, progressively disclose secondary information, and avoid horizontal page overflow.
Reflow layouts before shrinking content. Preserve reading order when columns become a single stack.
Use appropriate input modes, visible labels, and controls that remain usable when the virtual keyboard is open.
Design the narrowest meaningful layout first rather than compressing a desktop composition.
Keep the next action visible and supporting context concise.