Add interface guidelines for Text

content/components/Text.mdx

@@ -0,0 +1,24 @@
+---
+title: Text
+description: Text styles a string.
+reactId: text
+componentId: text
+---
+
+## Usage
+
+This component is used to style text using Primer's typographic styles as defined in our design token library, [Primer Primitives](../primitives).
+
+## Options
+
+### Color
+
+Text can be colored using any of the [functional color tokens](../primitives/colors#functional-variables). Only foreground colors should be used.
+
+### Other typographic styles
+
+See Primer Primitives [typography](../primitives/typography#styles) for more details about Primer's typography system.
+
+## Related links
+
+- [Primer Primitives](../primitives)

src/@primer/gatsby-theme-doctocat/nav.yml

@@ -198,6 +198,8 @@
       url: /components/select
     - title: Select panel
       url: /components/selectpanel
+    - title: Text
+      url: /components/text
     - title: Text input
       url: /components/text-input
     - title: Text input with tokens