How to set up text styles in theme settings

How to set up text styles in theme settings

Set up text styles in theme settings to keep typography consistent across your board. Text styles define the fonts and text presets used in your designs.

Before you start

  1. Make sure you have permission to edit the board.
  2. Text styles in theme settings are applied in Hi-fi design mode. These are not applied in Lo-fi design mode.

Access the board theme color settings

  1. Open the board where you want to update the theme text styles.
  2. Open Theme from the bottom toolbar of the board.

  3. Click Edit to enter theme editing mode.


  4. Select Texts tab. The text settings will open, where you can review and update the typography used in the board theme.

Set up theme fonts

In the Texts section, you can choose the fonts used in your board theme:
  1. Primary font: The main font used across your board.
  2. Secondary font: A supporting font used for contrast or variation.
  3. Tertiary font: An optional additional font used for special text styles, decorative text, or cases where another typography style is needed.


You can choose and set up fonts using these options:


  1. Choose from Visily font library: Select fonts from Visily’s available font library.


  2. Generate fonts from text: Describe the typography style, mood, or visual direction you want, and Visily will suggest matching fonts.


  3. Extract fonts from webpage: Enter a webpage URL so Visily can analyze the site’s typography and suggest fonts based on its design.


  4. Choose from custom fonts: Use custom fonts uploaded to your board or workspace, if available.

Set up text presets

Text presets help you keep typography consistent across your design. You can create or update presets for common text styles, such as headings, titles, body text, captions, or labels.


Each preset can include settings such as font, size, colors, styles, text case, and line height.


After you apply the changes, the updated text styles are applied to the board theme and reflected in the designs on the board. 

Note

  1. Preview your changes before clicking Apply, as applying text styles updates the designs on the board immediately.
  2. If you want to reuse the same text setup across multiple boards, save the board theme as a Workspace Theme.
  3. Generating fonts from text uses AI credits. Each generation costs 5 credits.
Need more help?
If this does not solve your issue, contact support and include a screenshot if possible.

    • Related Articles

    • How to set up a board theme

      Set up a board theme to keep your design style consistent across the board. A board theme includes key design elements such as colors, text styles, shadows, and corner radius. Before you start Make sure you have permission to edit the board. Themes ...

    • How to set up shadows in theme settings

      Set up shadows in theme settings to control the depth and elevation style used across your board. Shadows help create visual hierarchy and make elements feel more structured and layered. Before you start Make sure you have permission to edit the ...

    • How to set up border radius in theme settings

      Set up border radius in theme settings to control how rounded the corners look across your board. Border radius helps define whether your design feels sharp, slightly rounded, soft, or more circular. Before you start Make sure you have permission to ...

    • How to set up colors in theme settings

      Set up colors in theme settings to control the main color palette used across your board. Theme colors help keep your UI components, templates, and canvas designs visually consistent. Before you start Make sure you have permission to edit the board. ...

    • How to use Text and Link elements

      Use Text and Link elements to add headings, descriptions, labels, and clickable text to your designs. Before you start Make sure you have permission to edit the board and are in design editing mode. Text element types Visily provides the following ...