> ## Documentation Index
> Fetch the complete documentation index at: https://pitchprint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Text Styles

> Group text and shapes into reusable emblems, then export them to a category so they appear in the Text panel of your designs.

Text Styles are design elements consisting of grouped items that can be used and customized in different designs. This, unlike individual elements, are grouped to form an emblem that can be used as is. They are more like mini-designs.

<Note>
  **Update:**
  Single text elements can now be exported as a Text Style. So step 2 below is optional
</Note>

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/58ff8b002c7d3a057f888da4/file-RsGwGTxAbS.png" alt="A selection of Text Styles available in the Text panel" />
</Frame>

Admin can create a Text Style while creating or editing their designs. To create a Text Style, simply add your Text and Shapes  *(images do not work properly at this time)*  following this process:

<Steps>
  <Step title="Lay out your text and shapes">
    Add Text and Shape to form a coherent design on the canvas and group select them.
  </Step>

  <Step title="Group the items">
    Group them together by clicking the Group icon ***(Update: If the item is a text on the canvas, you can export it without grouping)*** :

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5b1e3ea10428632c466abe4e/file-4RreV2FCcJ.png" alt="Group icon in the toolbar used to group the selected text and shapes" />
    </Frame>
  </Step>

  <Step title="Find the export Text Style icon">
    Once they have been grouped, look at the secondary menu list and you will find the export Text Style icon enabled:

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5b1e3f002c7d3a0fa9a2d6bb/file-NPRmRjJ0Rg.png" alt="Secondary menu with the export Text Style icon enabled for the grouped item" />
    </Frame>
  </Step>

  <Step title="Open the export dialog">
    Click this to pop open the dialog for exporting Text Styles as shown:

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5b1e3f2a2c7d3a0fa9a2d6bf/file-A44fnwfcBk.png" alt="Export Text Styles dialog with a category list and a plus button for adding a category" />
    </Frame>
  </Step>

  <Step title="Choose a category and confirm">
    You can click the plus sign to create a new category or you can export to the selected category, Now click 'Ok'.
  </Step>
</Steps>

Your new Text Style should appear in the Text Panel when you load any of your designs assigned to a product.

Few thoughts to bear in mind when creating your Text Styles:

1. Keep it simple and less cluttered as customers might need to edit them.
2. Use only a combination of shapes and texts. It takes to long to load images.
3. Make use of fonts that will be available for that design. If the font is not loaded for a particular design, then the app will resort to default fonts.
4. TextBox does not scale well in grouped items so kindly use default TextArea only.
5. Be creative!

## Related articles

<CardGroup cols={2}>
  <Card title="Creating Text Art" icon="pen" href="/docs/tutorial/creating-text-art">
    Create a Text Style while building or editing your designs.
  </Card>

  <Card title="Text Box Formatting" icon="keyboard" href="/docs/tutorial/text-box-formatting">
    Choose between standard, text-wrapping, and curved text box formatting options.
  </Card>

  <Card title="How to add your own fonts" icon="font" href="/docs/tutorial/how-to-add-your-own-fonts">
    Upload your own custom TTF or Woff font files to expand the fonts available to customers.
  </Card>

  <Card title="Add Fonts - Inside Editor" icon="font" href="/docs/tutorial/add-fonts-inside-editor">
    Add Google Fonts directly from within the design editor.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.