Layout and typography

Scalable text

One UI text is scalable pixel and varies in size. All text except subtitles and text within images should be resizable up to 200% without affecting content or functionality.

Label toast

To help users understand icons without visible text labels, provide pop-up labels when users touch and hold the icons.

Large text layout

Keep in mind that as font size is increased, text can be cut off, making it difficult to understand. Provide enough space and stay within space limits.

Find out more on

Touch target spacing

Touch areas should be large enough to be touched easily and have enough spacing between them to prevent missed touches, even for users with limited mobility.