> For the complete documentation index, see [llms.txt](https://deco-product-labels-and-badges.gitbook.io/product-labels-and-badges-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://deco-product-labels-and-badges.gitbook.io/product-labels-and-badges-guidelines/deco-product-labels-and-badges/how-to-create-labels/step-1-select-design-labels.md).
# Step 1: Select/Design labels
You can either create Image label/ text label
**1. IMAGE LABEL**
### 1.1 Select templates
* In the **Image Label** section, you will have 2 options: Click **Choose from library** to use DECO templates, or **Upload image** to upload your own designs
**NOTE**: the label "Coming soon" is a default label, you can change it as you wish. Or click "**Chat with us now**" for more detailed explanation
### 1.2 Change positions & sizes
* Select **9 basic Positions** and 3 **Sizes(S, M, L)**
**NOTE****:**
1. **Switch** between **Collection page and Product page button** to choose size differently for these 2 pages
2. **Switch** between **Desktop and Mobile button** to have **different size** for **mobile** and **desktop** device
\=>>>> The **size on Collection page will be the same for Home page, Search page**.
* Or Click **Customize Position** and **Customize Size** to have a more flexible position/ size
## 2. TEXT LABEL
### 2.1 Choose background
* You can use our template backgrounds at **"Choose from library"**, or your own at **Upload image**
In **Background:**
* Choose **Custom Shapes** to extensively customize them (size, color, border,...)
* Choose **Image Shapes** to use a pre-design background
### 2.2 Change position and size
* **Position:** Choose from **9 basic positions** OR choose **"Customize position"** to have a more flexible position
* **Size**: Dragging the round button to **adjust the width and the height** of labels
**NOTE**:
1. **Switch** between **Collection page and Product page button** to have a **different label size** for these 2 pages ( The **label size** on **collection page** will be the **same** on **Home page & Search page** )
2. Switch between **Desktop and Mobile button** to have a **different label size** on these **2 devices**
### **2.3 Enter your text**
You can add any text you want in **Label text**
* **Dragging the round button** to adjust your **text's font size**(NOTE: **Don't** adjust the **text's size too big,** causing it's **too near the background,** it might miss some words when displaying on your online store)
If you want to create custom labels with **Auto text options**, click on the **box** beside the **Label text**
Choose the option you want. For example, **Save percents** will result like the screenshot below, and XX% will display based on each product discount
Note:
In **Auto text**, you can adjust any texts or symbols( e.g. change to Uppercase/ lowercase,..), but you **should not delete/modify anything in {}** for the best display result
In the **Text** section, you can also custom:
* Letter spacing
* Border
* Margin
* Animation
* Rotation
* Opacity
* CSS Code
