Setting Text Styles breakpoints

Text style breakpoints allow your text styles to adapt to different sizes and line heights across various device breakpoints.

Creating text style breakpoints

  1. Open the Assets tab on the left and navigate to the Styles section.

  2. Select any Text style to open the Edit Style modal.

  3. Under the Breakpoints heading, click the Add Breakpoints button.

Screenshot of a 'Styles' panel for managing text formatting and breakpoints in a design interface. The left sidebar lists text styles, including headings (H1-H6) and body text sizes (XS, S, M, L).

By default, this will add three breakpoints:

  • Desktop (L)

  • Tablet (M)

  • Mobile (S)

You can then customize each Text style property, such as font size, line height, letter spacing, and spacing between paragraphs, to suit your design preferences.