diff --git a/docs/ff-concepts/design-system/design-system.md b/docs/ff-concepts/design-system/design-system.md index 633f2d59..84b96b31 100644 --- a/docs/ff-concepts/design-system/design-system.md +++ b/docs/ff-concepts/design-system/design-system.md @@ -571,31 +571,13 @@ You can customize the following properties of each text style: - **Color** - Set the color of the text using either the color picker or by specifying a Hex value. - **Font Family** - You can change the Font Family for any style from here. Click here to set the font family from [*Google Fonts*](https://fonts.google.com/) or choose from the uploaded Custom Fonts. You can also choose whether this style is a *Primary* or *Secondary Font Family*. -
- -
-

+You can also create fully custom text styles to match your design needs, going beyond the default styles like Display, Headline, or Title. Simply click the **+ Add Custom Text Style** button, a new text style will be added at the bottom, then edit the style name and customize the style properties. + +![typography](imgs/typography.avif) + +:::tip[PLANS] +Custom Text Styles are available on the **Teams** plan and higher. Check our [**pricing plans**](https://flutterflow.io/pricing). +::: #### Adding responsive text styles diff --git a/docs/ff-concepts/design-system/imgs/typography.avif b/docs/ff-concepts/design-system/imgs/typography.avif new file mode 100644 index 00000000..6c769fcb Binary files /dev/null and b/docs/ff-concepts/design-system/imgs/typography.avif differ