Uppercase label text

Text styletype: "text"

Render spaced-out uppercase labels for eyebrows, badges and section headers — copy and colors swapped on every API call. Create label images free.

Edit it — this is the actual editor panel

Design JSON — “Uppercase label” variant

{
  "title": "Text sample",
  "description": "A centered dynamic headline",
  "dimensions": {
    "width": 800,
    "height": 420
  },
  "background": {
    "color": "#ffffff"
  },
  "components": [
    {
      "id": "sample-text",
      "key": "title",
      "type": "text",
      "position": {
        "x": 220,
        "y": 182
      },
      "rotation": 0,
      "size": {
        "width": 360,
        "height": 56
      },
      "dynamic": true,
      "properties": {
        "text": "New feature",
        "fontSize": 22,
        "fontFamily": "Inter",
        "fontWeight": 600,
        "color": "#6B7280",
        "textAlignment": "center",
        "verticalAlignment": "center",
        "lineHeight": 1.2,
        "opacity": 1,
        "letterSpacing": 4,
        "textTransform": "uppercase"
      }
    }
  ]
}

Text examples

Real renders of the uppercase label text — each one is the same component with different property values, and the API payload below each preview reproduces it exactly.

Limited-time offer eyebrow

A red urgency label sitting above a promo headline.

API overrides for this example

{
  "title.text": "Limited time offer",
  "title.fontSize": 22,
  "title.fontWeight": 600,
  "title.letterSpacing": 4,
  "title.textTransform": "uppercase",
  "title.color": "#DC2626"
}

Case study badge

An indigo pill badge labelling a customer-story social card.

API overrides for this example

{
  "title.text": "Case study",
  "title.fontSize": 22,
  "title.fontWeight": 600,
  "title.letterSpacing": 4,
  "title.textTransform": "uppercase",
  "title.color": "#4F46E5",
  "title.backgroundColor": "#EEF2FF",
  "title.borderRadius": 28
}

When to use the uppercase label style

Eyebrow labels above OG image headlines
Category badges on blog and social cards
"New" and "Limited offer" tags on promo creatives

Use it dynamically via the API

Override the copy per render with '<key>.text' (or just '<key>' for the primary text value), plus '<key>.color' and background/stroke colors for styling.

Full API request with this variant's current values — the playground above sends only the properties you change

curl --location 'https://render.imejis.io/v1/{{YOUR_DESIGN_ID}}' \
--header 'dma-api-key: {{YOUR_API_KEY}}' \
--header 'Content-Type: application/json' \
--data '{
    "title.text": "New feature",
    "title.fontSize": 22,
    "title.fontFamily": "Inter",
    "title.fontWeight": 600,
    "title.color": "#6B7280",
    "title.textAlignment": "center",
    "title.verticalAlignment": "center",
    "title.lineHeight": 1.2,
    "title.opacity": 1,
    "title.letterSpacing": 4,
    "title.textTransform": "uppercase"
}'

Only send the properties you want to change — everything else keeps its design value. See the API documentation for all languages.

Other text styles

Default Highlighted Outlined Inline patternUppercase label

See the text component page for the full property reference and FAQs.