What are Text Styles?
Text Styles let you manage text settings — like font, size, letter spacing, and line height — all in one place. Once you've registered a Text Style, you can apply it to any new text with a single click, making your design workflow much more efficient.
Note: Text Styles cannot be applied to Rich Text Boxes.
Use cases
Keep a consistent tone across your entire site
By registering Text Styles for headings and body text ahead of time, you won't need to redo settings for each page — keeping a consistent look and feel across your site.
Organize frequently used styles
Register headings, body text, captions, and more as Text Styles so you can quickly pick them from a list. This saves you the hassle of adjusting fonts and sizes individually every time.
Unified Text Style management for team projects
Using shared Text Styles within a project prevents inconsistencies between team members' settings.
Point: When you copy & paste a text box with a registered style to another project
The text is pasted with all its style settings (size, font, etc.) intact.
The style is not automatically registered as a Text Style in the new project.
If you want to manage the pasted style as a Text Style, you'll need to register it again in the destination project.
Open the Text tab in the Style Panel
You can view your registered Text Styles in the Text tab of the Style Panel.
Click the [Style] icon
in the left navigation to open the Style Panel in the left panel.
Select the [Text] tab to see a list of your registered Text Styles.
Register a Text Style
Tips: Setting up styles for headings and body text at the start of your project helps you work more efficiently.
Register from the Style Panel
Click the [+] button in the upper right, or the [+ Add] button.
A new Text Style named [New Style] is instantly added.
Use the style settings panel that appears to configure the settings you want to register.
Register from Typography settings
Select a text box.
Open the [Text] tab in the right panel.
Click the [Text Style] input field under [Typography].
Click [Register Text Style].
A new Text Style named [New Style] is instantly added.
The style settings panel appears with the selected text box's font, size, and other settings already carried over. Adjust any settings as needed to complete the registration.
Text Style panel settings
The following Typography settings can be registered as a Text Style:
Direction (text layout) *Japanese environment only
*Color, shadow, and alignment are set individually for each text box.
Tips: Want to register and manage colors efficiently?
You can use Color Styles to register and manage the colors used across your site. For details and instructions, see Setting up Color Styles.
Apply a Text Style
Select a text box. To select multiple boxes, hold down the Shift key and click.
Select the [Text] tab in the right panel.
Click the [Text Style] input field under [Typography].
Choose the Text Style you want to apply.
Remove a Text Style
Even after removing a Text Style, the text's current settings (font, size, etc.) are preserved.
Select the text box that has a Text Style applied. To select multiple boxes, hold down the Shift key and click.
Select the [Text] tab in the right panel. If the panel is closed, open the right panel.
Click the icon next to the [Text Style] input field under [Typography] to remove the style.
Edit a registered Text Style
You can edit Text Style settings even after registration. Any changes are automatically reflected in all text that uses this style.
Click the Text Style you want to edit.
In the style settings panel, edit the settings you want to change.
Changes are applied immediately.
Delete a registered Text Style
Even after deleting a Text Style, the settings of any text using that style are preserved.
Click the Text Style you want to delete.
Click the three-dot menu in the upper right of the style settings panel, then select [Delete Style].
Check where a Text Style is applied
You can see which text elements a Text Style has been applied to.
Check which pages use a Text Style
Click the Text Style you want to check.
Click the down arrow next to [Usage] at the bottom of the style settings panel.
The number shown indicates how many text boxes have this Text Style applied.
A list of pages using the style is displayed.
Check which boxes have a Text Style applied
You can see which boxes on a page have a Text Style applied.
Open the page you want to check.
Hover over the Text Style you want to check, and the corresponding text boxes will be highlighted on the canvas.
Customize Text Styles per breakpoint
Text Styles support per-breakpoint settings, which is handy when fine-tuning responsive designs.
In the toolbar at the bottom of the screen, select the breakpoint you want to customize (e.g., tablet, mobile).
Open the Text tab in the Style Panel.
Select the Text Style you want to adjust for that breakpoint.
In the style settings panel, adjust the settings you want to change, such as font size or line height.
Changed settings are highlighted. To revert a setting, click the arrow icon next to the setting name.
FAQ
Q. Are Text Styles included in version history?
Q. Are Text Styles included in version history?
A. Yes. Text Styles are covered by the version history feature, which saves changes and who made them as "versions" that you can restore at any time.