> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/product-pages/product-page-blocks/product-labels.md).

# Product labels

Add a **Product labels** block to display an icon with a short text label to list your product's main features.

<figure><img src="/files/yCICPkAFR6Bd5xuDAZD1" alt=""><figcaption></figcaption></figure>

## Add product labels

***

Under **Product overview**, click **(+) Add block** and select **Product labels**. Use the drag-and-drop handles **`⋮⋮`** to re-order blocks. Click the block to start adding content.

## Add icons and text

***

Add up to 6 labels with an **icon** and **text**. Choose an icon or upload your own.

<figure><img src="/files/h5OxF4ZrX2cEQI56Bt0z" alt="" width="226"><figcaption></figcaption></figure>

`Click Product labels block to find settings`

<table><thead><tr><th width="217">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Icon</mark></td><td>Choose from 30+ free icons.</td></tr><tr><td><mark style="color:blue;">Custom icon image</mark></td><td>Upload your own icon image to display next the heading.<br><br>We recommend a PNG image with a transparent background and minimum dimensions of 50px by 50px.</td></tr><tr><td><mark style="color:blue;">Text</mark></td><td>Add a few words as the label.</td></tr></tbody></table>

## Change presentation style

***

Change the **size** of the icons, the text **font**, and choose to **outline** the labels. You can also add a **heading** above the product labels.

`Click Product labels block to find settings`

<table><thead><tr><th width="190">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Heading</mark></td><td>Add text to display a title above the product labels.</td></tr><tr><td><mark style="color:blue;">Icon size</mark></td><td>Set the size of the icons between <strong>16</strong> and <strong>32</strong> pixels.</td></tr><tr><td><mark style="color:blue;">Label text style</mark></td><td>Change the font of the label text, based on fonts selected in your theme settings: <strong>Body</strong>, <strong>Accent</strong>, <strong>Bold accent</strong>, or <strong>Bold body</strong></td></tr><tr><td><mark style="color:blue;">Outline labels</mark></td><td>Display a border box around each label.</td></tr></tbody></table>

\\

***

> **Related links**
>
> [Product template](/cornerstone/product-pages/product-template.md)\
> [Product page blocks](/cornerstone/product-pages/product-page-blocks.md)