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.
+
+
+
+:::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